/* =========================================================
   rkia-couture — SINGLE PRODUCT (PDP)
   The masterpiece: immersive gallery + sticky purchase column,
   editorial story, craftsmanship, specifications, rails.
   ========================================================= */

.rk-pdp{display:block}

/* =========================================================
   TOP — gallery + sticky summary
   ========================================================= */
.rk-pdp__top{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(30px,4vw,80px);max-width:var(--maxw);margin-inline:auto;padding:clamp(24px,4vh,56px) var(--gutter) var(--section-y)}

/* ---- Gallery ---- */
.rk-gallery{display:grid;grid-template-columns:84px 1fr;gap:18px}
.rk-gallery__thumbs{display:flex;flex-direction:column;gap:12px;max-height:90vh;overflow-y:auto;scrollbar-width:none}
.rk-gallery__thumbs::-webkit-scrollbar{display:none}
.rk-gallery__thumb{position:relative;border:1px solid transparent;background:var(--beige);aspect-ratio:3/4;overflow:hidden;cursor:pointer;transition:border-color var(--t-fast) var(--ease)}
.rk-gallery__thumb img{width:100%;height:100%;object-fit:cover}
.rk-gallery__thumb.is-active{border-color:var(--or)}
.rk-gallery__thumb-video{display:block;position:relative;width:100%;height:100%}
.rk-gallery__play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.rk-gallery__play::after{content:"";border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent #fff;filter:drop-shadow(0 0 6px rgba(0,0,0,.4))}

.rk-gallery__stage{position:relative;background:var(--ivory)}
.rk-gallery__slide{display:none;position:relative;aspect-ratio:3/4;background:var(--beige);overflow:hidden}
.rk-gallery__slide.is-active{display:block}
.rk-gallery__slide img,.rk-gallery__slide video{width:100%;height:100%;object-fit:contain}
/* zoom */
.rk-gallery__zoom{width:100%;height:100%;overflow:hidden;cursor:zoom-in}
.rk-gallery__zoom img{transition:transform .5s var(--ease)}
.rk-gallery__zoom.is-zoom img{transform:scale(2)}
.rk-gallery__full{position:absolute;inset-block-end:16px;inset-inline-end:16px;z-index:3;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:rgba(255,253,248,.86);border-radius:50%;color:var(--noir);transition:background var(--t-fast) var(--ease)}
.rk-gallery__full:hover{background:var(--creme)}

/* ---- Lightbox ---- */
.rk-lightbox{position:fixed;inset:0;z-index:2000;background:rgba(19,17,14,.96);display:flex;align-items:center;justify-content:center}
.rk-lightbox__stage{max-width:90vw;max-height:90vh}
.rk-lightbox__stage img,.rk-lightbox__stage video{max-width:90vw;max-height:90vh;object-fit:contain}
.rk-lightbox__close{position:absolute;inset-block-start:24px;inset-inline-end:30px;font-size:38px;line-height:1;color:rgba(255,253,248,.8);background:none;border:none;cursor:pointer}
.rk-lightbox__nav{position:absolute;inset-block-start:50%;transform:translateY(-50%);font-size:48px;color:rgba(255,253,248,.7);background:none;border:none;cursor:pointer;padding:20px;transition:color var(--t-fast) var(--ease)}
.rk-lightbox__nav:hover{color:var(--or)}
.rk-lightbox__prev{inset-inline-start:10px}
.rk-lightbox__next{inset-inline-end:10px}

/* ---- Summary (sticky) ---- */
.rk-pdp__summary{position:sticky;inset-block-start:calc(var(--header-h) + 20px)}
.rk-pdp__collection{display:block;margin-bottom:14px}
.rk-pdp__name{font-size:clamp(30px,3.6vw,52px);line-height:1.05;font-weight:var(--fw-light)}
.rk-pdp__meta{display:flex;align-items:center;gap:18px;margin:16px 0}
.rk-pdp__ref{font-family:var(--font-sans);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gris)}
.rk-pdp__avail{font-family:var(--font-sans);font-size:10px;letter-spacing:.18em;text-transform:uppercase;padding:5px 12px;border:1px solid var(--line)}
.rk-pdp__avail--in{color:var(--whatsapp)}
.rk-pdp__avail--order{color:var(--or-deep)}
.rk-pdp__price{font-family:var(--font-display);font-size:28px;color:var(--noir);margin:8px 0 22px;font-weight:var(--fw-light)}
.rk-pdp__price del{font-size:20px;color:var(--gris-clair);margin-inline-end:12px}
.rk-pdp__price ins{text-decoration:none;color:var(--or-deep)}
.rk-pdp__short{font-family:var(--font-serif);font-size:16px;line-height:1.9;color:var(--gris);padding-bottom:28px;border-bottom:1px solid var(--sable);max-width:460px}

