.gds-section {
    width: 100%;
    padding: 74px 0;
}

.gds-section-white {
    background: #ffffff;
}

.gds-section-soft {
    background: linear-gradient(180deg, #f7faff 0%, #eef6ff 100%);
}

.gds-section-title {
    max-width: 780px;
    margin: 0 auto 38px;
    text-align: center;
}

.gds-section-title h1,
.gds-section-title h2 {
    margin: 0 0 12px;
    color: var(--gds-heading);
}

.gds-section-title p {
    margin: 0;
    color: var(--gds-text-soft);
    font-size: 17px;
    font-weight: 500;
}

.gds-grid {
    display: grid;
    gap: 24px;
}

.gds-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.gds-grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.gds-grid-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.gds-card {
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid var(--gds-border);
    border-radius: var(--gds-radius-lg);
    box-shadow: var(--gds-shadow-sm);
    padding: 26px;
    transition: all 0.22s ease;
}

.gds-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--gds-shadow-md);
    border-color: #dbeafe;
}

.gds-card h3 {
    margin-bottom: 10px;
}

.gds-card p {
    margin-bottom: 0;
}

@media (max-width: 1024px) {
    .gds-grid-4,
    .gds-grid-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .gds-section {
        padding: 44px 0;
    }

    .gds-section-title {
        margin-bottom: 26px;
    }

    .gds-section-title p {
        font-size: 15px;
    }

    .gds-grid-2,
    .gds-grid-3,
    .gds-grid-4 {
        grid-template-columns: 1fr;
    }

    .gds-card {
        padding: 18px;
        border-radius: 16px;
    }
}






















/* =====================================================
   DEFAULT WORDPRESS PAGE LAYOUT - GULF DROPSHIP
   Fix default pages, full width, no double white box
===================================================== */

