@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@400;800&display=swap');
/* SKIN « VITRINE PLEIN CADRE » — slug vitrine. Photo plein cadre a droite, formulaire sur
   panneau clair a gauche. Seul ce qui se saisit ou se clique porte un contour. */

/* 1. TOKENS */
body.rscf4-skin-vitrine{
--ar:'Almarai','Segoe UI',system-ui,sans-serif;
--la:'Almarai','Segoe UI',system-ui,sans-serif;
--stone:#DCE1D7;--stone2:#D2D8CC;--panel:#E8ECE3;--field:#E7EBDF;--fieldhi:#DEE4D5;--hi:#fff;--chip:#DFE4D8;
--ink:#141714;--ink2:#3A4038;--ink3:#4B5346;--ph:#535B4C;--hair:rgba(20,23,20,.13);
--fline:#8B9A85;--fline2:#59684F;
--sel:#1E3A31;--sel-ink:#F2F5F0;
--deep:#141A17;--dink:#F2F4EF;--dmute:rgba(242,244,239,.72);--dsoft:rgba(242,244,239,.1);
--cta:#F2F4EF;--cta-ink:#141A17;--pad:60px;
background:var(--stone);color:var(--ink)}

/* 2. NEUTRALISATION WOO / BLOCKSY */
body.rscf4-skin-vitrine :is(.woocommerce-tabs,.wc-tabs-wrapper,.woocommerce-Tabs-panel,.tabs.wc-tabs,.ct-breadcrumbs,.product_meta,form.cart){display:none!important}
body.rscf4-skin-vitrine .ct-container-full{max-width:none;padding-inline:0}
body.rscf4-skin-vitrine :focus-visible{outline:2px solid var(--sel);outline-offset:3px;border-radius:2px}

/* 3. VITRINE : grille photo / panneau */
body.rscf4-skin-vitrine .product-entry-wrapper{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);align-items:stretch;width:100%;max-width:none;margin:0;min-height:min(100vh,920px);background:var(--stone)}
body.rscf4-skin-vitrine .woocommerce-product-gallery{grid-column:2;grid-row:1;position:relative;align-self:stretch;width:auto;max-width:none;min-height:min(100vh,920px);margin:0;padding:0;opacity:1;background:var(--stone2)}
/* le conteneur est detache : la photo epouse la hauteur exacte de la colonne formulaire */
body.rscf4-skin-vitrine .product .ct-product-gallery-container{position:absolute;inset:0;height:auto;max-height:none;margin:0;padding:0;overflow:hidden}
body.rscf4-skin-vitrine .product .flexy-container{position:relative;display:block;height:100%;width:100%;margin:0;padding:0}
body.rscf4-skin-vitrine .product :is(.flexy,.flexy-view,.flexy-items,.flexy-item,.flexy-item .ct-media-container){height:100%;margin:0}
body.rscf4-skin-vitrine .product .flexy-item img{width:100%;height:100%;display:block;object-fit:cover;aspect-ratio:auto!important}
body.rscf4-skin-vitrine .product :is(.flexy-arrow-prev,.flexy-arrow-next){width:42px;height:42px;border:0;border-radius:2px;background:rgba(242,244,239,.86);color:var(--ink);opacity:.72;z-index:4;transition:opacity .3s ease}
body.rscf4-skin-vitrine .product :is(.flexy-arrow-prev,.flexy-arrow-next):hover{opacity:1}
/* les fleches se rangent hors de la colonne de miniatures */
body.rscf4-skin-vitrine .product .flexy-arrow-prev{left:110px;right:auto}
body.rscf4-skin-vitrine .product .flexy-arrow-next{right:26px;left:auto}