/* ---- Purchase (style the native Woo form) ---- */
.rk-pdp__purchase{margin-top:28px}
.rk-pdp__purchase .variations{width:100%;margin-bottom:18px;border-collapse:collapse}
.rk-pdp__purchase .variations th,.rk-pdp__purchase .variations td{display:block;text-align:start;padding:0}
.rk-pdp__purchase .variations th{font-family:var(--font-sans);font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--noir);margin:14px 0 8px}
.rk-pdp__purchase select{appearance:none;-webkit-appearance:none;width:100%;background:transparent;border:1px solid var(--line);padding:14px 16px;font-family:var(--font-serif);font-size:15px;color:var(--noir);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%231A1814' stroke-width='1.4'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.rk-pdp__purchase select:focus{outline:none;border-color:var(--or)}
.rk-pdp__purchase .reset_variations{font-family:var(--font-sans);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--or-deep)}
.rk-pdp__purchase .quantity{display:inline-flex;align-items:center;border:1px solid var(--line);margin-inline-end:12px;vertical-align:middle}
.rk-pdp__purchase .quantity input{width:54px;text-align:center;border:none;background:transparent;font-family:var(--font-serif);font-size:16px;padding:16px 0}
.rk-pdp__purchase .quantity input:focus{outline:none}
.rk-pdp__purchase .single_add_to_cart_button{display:inline-flex;align-items:center;justify-content:center;min-width:240px;font-family:var(--font-sans);font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--creme);background:var(--noir);border:1px solid var(--noir);padding:18px 38px;cursor:pointer;transition:background var(--t-med) var(--ease)}
.rk-pdp__purchase .single_add_to_cart_button:hover{background:var(--or-deep);border-color:var(--or-deep)}
.rk-pdp__purchase form.cart{display:flex;flex-wrap:wrap;align-items:center;gap:12px 0}
.rk-pdp__purchase .woocommerce-variation-add-to-cart{display:flex;align-items:center;gap:12px;width:100%;margin-top:8px}
.rk-pdp__purchase .price{display:none}

.rk-pdp__secondary{display:flex;gap:26px;margin-top:22px}
.rk-pdp__icon-btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-sans);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gris);transition:color var(--t-fast) var(--ease)}
.rk-pdp__icon-btn:hover{color:var(--noir)}
.rk-pdp__icon-btn .rk-icon{stroke:currentColor}

/* ---- Assurances (capsule) ---- */
.rk-pdp__assure{margin-top:30px;display:flex;flex-direction:column;gap:11px;list-style:none}
.rk-pdp__assure li{position:relative;padding-inline-start:24px;font-size:14px;color:var(--gris)}
.rk-pdp__assure li::before{content:"";position:absolute;inset-inline-start:0;inset-block-start:8px;width:9px;height:9px;border:1px solid var(--or);transform:rotate(45deg)}

/* =========================================================
   COUTURE EXPERIENCE (Haute Couture only)
   ========================================================= */
.rk-couture{margin-top:34px;padding-top:30px;border-top:1px solid var(--sable)}
.rk-couture__head .rk-couture__intro{font-family:var(--font-serif);font-style:italic;font-size:16px;color:var(--gris);margin-top:10px;max-width:440px}
.rk-couture__actions{display:flex;flex-direction:column;gap:10px;margin:24px 0}
.rk-couture__assure{list-style:none;display:flex;flex-direction:column;gap:10px}
.rk-couture__assure li{position:relative;padding-inline-start:24px;font-size:13px;color:var(--gris)}
.rk-couture__assure li::before{content:"";position:absolute;inset-inline-start:0;inset-block-start:7px;width:8px;height:8px;border:1px solid var(--or);transform:rotate(45deg)}

