/* =========================================================
   DIVENTA SELLER
   ========================================================= */

.seller-page {
    background: #F7F5F0;
    color: #151515;
}

.seller-page *,
.seller-page *::before,
.seller-page *::after {
    box-sizing: border-box;
}

.seller-eyebrow {
    margin-bottom: 18px;
    color: #C99A3D;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.seller-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 24px;
    border: 1px solid transparent;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.11em;
    text-decoration: none;
    text-transform: uppercase;
    transition: color .2s ease, background .2s ease, border-color .2s ease;
}

.seller-button--primary {
    color: #090A09;
    background: #C99A3D;
    border-color: #C99A3D;
}

.seller-button--primary:hover,
.seller-button--primary:focus-visible {
    color: #C99A3D;
    background: transparent;
}

.seller-button--outline {
    color: #F7F5F0;
    background: transparent;
    border-color: rgba(247,245,240,.45);
}

.seller-button--outline:hover,
.seller-button--outline:focus-visible {
    color: #090A09;
    background: #C99A3D;
    border-color: #C99A3D;
}

/* HERO: intentionally different from "Come funziona".
   Same palette, but a two-column commercial layout with an offer card. */

.seller-hero {
    position: relative;
    overflow: hidden;
    padding: 92px 0 98px;
    color: #F7F5F0;
    background:
        linear-gradient(115deg, #090A09 0%, #090A09 58%, #11120F 58%, #151614 100%);
    border-bottom: 1px solid rgba(201,154,61,.28);
}

.seller-hero::before {
    position: absolute;
    top: -180px;
    right: -120px;
    width: 620px;
    height: 620px;
    border: 1px solid rgba(201,154,61,.12);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.seller-hero__layout {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0,1.25fr) minmax(330px,.55fr);
    gap: 80px;
    align-items: center;
}

.seller-hero__content { min-width: 0; }

.seller-hero__title {
    max-width: 820px;
    margin: 0;
    color: #F7F5F0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(54px, 5.4vw, 82px);
    font-weight: 400;
    line-height: .98;
    letter-spacing: -.035em;
}

.seller-hero__title span { color: #C99A3D; }

.seller-hero__intro {
    max-width: 680px;
    margin: 32px 0 0;
    color: rgba(247,245,240,.86);
    font-size: 19px;
    line-height: 1.65;
}

.seller-hero__highlights {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 28px;
    margin-top: 22px;
    color: rgba(247,245,240,.62);
    font-size: 14px;
    line-height: 1.5;
}

.seller-hero__highlights span {
    position: relative;
    padding-left: 16px;
}

.seller-hero__highlights span::before {
    position: absolute;
    top: .63em;
    left: 0;
    width: 5px;
    height: 5px;
    background: #C99A3D;
    border-radius: 50%;
    content: "";
}

.seller-hero .seller-button { margin-top: 34px; }

.seller-hero__offer {
    position: relative;
    padding: 36px 34px 32px;
    background: #F7F5F0;
    border: 1px solid #C99A3D;
    box-shadow: 18px 18px 0 rgba(201,154,61,.08);
}

.seller-hero__offer::before {
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    border: 1px solid rgba(201,154,61,.22);
    content: "";
    pointer-events: none;
}

.seller-hero__offer-label,
.seller-pricing__free-label {
    position: relative;
    display: block;
    color: #686761;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.seller-hero__offer-number {
    position: relative;
    margin-top: 14px;
    color: #090A09;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(100px, 10vw, 150px);
    font-weight: 400;
    line-height: .78;
    letter-spacing: -.06em;
}

.seller-hero__offer-title {
    position: relative;
    margin-top: 14px;
    color: #C99A3D;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 34px;
    line-height: 1;
}

.seller-hero__offer-divider {
    position: relative;
    width: 44px;
    height: 1px;
    margin: 26px 0 20px;
    background: #C99A3D;
}

.seller-hero__offer p {
    position: relative;
    margin: 0;
    color: #686761;
    font-size: 13px;
    line-height: 1.6;
}

.seller-hero__offer-commission {
    position: relative;
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid #E5E0D6;
}

.seller-hero__offer-commission strong {
    color: #090A09;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 30px;
    font-weight: 400;
}

.seller-hero__offer-commission span {
    color: #686761;
    font-size: 12px;
}

.seller-section { padding: 104px 0; }

.seller-section__heading {
    max-width: 760px;
    margin-bottom: 54px;
}

.seller-section__heading h2,
.seller-pricing__intro h2,
.seller-selection__intro h2,
.seller-form-section__intro h2,
.seller-bottom-cta h2 {
    margin: 0;
    color: #151515;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(38px, 4vw, 58px);
    font-weight: 400;
    line-height: 1.06;
    letter-spacing: -.025em;
}

.seller-benefits { background: #F7F5F0; }

.seller-benefits__grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 24px;
}

.seller-benefit {
    min-height: 325px;
    padding: 34px 30px;
    background: #FBFAF7;
    border: 1px solid #E5E0D6;
}

.seller-benefit__number {
    margin-bottom: 70px;
    color: #C99A3D;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .16em;
}

.seller-benefit h3,
.seller-requirement h3,
.seller-process__step h3 {
    margin: 0 0 16px;
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 400;
    line-height: 1.1;
}

.seller-benefit h3 { font-size: 30px; }

.seller-benefit p,
.seller-requirement p,
.seller-process__step p {
    margin: 0;
    color: #686761;
    font-size: 15px;
    line-height: 1.7;
}

.seller-selection {
    padding: 104px 0;
    background: #FBFAF7;
    border-top: 1px solid #E5E0D6;
    border-bottom: 1px solid #E5E0D6;
}

.seller-selection__layout {
    display: grid;
    grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);
    gap: 100px;
    align-items: start;
}

.seller-selection__intro p {
    max-width: 570px;
    margin: 26px 0 0;
    color: #686761;
    font-size: 16px;
    line-height: 1.75;
}

.seller-selection__warning {
    max-width: 570px;
    margin-top: 30px;
    padding: 20px 22px;
    color: #151515;
    background: #F7F5F0;
    border-left: 3px solid #C99A3D;
    font-size: 14px;
    line-height: 1.65;
}

.seller-selection__warning strong {
    display: block;
    margin-bottom: 4px;
}

.seller-selection__requirements { border-top: 1px solid #E5E0D6; }

.seller-requirement {
    padding: 26px 0;
    border-bottom: 1px solid #E5E0D6;
}

.seller-requirement h3 { font-size: 25px; }
.seller-requirement p { font-size: 14px; }

.seller-selection__disclaimer {
    margin: 26px 0 0;
    color: #686761;
    font-size: 12px;
    line-height: 1.65;
}

.seller-pricing {
    padding: 104px 0;
    color: #F7F5F0;
    background: #151614;
}

.seller-pricing__layout {
    display: grid;
    grid-template-columns: minmax(0,.82fr) minmax(460px,.78fr);
    gap: 100px;
    align-items: center;
}

.seller-pricing__intro h2 { color: #F7F5F0; }

.seller-pricing__intro p {
    max-width: 620px;
    margin: 24px 0 0;
    color: rgba(247,245,240,.66);
    font-size: 16px;
    line-height: 1.75;
}

.seller-pricing__intro .seller-pricing__minimum {
    margin-top: 18px;
    color: rgba(247,245,240,.82);
    font-size: 14px;
}

.seller-pricing__minimum strong { color: #C99A3D; }

.seller-pricing__card {
    padding: 40px 38px;
    background: #090A09;
    border: 1px solid rgba(201,154,61,.45);
}

.seller-pricing__free {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(201,154,61,.34);
}

.seller-pricing__free > div {
    display: flex;
    flex-direction: column;
}

.seller-pricing__free-label {
    margin-bottom: 9px;
    color: rgba(247,245,240,.5);
}

.seller-pricing__free strong {
    color: #C99A3D;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 52px;
    font-weight: 400;
    line-height: .95;
}

.seller-pricing__free-note {
    margin-top: 7px;
    color: rgba(247,245,240,.78);
    font-size: 14px;
}

.seller-pricing__free-badge {
    padding: 8px 10px;
    color: #C99A3D;
    border: 1px solid rgba(201,154,61,.45);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    white-space: nowrap;
}

.seller-pricing__label {
    margin-bottom: 24px;
    color: #C99A3D;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.seller-pricing__tiers {
    border-top: 1px solid rgba(247,245,240,.12);
    border-bottom: 1px solid rgba(247,245,240,.12);
}

.seller-pricing__tier {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding: 24px 0;
}

.seller-pricing__tier + .seller-pricing__tier {
    border-top: 1px solid rgba(247,245,240,.12);
}

.seller-pricing__tier-copy {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.seller-pricing__tier-title {
    color: #F7F5F0;
    font-size: 16px;
    font-weight: 700;
}

.seller-pricing__tier-note {
    color: rgba(247,245,240,.45);
    font-size: 12px;
}

.seller-pricing__tier-price {
    display: flex;
    align-items: baseline;
    gap: 6px;
    white-space: nowrap;
}

.seller-pricing__tier-price strong {
    color: #C99A3D;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 34px;
    font-weight: 400;
    line-height: 1;
}

.seller-pricing__tier-price span {
    color: rgba(247,245,240,.5);
    font-size: 12px;
}

.seller-pricing__example {
    margin-top: 28px;
    padding: 22px;
    background: rgba(247,245,240,.04);
    border: 1px solid rgba(247,245,240,.1);
}

.seller-pricing__example-label {
    display: block;
    margin-bottom: 12px;
    color: #C99A3D;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.seller-pricing__example p {
    margin: 0 0 14px;
    color: rgba(247,245,240,.78);
    font-size: 14px;
}

.seller-pricing__example-row,
.seller-pricing__example-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    font-size: 13px;
}

.seller-pricing__example-row {
    padding: 8px 0;
    color: rgba(247,245,240,.62);
}

.seller-pricing__example-row strong { color: #F7F5F0; }

.seller-pricing__example-total {
    margin-top: 8px;
    padding-top: 14px;
    color: #F7F5F0;
    border-top: 1px solid rgba(201,154,61,.28);
}

.seller-pricing__example-total strong {
    color: #C99A3D;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 25px;
    font-weight: 400;
}

.seller-pricing__features {
    margin: 28px 0 0;
    padding: 0;
    list-style: none;
}

.seller-pricing__features li {
    position: relative;
    padding-left: 22px;
    color: rgba(247,245,240,.78);
    font-size: 14px;
    line-height: 1.55;
}

.seller-pricing__features li + li { margin-top: 13px; }

.seller-pricing__features li::before {
    position: absolute;
    top: .62em;
    left: 0;
    width: 6px;
    height: 1px;
    background: #C99A3D;
    content: "";
}

.seller-pricing__commission {
    display: flex;
    align-items: baseline;
    gap: 12px;
    margin-top: 30px;
    padding-top: 26px;
    border-top: 1px solid rgba(201,154,61,.28);
}

.seller-pricing__commission strong {
    color: #C99A3D;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 34px;
    font-weight: 400;
}

.seller-pricing__commission span {
    color: rgba(247,245,240,.62);
    font-size: 13px;
}

.seller-process { background: #FBFAF7; }

.seller-process__grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    border-top: 1px solid #E5E0D6;
    border-bottom: 1px solid #E5E0D6;
}

.seller-process__step {
    min-height: 280px;
    padding: 30px 26px 32px;
}

.seller-process__step + .seller-process__step { border-left: 1px solid #E5E0D6; }

.seller-process__number {
    margin-bottom: 52px;
    color: #C99A3D;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .16em;
}

.seller-process__step h3 { font-size: 26px; }
.seller-process__step p { font-size: 14px; }

.seller-form-section {
    padding: 104px 0;
    background: #F7F5F0;
}

.seller-form-section__layout {
    display: grid;
    grid-template-columns: minmax(0,.78fr) minmax(0,1.22fr);
    gap: 100px;
    align-items: start;
}

.seller-form-section__intro {
    position: sticky;
    top: 120px;
}

.seller-form-section__intro p {
    max-width: 480px;
    margin: 24px 0 0;
    color: #686761;
    font-size: 16px;
    line-height: 1.72;
}

.seller-form-section__intro .seller-form-section__note {
    margin-top: 16px;
    font-size: 14px;
}

.seller-form-section__form {
    min-height: 420px;
    padding: 36px;
    background: #EFECE5;
    border: 1px solid rgba(201, 154, 61, 0.55);
}

.seller-form-section__form .wpforms-container { margin: 0; }
.seller-form-section__form .wpforms-field { padding: 0 0 22px; }

.seller-form-section__form .wpforms-field-label {
    margin-bottom: 8px;
    color: #151515;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .04em;
}

.seller-form-section__form input[type="text"],
.seller-form-section__form input[type="email"],
.seller-form-section__form input[type="tel"],
.seller-form-section__form input[type="url"],
.seller-form-section__form input[type="number"],
.seller-form-section__form select,
.seller-form-section__form textarea {
    width: 100% !important;
    max-width: none !important;
    min-height: 48px;
    padding: 11px 13px !important;
    color: #151515 !important;
    background: #F7F5F0 !important;
    border: 1px solid #D9D3C8 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font: inherit;
}

.seller-form-section__form textarea {
    min-height: 140px;
    resize: vertical;
}

.seller-form-section__form input:focus,
.seller-form-section__form select:focus,
.seller-form-section__form textarea:focus {
    border-color: #C99A3D !important;
    outline: none !important;
    box-shadow: 0 0 0 1px #C99A3D !important;
}

.seller-form-section__form .wpforms-submit-container { padding-top: 6px !important; }

.seller-form-section__form button[type="submit"] {
    min-height: 48px !important;
    padding: 0 24px !important;
    color: #090A09 !important;
    background: #C99A3D !important;
    border: 1px solid #C99A3D !important;
    border-radius: 0 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .11em !important;
    text-transform: uppercase !important;
}

.seller-form-section__form button[type="submit"]:hover,
.seller-form-section__form button[type="submit"]:focus {
    color: #C99A3D !important;
    background: transparent !important;
}

.seller-bottom-cta {
    padding: 76px 0;
    color: #F7F5F0;
    background: #090A09;
    border-top: 1px solid rgba(201,154,61,.22);
}

.seller-bottom-cta__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 48px;
}

.seller-bottom-cta h2 { color: #F7F5F0; }

@media (max-width: 1000px) {
    .seller-hero { padding: 82px 0 88px; }

    .seller-hero__layout {
        grid-template-columns: minmax(0,1fr) minmax(300px,.48fr);
        gap: 48px;
    }

    .seller-hero__title { font-size: clamp(50px, 5.7vw, 72px); }

    .seller-benefits__grid { gap: 18px; }
    .seller-benefit { min-height: 305px; padding: 30px 24px; }
    .seller-benefit__number { margin-bottom: 54px; }
    .seller-selection__layout { gap: 58px; }

    .seller-pricing__layout {
        grid-template-columns: minmax(0,.85fr) minmax(420px,.8fr);
        gap: 58px;
    }

    .seller-process__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .seller-process__step:nth-child(3) { border-left: 0; border-top: 1px solid #E5E0D6; }
    .seller-process__step:nth-child(4) { border-top: 1px solid #E5E0D6; }
    .seller-form-section__layout { gap: 60px; }
}

@media (max-width: 760px) {
    .seller-hero {
        padding: 64px 0 68px;
        background: #090A09;
    }

    .seller-hero::before { display: none; }

    .seller-hero__layout {
        grid-template-columns: 1fr;
        gap: 42px;
    }

    .seller-hero__title {
        max-width: 100%;
        font-size: clamp(41px, 11.5vw, 56px);
        line-height: 1;
        letter-spacing: -.03em;
    }

    .seller-hero__intro {
        margin-top: 28px;
        font-size: 17px;
        line-height: 1.6;
    }

    .seller-hero__highlights { display: block; margin-top: 22px; }
    .seller-hero__highlights span { display: block; }
    .seller-hero__highlights span + span { margin-top: 10px; }
    .seller-hero .seller-button { width: 100%; margin-top: 30px; }

    .seller-hero__offer {
        padding: 30px 28px 28px;
        box-shadow: 10px 10px 0 rgba(201,154,61,.08);
    }

    .seller-hero__offer-number { font-size: 112px; }
    .seller-hero__offer-title { font-size: 31px; }

    .seller-section,
    .seller-selection,
    .seller-pricing,
    .seller-form-section {
        padding: 68px 0;
    }

    .seller-section__heading { margin-bottom: 32px; }

    .seller-section__heading h2,
    .seller-pricing__intro h2,
    .seller-selection__intro h2,
    .seller-form-section__intro h2,
    .seller-bottom-cta h2 {
        font-size: 38px;
        line-height: 1.08;
    }

    .seller-benefits__grid { grid-template-columns: 1fr; gap: 16px; }
    .seller-benefit { min-height: 0; padding: 28px 24px; }
    .seller-benefit__number { margin-bottom: 34px; }
    .seller-benefit h3 { font-size: 28px; }

    .seller-selection__layout { grid-template-columns: 1fr; gap: 42px; }
    .seller-selection__warning { margin-top: 24px; }

    .seller-pricing__layout { grid-template-columns: 1fr; gap: 38px; }
    .seller-pricing__card { padding: 30px 22px; }
    .seller-pricing__free { align-items: flex-start; flex-direction: column; gap: 16px; }
    .seller-pricing__free strong { font-size: 46px; }
    .seller-pricing__tier { align-items: flex-start; flex-direction: column; gap: 14px; }
    .seller-pricing__tier-price strong { font-size: 32px; }
    .seller-pricing__example { padding: 18px; }

    .seller-process__grid { grid-template-columns: 1fr; border-bottom: 0; }

    .seller-process__step {
        min-height: 0;
        padding: 26px 0 28px;
        border-bottom: 1px solid #E5E0D6;
    }

    .seller-process__step + .seller-process__step,
    .seller-process__step:nth-child(3),
    .seller-process__step:nth-child(4) {
        border-left: 0;
        border-top: 0;
    }

    .seller-process__number { margin-bottom: 24px; }

    .seller-form-section__layout { grid-template-columns: 1fr; gap: 38px; }
    .seller-form-section__intro { position: static; }
    .seller-form-section__form { min-height: 360px; padding: 24px 20px; }
    .seller-form-section__form button[type="submit"] { width: 100% !important; }

    .seller-bottom-cta { padding: 58px 0; }
    .seller-bottom-cta__inner { align-items: flex-start; flex-direction: column; gap: 28px; }
    .seller-bottom-cta .seller-button { width: 100%; }
}

@media (max-width: 420px) {
    .seller-hero { padding: 56px 0 62px; }
    .seller-hero__title { font-size: 39px; }
    .seller-hero__offer { padding: 27px 24px 25px; }
    .seller-hero__offer-number { font-size: 100px; }

    .seller-section__heading h2,
    .seller-pricing__intro h2,
    .seller-selection__intro h2,
    .seller-form-section__intro h2,
    .seller-bottom-cta h2 {
        font-size: 34px;
    }

    .seller-benefit { padding: 26px 20px; }
    .seller-pricing__card { padding: 26px 18px; }
    .seller-pricing__example-row,
    .seller-pricing__example-total { gap: 12px; }
    .seller-form-section__form { padding: 20px 16px; }
}