/* miniatures : colonne posee sur la photo, vignettes strictement carrees */
body.rscf4-skin-vitrine .flexy-pills[data-type="thumbs"]{position:absolute;inset-block:26px auto;inset-inline:26px auto;transform:none;width:auto;max-width:none;height:auto;max-height:calc(100% - 52px);margin:0;padding:0;background:none;z-index:3}
body.rscf4-skin-vitrine .flexy-pills[data-type="thumbs"] ol{display:flex;flex-direction:column;flex-wrap:nowrap;gap:8px;margin:0;padding:0;list-style:none;width:auto;max-width:none;height:auto;max-height:100%;overflow:hidden auto;scrollbar-width:none}
body.rscf4-skin-vitrine .flexy-pills[data-type="thumbs"] ol::-webkit-scrollbar{width:0;height:0}
body.rscf4-skin-vitrine .flexy-pills[data-type="thumbs"] li{flex:0 0 auto;width:58px;height:58px;margin:0;padding:0;overflow:hidden;border-radius:2px;opacity:.92;box-shadow:0 3px 14px rgba(10,13,11,.28);transition:opacity .3s ease}
body.rscf4-skin-vitrine .flexy-pills[data-type="thumbs"] li:hover{opacity:1}
body.rscf4-skin-vitrine .flexy-pills[data-type="thumbs"] li.active{opacity:1}
body.rscf4-skin-vitrine .flexy-pills[data-type="thumbs"] li .ct-media-container{display:block;width:100%;height:100%;margin:0;padding:0;border-radius:inherit}
body.rscf4-skin-vitrine .flexy-pills[data-type="thumbs"] li .ct-media-container::after{inset:0;border-width:0;border-color:transparent;box-shadow:none;transition:box-shadow .25s ease}
body.rscf4-skin-vitrine .flexy-pills[data-type="thumbs"] li.active .ct-media-container::after{box-shadow:inset 0 0 0 2px rgba(255,255,255,.96),inset 0 0 0 3px rgba(20,26,23,.5)}
body.rscf4-skin-vitrine .flexy-pills[data-type="thumbs"] img{display:block;width:100%;height:100%;margin:0;object-fit:cover;aspect-ratio:1/1}

/* 4. PANNEAU : titre + prix */
body.rscf4-skin-vitrine .summary.entry-summary{grid-column:1;grid-row:1;display:flex;flex-direction:column;width:auto;max-width:none;margin:44px;padding:var(--pad) var(--pad) 0;background:var(--panel);border:0;box-shadow:0 30px 68px -40px rgba(20,26,23,.6),0 3px 12px -6px rgba(20,26,23,.28);font-family:var(--la);font-size:15px;line-height:1.55}
body.rscf4-skin-vitrine .product_title{margin:0;font-family:var(--la);font-size:clamp(30px,2.9vw,42px);line-height:1.12;font-weight:800;letter-spacing:normal;color:var(--ink)}
body.rscf4-skin-vitrine .entry-summary p.price{margin:16px 0 36px;font-family:var(--la);font-size:21px;font-weight:400;color:var(--ink2)}
body.rscf4-skin-vitrine p.price .woocommerce-Price-currencySymbol{font-family:var(--ar);font-size:17px}