/* Only normal pages, not WooCommerce account/order pages */
body.page:not(.woocommerce-account),
body.page-template-default:not(.woocommerce-account) {
    background:
        radial-gradient(circle at top left, rgba(37, 99, 235, 0.08), transparent 32%),
        radial-gradient(circle at top right, rgba(20, 184, 166, 0.08), transparent 30%),
        var(--gds-bg, #f7faff) !important;
}

/* Remove old wrapper spacing on normal pages */
body.page:not(.woocommerce-account) .site-content,
body.page:not(.woocommerce-account) #content,
body.page:not(.woocommerce-account) .content-area,
body.page:not(.woocommerce-account) #primary,
body.page:not(.woocommerce-account) main.site-main,
body.page:not(.woocommerce-account) .gds-main {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Remove the big white box from default pages */
body.page:not(.woocommerce-account) .gds-content-card {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Hide old page title if theme prints it */
body.page:not(.woocommerce-account) .entry-header,
body.page:not(.woocommerce-account) .page-title,
body.page:not(.woocommerce-account) .gds-page-title {
    display: none !important;
}

/* Main default page */
.gds-default-page-main {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    background:
        radial-gradient(circle at top left, rgba(37, 99, 235, 0.08), transparent 32%),
        radial-gradient(circle at top right, rgba(20, 184, 166, 0.08), transparent 30%),
        var(--gds-bg, #f7faff);
}

/* Theme container */
.gds-default-page-container {
    width: 100%;
    max-width: var(--gds-container, 1440px);
    margin: 0 auto;
    padding-left: 24px;
    padding-right: 24px;
}

/* Full-width page hero */
.gds-default-page-hero {
    width: 100%;
    padding: 58px 0 54px;
    background:
        radial-gradient(circle at 10% 20%, rgba(255, 255, 255, 0.92), transparent 18%),
        radial-gradient(circle at 90% 18%, rgba(245, 158, 11, 0.20), transparent 26%),
        linear-gradient(135deg, #eaf4ff 0%, #f6fbff 48%, #fff7df 100%);
    border-bottom: 1px solid var(--gds-border, #e5eaf3);
    text-align: center;
}

.gds-default-page-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    margin: 0 auto 16px;
    padding: 8px 14px;
    border-radius: 999px;
    background: #ffffff;
    color: #08245c;
    border: 1px solid #dcecff;
    box-shadow: 0 10px 24px rgba(37, 99, 235, 0.08);
    font-size: 12px;
    line-height: 1;
    font-weight: 900;
}

.gds-default-page-badge span {
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: var(--gds-secondary, #14b8a6);
    box-shadow: 0 0 0 5px rgba(20, 184, 166, 0.13);
}

.gds-default-page-hero h1 {
    margin: 0 !important;
    color: #08245c !important;
    font-size: clamp(34px, 4vw, 56px) !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
    letter-spacing: -0.06em !important;
}

/* Content area */
.gds-default-page-content-section {
    width: 100%;
    padding: 54px 0 72px;
}

.gds-default-page-content {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    color: var(--gds-text, #111827);
}

/* Typography */
.gds-default-page-content p {
    color: var(--gds-text-soft, #475569) !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
    margin-bottom: 18px !important;
}

.gds-default-page-content h2 {
    color: #08245c !important;
    font-size: clamp(26px, 3vw, 40px) !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
    letter-spacing: -0.045em !important;
    margin: 0 0 16px !important;
}

.gds-default-page-content h3 {
    color: #08245c !important;
    font-size: 22px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
    margin: 26px 0 12px !important;
}

.gds-default-page-content ul,
.gds-default-page-content ol {
    margin: 0 0 22px 20px !important;
    padding: 0 !important;
}

.gds-default-page-content li {
    color: var(--gds-text-soft, #475569) !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
    margin-bottom: 8px !important;
}

.gds-default-page-content a {
    color: var(--gds-primary, #2563eb) !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

.gds-default-page-content a:hover {
    color: var(--gds-primary-hover, #1d4ed8) !important;
}

/* WordPress images */
.gds-default-page-content img {
    max-width: 100%;
    height: auto;
    border-radius: var(--gds-radius-md, 14px);
}

/* WordPress blocks */
.gds-default-page-content .wp-block-group {
    border-radius: var(--gds-radius-lg, 22px);
}

/* Tables */
.gds-default-page-content table {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    border: 1px solid var(--gds-border, #e5eaf3);
    border-radius: 14px;
    overflow: hidden;
}

.gds-default-page-content th,
.gds-default-page-content td {
    padding: 14px 16px;
    border-bottom: 1px solid var(--gds-border-light, #eef2f7);
    color: #08245c;
    font-size: 14px;
}

.gds-default-page-content th {
    background: #f5f9ff;
    font-weight: 900;
}

/* Optional card class for manual page content */
.gds-page-card {
    background: #ffffff;
    border: 1px solid var(--gds-border, #e5eaf3);
    border-radius: var(--gds-radius-lg, 22px);
    box-shadow: var(--gds-shadow-sm, 0 4px 14px rgba(15, 23, 42, 0.05));
    padding: 30px;
}

/* Optional full width content class */
.gds-page-wide {
    max-width: var(--gds-container, 1440px) !important;
}

/* Mobile */
@media (max-width: 768px) {
    .gds-default-page-container {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .gds-default-page-hero {
        padding: 38px 0 36px;
    }

    .gds-default-page-hero h1 {
        font-size: 30px !important;
        line-height: 1.1 !important;
    }

    .gds-default-page-content-section {
        padding: 34px 0 54px;
    }

    .gds-default-page-content {
        max-width: 100%;
    }

    .gds-default-page-content p,
    .gds-default-page-content li {
        font-size: 14px !important;
        line-height: 1.65 !important;
    }

    .gds-default-page-content h2 {
        font-size: 26px !important;
    }

    .gds-default-page-content h3 {
        font-size: 20px !important;
    }

    .gds-page-card {
        padding: 20px;
        border-radius: 18px;
    }
}




















/* =====================================================
   CLEAN FULL WIDTH DEFAULT PAGE CANVAS
   For normal WordPress pages where custom code will be pasted
===================================================== */

/* Normal pages only, not WooCommerce account pages */
body.page:not(.woocommerce-account) {
    background:
        radial-gradient(circle at top left, rgba(37, 99, 235, 0.08), transparent 32%),
        radial-gradient(circle at top right, rgba(20, 184, 166, 0.08), transparent 30%),
        var(--gds-bg, #f7faff) !important;
}

/* Remove all default page spacing/wrappers */
body.page:not(.woocommerce-account) .site-content,
body.page:not(.woocommerce-account) #content,
body.page:not(.woocommerce-account) .content-area,
body.page:not(.woocommerce-account) #primary,
body.page:not(.woocommerce-account) main.site-main,
body.page:not(.woocommerce-account) .gds-main,
body.page:not(.woocommerce-account) .gds-container,
body.page:not(.woocommerce-account) .gds-content-card {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Remove the double white box */
body.page:not(.woocommerce-account) .gds-content-card {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Hide any automatic page title/header */
body.page:not(.woocommerce-account) .entry-header,
body.page:not(.woocommerce-account) .page-title,
body.page:not(.woocommerce-account) .gds-page-title,
body.page:not(.woocommerce-account) .wp-block-post-title {
    display: none !important;
}

/* Main full-width page canvas */
.gds-clean-page-main {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    margin-top: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    background:
        radial-gradient(circle at top left, rgba(37, 99, 235, 0.08), transparent 32%),
        radial-gradient(circle at top right, rgba(20, 184, 166, 0.08), transparent 30%),
        var(--gds-bg, #f7faff);
}

/* Content area should not create another box */
.gds-clean-page-content {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    overflow-x: hidden !important;
}

/* Remove Gutenberg/block editor default width limits */
.gds-clean-page-content > *,
.gds-clean-page-content .wp-block-group,
.gds-clean-page-content .wp-block-columns,
.gds-clean-page-content .wp-block-html,
.gds-clean-page-content .wp-block-shortcode,
.gds-clean-page-content .wp-block-cover,
.gds-clean-page-content .alignwide,
.gds-clean-page-content .alignfull {
    max-width: 100% !important;
    width: 100% !important;
}

/* If you paste custom HTML code, it should start from full screen width */
.gds-clean-page-content .alignfull {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Default text pages safety */
.gds-clean-page-content p {
    color: var(--gds-text-soft, #475569);
}

/* Prevent horizontal scroll from pasted custom sections */
.gds-clean-page-content section,
.gds-clean-page-content div {
    box-sizing: border-box;
}

/* Mobile */
@media (max-width: 768px) {
    body.page:not(.woocommerce-account) .site-content,
    body.page:not(.woocommerce-account) #content,
    body.page:not(.woocommerce-account) .content-area,
    body.page:not(.woocommerce-account) #primary,
    body.page:not(.woocommerce-account) main.site-main,
    body.page:not(.woocommerce-account) .gds-main,
    body.page:not(.woocommerce-account) .gds-container,
    body.page:not(.woocommerce-account) .gds-content-card,
    .gds-clean-page-main,
    .gds-clean-page-content {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow-x: hidden !important;
    }
}