/*
Theme Name: Sejtra Presse
Theme URI: https://sejtradesign.com
Author: Sejtra Design
Description: Thème sur mesure pour la vente de dossiers de presse musicaux (Sejtra Design × INDIY Music). Conçu pour WooCommerce et l'éditeur de blocs.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: sejtra-presse
License: GPLv2 or later
*/

/* ---------- Polices (hébergées sur le site, aucune requête vers Google) ---------- */
@font-face{font-family:"Bricolage Grotesque";src:url("assets/fonts/bricolage-grotesque.woff") format("woff");font-weight:300 800;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url("assets/fonts/manrope.woff") format("woff");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("assets/fonts/instrument-serif.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("assets/fonts/instrument-serif-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}

/* ---------- Couleurs ---------- */
:root{
  --sj-ink:#23303F;        /* texte, sections sombres */
  --sj-ink-2:#36404C;
  --sj-muted:#56606B;
  --sj-burgundy:#7A2438;   /* boutons */
  --sj-burgundy-d:#5E1C2D;
  --sj-blue:#BFD3EE;       /* surlignage, accents */
  --sj-blue-l:#EAF1FA;     /* fonds bleu clair */
  --sj-cream:#FAF5EE;      /* fond beige */
  --sj-cream-l:#FCF9F4;    /* fond des formulaires */
  --sj-line:#E7D9C7;
  --sj-field:#D3C8BA;
  --sj-white:#FFFFFF;
  --sj-display:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;
  --sj-serif:"Instrument Serif",Georgia,serif;
  --sj-sans:"Manrope",ui-sans-serif,system-ui,sans-serif;
  --sj-wrap:1200px;
  --sj-gutter:24px;
}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--sj-white);color:var(--sj-ink);font-family:var(--sj-sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:var(--sj-ink)}
a:hover{color:var(--sj-burgundy)}
:focus-visible{outline:2px solid var(--sj-burgundy);outline-offset:2px}
h1,h2,h3,h4{font-family:var(--sj-display);font-weight:700;letter-spacing:-0.02em;line-height:1.08;margin:0}
h1{font-size:clamp(38px,5vw,62px);line-height:1.05}
h2{font-size:clamp(32px,4vw,50px)}
h3{font-size:21px;letter-spacing:-0.01em}
p{margin:0}
h1 em,h2 em,.sj-hl em{font-family:var(--sj-serif);font-weight:400;font-style:italic;font-size:1.12em;letter-spacing:0;background:linear-gradient(transparent 58%,var(--sj-blue) 58%);padding:0 6px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip-link:focus{position:fixed;top:8px;left:8px;z-index:100;background:#fff;padding:10px 16px;clip:auto;width:auto;height:auto}

/* ---------- En-tête ---------- */
.sj-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--sj-line)}
.admin-bar .sj-header{top:32px}
@media (max-width:782px){.admin-bar .sj-header{top:0}}
.sj-header__in{max-width:var(--sj-wrap);margin:0 auto;padding:14px var(--sj-gutter);display:flex;align-items:center;justify-content:space-between;gap:24px}
.sj-header__logo img{height:44px;width:auto;display:block}
.sj-nav{display:flex;gap:32px;font-size:15px;font-weight:500}
.sj-nav a{text-decoration:none}
.sj-nav ul{display:flex;gap:32px;list-style:none;margin:0;padding:0}
@media (max-width:860px){.sj-nav{display:none}}
.sj-header__secure{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--sj-muted)}