/* =========================================================
   STORY (large editorial)
   ========================================================= */
.rk-pdp-story{padding:var(--section-y) var(--gutter);background:var(--creme)}
.rk-pdp-story__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,96px);align-items:center;max-width:var(--maxw);margin-inline:auto}
.rk-pdp-story__copy h2{font-size:clamp(30px,4vw,58px);margin:16px 0 24px}
.rk-pdp-story__body p{color:var(--muted);font-size:16px;line-height:1.9;margin-bottom:18px;max-width:520px}
.rk-pdp-story__img{position:relative;overflow:hidden}
.rk-pdp-story__img .rk-media{aspect-ratio:4/5}
.rk-pdp-story__img .rk-media img{transition:transform 1.4s var(--ease)}
.rk-pdp-story__img:hover .rk-media img{transform:scale(1.04)}

/* =========================================================
   SPECIFICATIONS (accordion)
   ========================================================= */
.rk-pdp-specs__inner{max-width:880px;margin-inline:auto}
.rk-accordion{border-top:1px solid var(--line)}
.rk-accordion__item{border-bottom:1px solid var(--line)}
.rk-accordion__head{display:flex;align-items:center;justify-content:space-between;width:100%;padding:26px 0;font-family:var(--font-display);font-size:22px;color:var(--noir);text-align:start;cursor:pointer}
.rk-accordion__sign{position:relative;width:14px;height:14px;flex:0 0 14px}
.rk-accordion__sign::before,.rk-accordion__sign::after{content:"";position:absolute;background:var(--or-deep);transition:transform var(--t-med) var(--ease),opacity var(--t-med) var(--ease)}
.rk-accordion__sign::before{inset-block-start:6px;inset-inline:0;height:1.5px}
.rk-accordion__sign::after{inset-inline-start:6px;inset-block:0;width:1.5px}
.rk-accordion__item.is-open .rk-accordion__sign::after{transform:scaleY(0);opacity:0}
.rk-accordion__panel{max-height:0;overflow:hidden;transition:max-height var(--t-med) var(--ease)}
.rk-accordion__item.is-open .rk-accordion__panel{max-height:600px}
.rk-accordion__content{padding:0 0 28px;color:var(--gris);font-size:15px;line-height:1.85;max-width:640px}

/* =========================================================
   RAILS — complete the look / related
   ========================================================= */
.rk-pdp-rail__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,34px);max-width:var(--maxw);margin-inline:auto}
.rk-mini-card{display:block;text-align:center}
.rk-mini-card .rk-media{aspect-ratio:3/4;overflow:hidden;margin-bottom:16px}
.rk-mini-card .rk-media img{transition:transform 1.4s var(--ease)}
.rk-mini-card:hover .rk-media img{transform:scale(1.05)}
.rk-mini-card__name{display:block;font-family:var(--font-display);font-size:18px;color:var(--noir);font-weight:var(--fw-light)}
.rk-mini-card__name:hover{color:var(--or-deep)}
.rk-mini-card__price{display:block;font-family:var(--font-serif);font-size:14px;color:var(--gris);margin-top:6px}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media(max-width:1024px){
  .rk-pdp__top{grid-template-columns:1fr;gap:40px}
  .rk-pdp__summary{position:static}
  .rk-pdp-rail__grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:860px){
  .rk-pdp-story__grid{grid-template-columns:1fr;gap:36px}
  .rk-pdp-story__img{order:-1}
}
@media(max-width:600px){
  .rk-gallery{grid-template-columns:64px 1fr;gap:12px}
  .rk-pdp__purchase .single_add_to_cart_button{min-width:0;flex:1;width:100%}
  .rk-pdp__purchase form.cart{gap:12px}
  .rk-pdp-rail__grid{grid-template-columns:repeat(2,1fr);gap:14px}
  .rk-gallery__zoom{cursor:default}
  .rk-gallery__zoom.is-zoom img{transform:none}
}
@media(max-width:420px){
  .rk-gallery{grid-template-columns:1fr}
  .rk-gallery__thumbs{flex-direction:row;order:2;max-height:none;overflow-x:auto}
  .rk-gallery__thumb{flex:0 0 64px}
}