/* 5. FORMULAIRE COD — surface claire detachee : c'est le point de mire de la colonne */
body.rscf4-skin-vitrine .rscf4-wrap{display:flex;flex:1 1 auto;min-height:0;width:auto;max-width:none;margin:0 calc(var(--pad) * -1);padding:0 var(--pad);background:var(--hi);box-shadow:inset 0 5px 0 var(--sel),0 -20px 42px -24px rgba(20,26,23,.5)}
body.rscf4-skin-vitrine :is(.rscf4-rtl,.rscf4-acc-rtl){direction:rtl;text-align:right;font-family:var(--ar)}
body.rscf4-skin-vitrine :is(.rscf4-ltr,.rscf4-acc-ltr){direction:ltr;text-align:left;font-family:var(--la)}
body.rscf4-skin-vitrine .rscf4-card{display:flex;flex-direction:column;width:100%;margin:0;padding:0;background:none;border:0}
body.rscf4-skin-vitrine .rscf4-content{display:flex;flex-direction:column;gap:34px;padding:36px 0 40px}
body.rscf4-skin-vitrine .rscf4-section{margin:0;padding:0}
body.rscf4-skin-vitrine .rscf4-section-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}
body.rscf4-skin-vitrine .rscf4-section-title{display:flex;align-items:center;gap:10px;margin:0;font-family:var(--ar);font-size:17px;line-height:1.35;font-weight:800;color:var(--ink)}
body.rscf4-skin-vitrine .rscf4-section-title::before{content:"";flex:0 0 auto;width:4px;height:16px;border-radius:1px;background:var(--sel)}
body.rscf4-skin-vitrine .rscf4-chip{padding:4px 12px;border-radius:999px;background:var(--chip);color:var(--ink2);font-family:var(--ar);font-size:11.5px;line-height:1.5;font-weight:400}
body.rscf4-skin-vitrine .rscf4-variants{display:flex;flex-wrap:wrap;gap:9px}
body.rscf4-skin-vitrine .rscf4-variant{border:1px solid var(--fline);border-radius:2px;background:var(--field);color:var(--ink);padding:12px 21px;min-width:66px;font-family:var(--ar);font-size:14px;font-weight:400;cursor:pointer;transition:background .3s ease,color .3s ease}
body.rscf4-skin-vitrine :is(.rscf4-variant:hover,.rscf4-input:hover){background:var(--fieldhi);border-color:var(--fline2)}
body.rscf4-skin-vitrine .rscf4-variant.active{background:var(--sel);border-color:var(--sel);color:var(--sel-ink);font-weight:800}
body.rscf4-skin-vitrine .rscf4-fields-section{display:flex;flex-direction:column;gap:12px}
body.rscf4-skin-vitrine .rscf4-field{position:relative}
body.rscf4-skin-vitrine .rscf4-icon{position:absolute;top:50%;inset-inline-start:20px;transform:translateY(-50%);display:flex;align-items:center;font-size:16px;line-height:1;color:var(--ink3);z-index:2;pointer-events:none}
body.rscf4-skin-vitrine .rscf4-input{box-sizing:border-box;width:100%;height:60px;margin:0;border:1px solid var(--fline);border-radius:2px;background:var(--field);color:var(--ink);font-family:var(--ar);font-size:15.5px;text-align:inherit;padding-inline:52px 20px;padding-block:0;outline:none;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}
body.rscf4-skin-vitrine .rscf4-input::placeholder{color:var(--ph);opacity:1}
body.rscf4-skin-vitrine .rscf4-input:focus{background:var(--hi);border-color:var(--sel);box-shadow:0 0 0 3px rgba(30,58,49,.22)}