/* ---------- Boutons ---------- */
.sj-btn,.wp-block-button__link,.wp-element-button{display:inline-block;font-family:var(--sj-sans);font-weight:600;font-size:16px;line-height:1.2;text-decoration:none;border-radius:999px;padding:16px 28px;background:var(--sj-burgundy);color:var(--sj-cream);border:1.5px solid var(--sj-burgundy);cursor:pointer;transition:background .2s,color .2s,border-color .2s;text-align:center}
.sj-btn:hover,.wp-block-button__link:hover,.wp-element-button:hover{background:var(--sj-burgundy-d);border-color:var(--sj-burgundy-d);color:var(--sj-cream)}
.sj-btn--small{padding:12px 22px;font-size:15px;white-space:nowrap}
.is-style-sj-ghost .wp-block-button__link,.sj-btn--ghost{background:transparent;color:var(--sj-ink);border-color:var(--sj-ink)}
.is-style-sj-ghost .wp-block-button__link:hover,.sj-btn--ghost:hover{background:var(--sj-ink);color:var(--sj-cream);border-color:var(--sj-ink)}
.is-style-sj-light .wp-block-button__link{background:var(--sj-blue);color:var(--sj-ink);border-color:var(--sj-blue)}
.is-style-sj-light .wp-block-button__link:hover{background:#fff;color:var(--sj-ink);border-color:#fff}
.wp-block-buttons{display:flex;flex-wrap:wrap;gap:14px}

/* ---------- Sections de la page d'accueil ---------- */
.sj-home{overflow-x:clip}
.sj-section{padding:104px var(--sj-gutter)}
.sj-section>*{max-width:var(--sj-wrap);margin-left:auto;margin-right:auto}
.sj-section>*+*{margin-top:48px}
.sj-bg-cream{background:var(--sj-cream)}
.sj-bg-blue{background:var(--sj-blue-l)}
.sj-bg-white{background:var(--sj-white)}
.sj-bg-ink{background:var(--sj-ink);color:var(--sj-cream)}
.sj-bg-ink a{color:var(--sj-cream)}
.sj-eyebrow{font-size:13px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--sj-burgundy)}
.sj-bg-ink .sj-eyebrow{color:var(--sj-blue)}
.sj-lead{font-size:19px;max-width:560px}
.sj-muted{color:var(--sj-muted)}
.sj-bg-ink .sj-muted{color:#D5DEEA}
.sj-strong{font-weight:600;color:var(--sj-ink)}
.sj-center{text-align:center}
.sj-center>*{margin-left:auto;margin-right:auto}
.sj-stack>*+*{margin-top:18px}
.sj-head>*{max-width:760px}
.sj-head.sj-center>*{margin-left:auto;margin-right:auto}
.sj-head>*+*{margin-top:16px}
.wp-block-columns{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:0}
.wp-block-column{flex:1 1 0;min-width:0}
@media (max-width:781px){.wp-block-columns{flex-direction:column}.wp-block-column{flex-basis:100%!important}}

/* Accroche */
.sj-hero{padding-top:80px;padding-bottom:88px}
.sj-hero .wp-block-columns{align-items:center;gap:56px}
.sj-hero-text>*+*{margin-top:22px}
.sj-price-from{font-family:var(--sj-display);font-size:26px}
.sj-price-from strong{font-weight:500}
.sj-hero-img{margin:0}
.sj-hero-img img{width:100%;height:auto;display:block}

/* Pourquoi */
.sj-why .wp-block-columns{align-items:center;gap:48px}
.sj-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
.sj-chips li{background:var(--sj-ink);color:var(--sj-cream);font-weight:600;font-size:14px;padding:9px 16px;border-radius:999px}
.sj-beforeafter{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px 24px}
.sj-beforeafter figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:14px}
.sj-beforeafter figcaption{font-size:13px;max-width:160px;text-align:center;color:var(--sj-muted)}
.sj-beforeafter .is-after figcaption{color:var(--sj-ink);font-weight:600}
.sj-page{width:150px;aspect-ratio:3/4;border-radius:6px;overflow:hidden}
.sj-page--plain{background:#fff;border:1px solid #DCDCDC;padding:14px 12px;display:flex;flex-direction:column;gap:5px;transform:rotate(-3deg);opacity:.85}
.sj-page--plain i{display:block;height:4px;background:#DADADA}
.sj-page--plain i:first-child{height:9px;width:60%;background:#BDBDBD;margin-bottom:6px}
.sj-page--pro{background:#fff;box-shadow:0 22px 44px rgba(35,48,63,.18);display:flex;flex-direction:column;transform:rotate(3deg)}
.sj-page--pro .top{flex:0 0 46%;background:var(--sj-ink);padding:14px;display:flex;justify-content:space-between;align-items:flex-end}
.sj-page--pro .top b{font-family:var(--sj-display);font-weight:800;font-size:16px;line-height:.95;color:var(--sj-cream)}
.sj-page--pro .top span{width:32px;height:32px;border-radius:50%;background:var(--sj-blue)}
.sj-page--pro .body{padding:12px 14px;display:flex;flex-direction:column;gap:6px}
.sj-page--pro .tag{align-self:flex-start;background:var(--sj-burgundy);color:var(--sj-cream);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 7px;border-radius:999px}
.sj-page--pro i{display:block;height:4px;background:#E3E8EF}
.sj-page--pro .tiles{display:flex;gap:6px;margin-top:6px}
.sj-page--pro .tiles i{flex:1;height:24px;border-radius:3px}
.sj-arrow{color:var(--sj-burgundy)}
.sj-benefits{gap:20px!important}
.sj-card-blue{background:var(--sj-blue-l);border-radius:16px;padding:28px}
.sj-card-blue>*+*{margin-top:12px}
.sj-card-blue h3{font-size:20px}
.sj-icon{width:52px;height:52px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--sj-burgundy)}

/* Offres */
.sj-offers{gap:24px!important;align-items:stretch}
.sj-offer{background:#fff;border:1px solid var(--sj-line);border-radius:20px;padding:36px 32px!important;display:flex;flex-direction:column;gap:20px}
.sj-offer>*{margin:0!important}
.sj-offer--featured{border:2.5px solid var(--sj-burgundy);box-shadow:0 24px 48px rgba(122,36,56,.14)}
.sj-offer .sj-eyebrow{font-weight:700;letter-spacing:.16em}
.sj-price{font-family:var(--sj-display);font-size:64px;line-height:1;font-weight:400}
.sj-offer-sub{font-size:18px;font-weight:600}
.sj-checklist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;color:var(--sj-ink-2);font-size:16px}
.sj-checklist li{position:relative;padding-left:26px}
.sj-checklist li::before{content:"—";position:absolute;left:0;top:0;color:var(--sj-burgundy);font-weight:700}
.sj-note{font-size:14px;color:var(--sj-muted)}
.sj-grow{flex-grow:1}
.sj-tagline{font-family:var(--sj-serif);font-style:italic;font-size:21px;border-top:1px solid var(--sj-line);padding-top:18px}
.sj-offer .wp-block-buttons{display:block}
.sj-offer .wp-block-button{display:block;width:100%}
.sj-offer .wp-block-button__link{display:block;width:100%;padding:15px 20px}
.sj-small{font-size:14px}

/* Exemples */
.sj-tabs-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.sj-tabs-nav button{min-height:44px;padding:10px 20px;border-radius:999px;cursor:pointer;font:600 15px var(--sj-sans);background:transparent;color:var(--sj-cream);border:1.5px solid #6F7E91}
.sj-tabs-nav button[aria-selected="true"]{background:var(--sj-blue);color:var(--sj-ink);border-color:var(--sj-blue)}
.sj-tabs.is-ready .sj-tab-title{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
.sj-tab+.sj-tab{margin-top:40px}
.sj-tabs.is-ready .sj-tab+.sj-tab{margin-top:0}
.sj-tab-title{font-size:22px;margin-bottom:18px}
.sj-gallery{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px!important;margin:0}
@media (max-width:900px){.sj-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sj-gallery .wp-block-image{margin:0!important;width:auto!important;display:block!important;position:relative}
.sj-gallery .wp-block-image img{display:block;width:100%!important;height:auto!important;flex:none!important;aspect-ratio:210/297;object-fit:cover;border-radius:8px;transition:transform .25s ease;cursor:zoom-in}
.sj-gallery .wp-block-image img:hover{transform:translateY(-4px)}

/* Étapes */
.sj-steps{gap:0!important;row-gap:48px!important}
.sj-steps>.wp-block-column{padding-right:28px}
.sj-steps>.wp-block-column>*+*{margin-top:12px}
.sj-step-head{display:flex;align-items:center;margin-right:-28px;margin-bottom:8px}
.sj-step-head span.ico{flex-shrink:0;width:64px;height:64px;border-radius:50%;background:var(--sj-blue-l);display:flex;align-items:center;justify-content:center;color:var(--sj-ink)}
.sj-step-head span.line{flex:1;height:2px;background:var(--sj-blue);margin-left:12px}
.sj-step-head.is-last span.ico{background:var(--sj-ink);color:var(--sj-cream)}
.sj-steps>.wp-block-column:last-child .sj-step-head span.line{display:none}
.sj-step-label{font-family:var(--sj-display);font-size:18px;color:var(--sj-burgundy)}
@media (max-width:781px){.sj-step-head span.line{display:none}}

/* Double expertise */
.sj-expertise .wp-block-columns{align-items:center;gap:56px}
.sj-person{background:#fff;border-radius:20px;padding:28px}
.sj-person+.sj-person{margin-top:20px}
.sj-person>*+*{margin-top:14px}
.sj-person-head{display:flex;align-items:center;gap:16px;margin:0}
.sj-person-head>*{margin:0!important}
.sj-avatar{margin:0;flex-shrink:0}
.sj-avatar img{width:88px;height:88px;border-radius:50%;object-fit:cover;object-position:center 18%;background:var(--sj-blue);display:block}
.sj-person p.sj-person-name,.sj-person-name{font-family:var(--sj-display);font-size:22px;line-height:1.1}
.sj-person-logo{margin:6px 0 0}
.sj-person-logo img{height:26px;width:auto;display:block}
.sj-person p{font-size:15px;color:var(--sj-ink-2)}

/* FAQ */
.sj-faq{max-width:880px}
.sj-faq .wp-block-details{border-bottom:1px solid #DDD2C4;margin:0}
.sj-faq .wp-block-details:first-of-type{border-top:1px solid #DDD2C4}
.sj-faq summary{list-style:none;cursor:pointer;min-height:64px;padding:20px 40px 20px 0;font-weight:600;font-size:18px;position:relative}
.sj-faq summary::-webkit-details-marker{display:none}
.sj-faq summary::after{content:"";position:absolute;right:6px;top:50%;width:16px;height:16px;margin-top:-8px;background:linear-gradient(var(--sj-burgundy),var(--sj-burgundy)) center/16px 2px no-repeat,linear-gradient(var(--sj-burgundy),var(--sj-burgundy)) center/2px 16px no-repeat;transition:transform .2s}
.sj-faq details[open] summary::after{transform:rotate(45deg)}
.sj-faq details>p{padding:0 40px 24px 0;color:var(--sj-ink-2)}

/* Appel final */
.sj-cta-wrap{padding-top:0}
.sj-cta{max-width:1152px;background:var(--sj-ink);color:var(--sj-cream);border-radius:28px;padding:clamp(48px,7vw,96px) clamp(24px,6vw,80px);text-align:center}
.sj-cta>*{max-width:760px;margin-left:auto;margin-right:auto}
.sj-cta>*+*{margin-top:20px}
.sj-cta .wp-block-buttons{justify-content:center}

/* ---------- Pied de page ---------- */
.sj-footer{border-top:1px solid var(--sj-line);background:#fff}
.sj-footer__in{max-width:var(--sj-wrap);margin:0 auto;padding:48px var(--sj-gutter);display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between;align-items:center}
.sj-footer__brand{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:14px;color:var(--sj-muted)}
.sj-footer__brand .logo{height:40px;width:auto}
.sj-footer__brand .partner{height:20px;width:auto}
.sj-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:20px;font-size:14px}

/* ---------- Pages simples (légales, commande, brief) ---------- */
.sj-page-main{background:var(--sj-cream-l);min-height:60vh}
.sj-page-in{max-width:820px;margin:0 auto;padding:56px var(--sj-gutter) 96px}
.sj-page-in.is-wide{max-width:1120px}
.sj-page-title{font-size:clamp(32px,4vw,46px);margin-bottom:32px}
.sj-content>*+*{margin-top:1em}
.sj-content h2{font-size:26px;margin-top:1.6em}
.sj-content h3{font-size:20px;margin-top:1.4em}
.sj-content ul,.sj-content ol{padding-left:1.3em}

/* ---------- Formulaires (WooCommerce + brief) ---------- */
.sj-page-main input[type=text],.sj-page-main input[type=email],.sj-page-main input[type=tel],.sj-page-main input[type=url],.sj-page-main input[type=password],.sj-page-main select,.sj-page-main textarea,.woocommerce form .form-row .input-text,.woocommerce form .form-row select{box-sizing:border-box;width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--sj-field);border-radius:10px;background:#fff;font:400 16px var(--sj-sans);color:var(--sj-ink)}
.sj-page-main textarea{min-height:120px;resize:vertical}
.sj-page-main input:focus,.sj-page-main textarea:focus,.sj-page-main select:focus{outline:2px solid var(--sj-burgundy);outline-offset:1px}
.sj-page-main label{font-size:14px;font-weight:600}
.sj-page-main input[type=checkbox],.sj-page-main input[type=radio]{accent-color:var(--sj-ink);width:20px;height:20px;vertical-align:middle}

/* WooCommerce – commande */
.woocommerce-checkout .sj-page-title{margin-bottom:24px}
.woocommerce form.checkout{display:grid;grid-template-columns:minmax(0,1fr) 380px;column-gap:48px;align-items:start}
.woocommerce form.checkout>*{grid-column:1}
.woocommerce form.checkout #customer_details{grid-row:1 / span 2}
.woocommerce form.checkout #order_review_heading{grid-column:2;grid-row:1;margin:0 0 16px;font-family:var(--sj-sans);font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:var(--sj-burgundy);font-weight:700;display:flex;align-items:center;gap:8px}
.woocommerce form.checkout #order_review{grid-column:2;grid-row:2;border-left:1px solid #E2D6C5;padding-left:40px}
@media (max-width:920px){.woocommerce form.checkout{grid-template-columns:1fr}.woocommerce form.checkout #customer_details{grid-row:auto}.woocommerce form.checkout #order_review_heading,.woocommerce form.checkout #order_review{grid-column:1;grid-row:auto}.woocommerce form.checkout #order_review{border-left:0;padding-left:0}}
.woocommerce form.checkout .col2-set{width:100%;float:none}
.woocommerce form.checkout .col2-set .col-1,.woocommerce form.checkout .col2-set .col-2{float:none;width:100%}
.woocommerce-checkout h3{font-family:var(--sj-sans);font-size:18px;font-weight:700;letter-spacing:0;margin:0 0 12px}
.woocommerce form .form-row{padding:0;margin:0 0 16px}
.woocommerce form .form-row label{display:block;margin-bottom:6px;line-height:1.4}
.woocommerce form .form-row .required{color:var(--sj-burgundy);text-decoration:none}
.woocommerce-checkout-review-order-table{width:100%;border-collapse:collapse;font-size:15px;margin-bottom:24px}
.woocommerce-checkout-review-order-table th,.woocommerce-checkout-review-order-table td{padding:10px 0;text-align:left;border-bottom:1px solid #EFE6DA;vertical-align:top}
.woocommerce-checkout-review-order-table td:last-child,.woocommerce-checkout-review-order-table th:last-child{text-align:right}
.woocommerce-checkout-review-order-table .order-total td,.woocommerce-checkout-review-order-table .order-total th{font-family:var(--sj-display);font-size:24px;border-bottom:0;padding-top:16px}
.woocommerce-checkout-payment{background:transparent!important;border-radius:0}
.woocommerce-checkout #payment ul.payment_methods{list-style:none;margin:0 0 16px;padding:0!important;border:0!important;display:flex;flex-direction:column;gap:10px}
.woocommerce-checkout #payment ul.payment_methods li{background:#fff;border:1px solid var(--sj-field);border-radius:12px;padding:14px 16px}
.woocommerce-checkout #payment div.payment_box{background:var(--sj-cream-l)!important;border-radius:8px;font-size:14px}
.woocommerce-checkout #payment div.payment_box::before{display:none}
.woocommerce #payment #place_order,.woocommerce-page #payment #place_order{width:100%;float:none;font-size:17px;font-weight:700;padding:18px 24px;background:var(--sj-burgundy);color:var(--sj-cream);border:0;border-radius:999px}
.woocommerce #payment #place_order:hover{background:var(--sj-burgundy-d)}
.woocommerce-terms-and-conditions-wrapper,.sj-checkout-consents{font-size:15px;margin:12px 0 16px}
.sj-checkout-consents .form-row{margin-bottom:10px!important}
.sj-checkout-consents label{font-weight:400!important;display:flex!important;gap:10px;align-items:flex-start}
.sj-checkout-consents label input{margin-top:2px;flex-shrink:0}
.sj-secure-note{font-size:13px;color:var(--sj-muted);text-align:center;margin-top:10px}
.woocommerce-form-coupon-toggle .woocommerce-info,.woocommerce-info,.woocommerce-message,.woocommerce-error{background:#fff;border:1px solid var(--sj-line);border-left:4px solid var(--sj-blue);border-radius:10px;padding:14px 18px;margin:0 0 20px;list-style:none;font-size:15px}
.woocommerce-error{border-left-color:var(--sj-burgundy)}
.woocommerce-info::before,.woocommerce-message::before,.woocommerce-error::before{display:none}

/* WooCommerce – confirmation */
.woocommerce-order>*+*{margin-top:24px}
.woocommerce-order ul.order_details{list-style:none;padding:20px 24px;margin:0;background:#fff;border:1px solid #D6E2F2;border-radius:20px;display:flex;flex-wrap:wrap;gap:12px 28px;font-size:14px;color:var(--sj-muted)}
.woocommerce-order ul.order_details li{border:0;margin:0;padding:0;float:none}
.woocommerce-order ul.order_details strong{display:block;color:var(--sj-ink);font-size:16px}
.woocommerce-order .woocommerce-order-details h2,.woocommerce-order .woocommerce-customer-details h2{font-family:var(--sj-sans);font-size:18px;letter-spacing:0;margin-bottom:12px}
.woocommerce-table--order-details{width:100%;border-collapse:collapse;background:#fff;border-radius:12px}
.woocommerce-table--order-details th,.woocommerce-table--order-details td{padding:12px 14px;border-bottom:1px solid #EFE6DA;text-align:left}
.sj-thanks{display:flex;flex-direction:column;gap:14px;align-items:flex-start;margin-bottom:28px}
.sj-thanks__check{width:56px;height:56px;border-radius:50%;background:var(--sj-blue);display:flex;align-items:center;justify-content:center}
.sj-thanks__sub{font-family:var(--sj-serif);font-style:italic;font-size:24px;color:var(--sj-burgundy)}
.sj-next{background:#fff;border:1px solid #D6E2F2;border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:14px}
.sj-next h2{font-family:var(--sj-sans);font-size:20px;letter-spacing:0}
.sj-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.sj-links a{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--sj-burgundy);color:var(--sj-cream);text-decoration:none;font-weight:700;padding:18px 22px;border-radius:14px}
.sj-links a:hover{background:var(--sj-burgundy-d);color:var(--sj-cream)}

/* Brief */
.sj-brief>*+*{margin-top:40px}
.sj-brief fieldset{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.sj-brief legend{font-family:var(--sj-display);font-size:26px;font-weight:700;letter-spacing:-.02em;padding:0 0 14px}
.sj-brief .sj-field{display:flex;flex-direction:column;gap:6px}
.sj-brief .sj-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.sj-brief fieldset.is-extra{background:var(--sj-blue-l);border-radius:20px;padding:28px}
.sj-brief fieldset.is-extra legend{background:var(--sj-blue-l);padding:0 8px;border-radius:8px}
.sj-tpl-choice{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.sj-tpl-choice label{cursor:pointer;display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid var(--sj-field);border-radius:14px;padding:16px}
.sj-tpl-choice label:has(input:checked){border:1.5px solid var(--sj-ink)}
.sj-tpl-choice img{width:100%;max-height:240px;object-fit:cover;border-radius:6px}
.sj-upload{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;border:1.5px dashed #BFB2A3;border-radius:16px;padding:32px 20px;background:#fff}
.sj-order-pill{display:inline-flex;gap:8px;background:var(--sj-blue-l);padding:8px 14px;border-radius:999px;font-size:14px}
.sj-alert{background:#fff;border:1px solid var(--sj-line);border-left:4px solid var(--sj-burgundy);border-radius:10px;padding:16px 20px}
.sj-alert.is-ok{border-left-color:#3B7A57}
.sj-req{color:var(--sj-burgundy)}
@media (max-width:600px){.sj-beforeafter{flex-wrap:nowrap;gap:10px}.sj-page{width:112px}.sj-page--pro .top b{font-size:12px}.sj-beforeafter figcaption{font-size:12px;max-width:120px}}