/* 6. DROPDOWN VILLE */
body.rscf4-skin-vitrine .rscf4-city-field{position:relative;z-index:30}
body.rscf4-skin-vitrine .rscf4-city-search{padding-inline-start:52px}
body.rscf4-skin-vitrine .rscf4-city-dropdown{display:none;position:absolute;inset-inline:0;top:calc(100% + 8px);padding:8px;background:var(--hi);border:1px solid var(--fline2);border-radius:2px;box-shadow:0 28px 60px -20px rgba(20,26,23,.5);max-height:214px;overflow-y:auto;z-index:99999}
body.rscf4-skin-vitrine .rscf4-city-dropdown.open{display:block}
body.rscf4-skin-vitrine .rscf4-city-option{display:block;width:100%;border:0;border-radius:2px;background:none;color:var(--ink);padding:12px 14px;min-height:42px;font-family:var(--ar);font-size:14px;text-align:inherit;cursor:pointer;transition:background .2s ease,color .2s ease}
body.rscf4-skin-vitrine .rscf4-city-option-main{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.rscf4-skin-vitrine .rscf4-city-option:is(:hover,.active){background:var(--sel);color:var(--sel-ink)}
body.rscf4-skin-vitrine .rscf4-city-empty{padding:14px;color:var(--ink3);font-family:var(--ar);font-size:13px;text-align:center}

/* 7. BLOC PROFOND : total + bouton */
body.rscf4-skin-vitrine .rscf4-bottom{margin:auto calc(var(--pad) * -1) 0;padding:32px var(--pad) 36px;background:var(--deep);color:var(--dink)}
body.rscf4-skin-vitrine .rscf4-total-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}
body.rscf4-skin-vitrine :is(.rscf4-total-block,.rscf4-resume) p{margin:0 0 6px;font-family:var(--ar);font-size:12px;line-height:1.4;font-weight:400;color:var(--dmute)}
body.rscf4-skin-vitrine :is(.rscf4-total-block,.rscf4-resume) strong{font-family:var(--ar);color:var(--dink)}
body.rscf4-skin-vitrine .rscf4-total-block strong{display:block;font-size:30px;line-height:1.15;font-weight:400}
body.rscf4-skin-vitrine .rscf4-resume{padding:10px 16px;min-width:132px;background:var(--dsoft);border-radius:2px;text-align:center}
body.rscf4-skin-vitrine .rscf4-resume strong{font-size:13.5px;font-weight:800}
body.rscf4-skin-vitrine .rscf4-order-btn{display:block;width:100%;border:0;border-radius:2px;padding:27px 18px;background:var(--cta);color:var(--cta-ink);font-family:var(--ar);font-size:18.5px;line-height:1.3;font-weight:800;cursor:pointer;box-shadow:0 14px 30px -18px rgba(0,0,0,.95);transition:opacity .3s ease,transform .3s ease}
body.rscf4-skin-vitrine .rscf4-order-btn:hover{opacity:.88}
body.rscf4-skin-vitrine .rscf4-order-btn:active{transform:translateY(1px)}
body.rscf4-skin-vitrine .rscf4-order-btn:disabled{opacity:.55;cursor:not-allowed}
body.rscf4-skin-vitrine .rscf4-order-btn:focus-visible{outline-color:var(--cta)}
body.rscf4-skin-vitrine .rscf4-button-price{font-family:var(--ar);font-weight:800}
body.rscf4-skin-vitrine .rscf4-message{margin-top:16px;font-family:var(--ar);font-size:13.5px;text-align:center;color:var(--dmute)}
body.rscf4-skin-vitrine .rscf4-message.error{color:#ffb4b4}
body.rscf4-skin-vitrine .rscf4-message.success{color:#86efac}

/* 8. ACCORDEONS */
body.rscf4-skin-vitrine .rscf4-accordion{width:100%;max-width:none;margin:0;padding:70px 44px 84px;background:var(--stone)}
body.rscf4-skin-vitrine .rscf4-accordion details{margin:0;padding:24px 0;box-shadow:0 -1px 0 var(--hair)}
body.rscf4-skin-vitrine .rscf4-accordion details:first-of-type{box-shadow:none}
body.rscf4-skin-vitrine .rscf4-accordion summary{list-style:none;cursor:pointer;padding:0;display:flex;justify-content:space-between;align-items:center;gap:18px;font-family:var(--ar);font-size:16px;line-height:1.5;font-weight:800;color:var(--ink)}
body.rscf4-skin-vitrine .rscf4-accordion summary::-webkit-details-marker{display:none}
body.rscf4-skin-vitrine .rscf4-accordion summary::after{content:"+";font-family:var(--la);font-size:19px;line-height:1;font-weight:400;color:var(--ink3)}
body.rscf4-skin-vitrine .rscf4-accordion details[open] summary::after{content:"\2013"}
body.rscf4-skin-vitrine .rscf4-accordion details>div{padding:16px 0 2px;max-width:62ch;color:var(--ink2);font-family:var(--ar);font-size:14px;line-height:1.95}
body.rscf4-skin-vitrine .rscf4-accordion details>div p{margin:0}

/* 9. RESPONSIVE : passage en colonne, galerie bord a bord */

/* Le navigateur force direction:ltr sur input[type=tel] : on rétablit le sens de lecture
   du formulaire, sinon le texte arabe se décale ou passe sous l'icône. */
body.rscf4-skin-vitrine .rscf4-rtl .rscf4-input,
body.rscf4-skin-vitrine .rscf4-rtl .rscf4-input[type=tel]{direction:rtl;text-align:right}
body.rscf4-skin-vitrine .rscf4-ltr .rscf4-input,
body.rscf4-skin-vitrine .rscf4-ltr .rscf4-input[type=tel]{direction:ltr;text-align:left}

@media (max-width:1000px){
body.rscf4-skin-vitrine{--pad:24px}
body.rscf4-skin-vitrine .product-entry-wrapper{display:block;min-height:0}
body.rscf4-skin-vitrine .woocommerce-product-gallery{width:100%;max-width:100%;min-height:0;background:var(--stone);overflow:hidden}
body.rscf4-skin-vitrine .product .ct-product-gallery-container{position:static;inset:auto;height:auto;min-height:0;max-height:none;display:flex;flex-direction:column;overflow:visible}
body.rscf4-skin-vitrine .product .flexy-container{order:1;position:static;height:auto;max-width:100%}
body.rscf4-skin-vitrine .product :is(.flexy,.flexy-view,.flexy-items,.flexy-item,.flexy-item .ct-media-container){height:auto;max-width:100%}
body.rscf4-skin-vitrine .product .flexy-item img{height:auto;max-width:100%;aspect-ratio:1/1!important}
body.rscf4-skin-vitrine .product :is(.flexy-arrow-prev,.flexy-arrow-next){display:none}
/* Blocksy pose les miniatures en absolu a gauche : on repasse en bandeau horizontal scrollable */
body.rscf4-skin-vitrine .flexy-pills[data-type="thumbs"]{order:2;position:relative!important;inset:auto!important;transform:none!important;display:block;width:100%;max-width:100%;height:auto;max-height:none;margin:10px 0 0;padding:0 var(--pad);background:none;overflow:auto hidden}
body.rscf4-skin-vitrine .flexy-pills[data-type="thumbs"] ol{flex-direction:row;gap:8px;width:max-content;max-width:none;height:auto;max-height:none;overflow:visible}
body.rscf4-skin-vitrine .flexy-pills[data-type="thumbs"] li{width:58px;height:58px;opacity:.92;box-shadow:none}
body.rscf4-skin-vitrine .flexy-pills[data-type="thumbs"] li.active .ct-media-container::after{box-shadow:inset 0 0 0 2px var(--stone),inset 0 0 0 4px var(--sel)}
body.rscf4-skin-vitrine .summary.entry-summary{display:block;margin:0;padding:32px var(--pad) 0;background:var(--stone);box-shadow:none}
body.rscf4-skin-vitrine .product_title{font-size:32px}
body.rscf4-skin-vitrine .entry-summary p.price{font-size:19px;margin:12px 0 28px}
body.rscf4-skin-vitrine .rscf4-wrap{display:block;box-shadow:inset 0 3px 0 var(--sel),0 -12px 30px -24px rgba(20,26,23,.6)}
body.rscf4-skin-vitrine .rscf4-content{gap:28px;padding:30px 0 32px}
body.rscf4-skin-vitrine .rscf4-bottom{margin:0 calc(var(--pad) * -1);padding:26px var(--pad) 30px}
body.rscf4-skin-vitrine .rscf4-accordion{padding:46px var(--pad) 58px}
}
@media (max-width:800px){
body.rscf4-skin-vitrine{--pad:20px}
body.rscf4-skin-vitrine .rscf4-variant{padding:11px 17px;min-width:60px}
body.rscf4-skin-vitrine .rscf4-input{height:56px;font-size:15px}
body.rscf4-skin-vitrine .rscf4-total-row{margin-bottom:22px}
body.rscf4-skin-vitrine .rscf4-total-block strong{font-size:26px}
body.rscf4-skin-vitrine .rscf4-resume{min-width:0;padding:9px 13px}
body.rscf4-skin-vitrine .rscf4-order-btn{padding:23px 14px;font-size:17.5px}
body.rscf4-skin-vitrine .rscf4-accordion details{padding:20px 0}
body.rscf4-skin-vitrine .rscf4-accordion summary{font-size:15px}
body.rscf4-skin-vitrine .rscf4-accordion details>div{font-size:13.5px;line-height:1.9}
}
@media (max-width:700px){
body.rscf4-skin-vitrine .product_title{font-size:27px}
body.rscf4-skin-vitrine .rscf4-total-row{flex-direction:column;align-items:stretch;gap:14px}
}
@media (prefers-reduced-motion:reduce){
body.rscf4-skin-vitrine :is(.product,.rscf4-accordion) *{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}
}

/* ---------------------------------------------------------------
 * Page de remerciement — bloc commun à tous les thèmes, non modifié.
 * Exigence client : la page Thank You reste identique quel que soit le thème.
 * --------------------------------------------------------------- */
/* Thank You personnalisée */
.rscf4-thankyou-page{
  width:100%;
  max-width:960px;
  margin:42px auto;
  padding:0 18px;
  box-sizing:border-box;
}

.rscf4-thankyou-ltr{direction:ltr;text-align:left}
.rscf4-thankyou-rtl{direction:rtl;text-align:right}

.rscf4-thankyou-card{
  background:#ffffff;
  border:1px solid #e6e6e6;
  border-radius:28px;
  padding:34px;
  box-shadow:0 18px 48px rgba(0,0,0,.10);
}

.rscf4-thankyou-card h1{
  margin:0 0 12px;
  font-size:34px;
  line-height:1.15;
  font-weight:900;
  color:#111!important;
}

.rscf4-thankyou-text{
  color:#333;
  font-size:16px;
  line-height:1.7;
  margin-bottom:22px;
}

.rscf4-thankyou-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin:22px 0;
}

.rscf4-thankyou-grid>div,
.rscf4-thankyou-section{
  border:1px solid #eee;
  border-radius:18px;
  background:#fafafa;
  padding:18px;
}

.rscf4-thankyou-grid span{
  display:block;
  color:#666;
  font-size:13px;
  font-weight:800;
  margin-bottom:6px;
}

.rscf4-thankyou-grid strong{
  display:block;
  color:#111;
  font-size:22px;
  font-weight:900;
}

.rscf4-thankyou-section{
  margin-top:14px;
}

.rscf4-thankyou-section h2{
  margin:0 0 12px;
  font-size:18px;
  font-weight:900;
  color:#111!important;
}

.rscf4-thankyou-line{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:12px 0;
  border-top:1px solid #e9e9e9;
  color:#222;
}

.rscf4-thankyou-line:first-of-type{border-top:0}
.rscf4-thankyou-line span{font-weight:800;text-align:end;color:#111}
.rscf4-thankyou-meta{font-size:13px;color:#666;margin-top:4px}
.rscf4-thankyou-meta p{margin:0}
.rscf4-thankyou-total{font-size:18px;font-weight:900}

.rscf4-thankyou-button{
  display:block;
  width:100%;
  margin-top:24px;
  padding:18px 20px;
  border-radius:18px;
  background:#111!important;
  color:#fff!important;
  text-align:center;
  text-decoration:none!important;
  font-size:17px;
  font-weight:900;
  box-sizing:border-box;
}

@media(max-width:700px){
  .rscf4-thankyou-page{margin:24px auto;padding:0 12px}
  .rscf4-thankyou-card{padding:22px;border-radius:22px}
  .rscf4-thankyou-card h1{font-size:27px}
  .rscf4-thankyou-grid{grid-template-columns:1fr}
  .rscf4-thankyou-line{flex-direction:column;gap:6px}
  .rscf4-thankyou-line span{text-align:inherit}
}