/* Aşiyan Storefront V12 — modern responsive gallery, canonical product pages and editorial static pages */
:root{
  --v12-ink:#201b18;
  --v12-muted:#746b64;
  --v12-gold:#ad7c2f;
  --v12-line:#e8dfd6;
  --v12-paper:#fbf8f4;
  --v12-product-stage:calc(100svh - 76px);
}

/* Root-level /slug-P{id} addresses are product pages too. */
.storefront-v12.page-product .store-main{padding:0!important;margin:0!important;overflow:clip!important}
.storefront-v12 .product-page-v8{width:min(1640px,calc(100% - 8px))!important;margin:0 auto 54px!important;padding:0!important}
.storefront-v12 .product-v8-layout{height:var(--v12-product-stage)!important;min-height:590px!important;max-height:none!important;gap:10px!important;align-items:stretch!important}
.storefront-v12 .product-v8-story,
.storefront-v12 .product-media-v12,
.storefront-v12 .product-buybox-v8{height:100%!important;min-height:0!important;max-height:none!important;border-radius:18px!important}

/* Gallery shell */
.storefront-v12 .product-media-v12{
  display:grid!important;
  grid-template-columns:104px minmax(0,1fr)!important;
  overflow:hidden!important;
  background:#eee8e1!important;
  border:1px solid var(--v12-line)!important;
  box-shadow:0 14px 40px rgba(42,31,24,.07)!important;
}
.storefront-v12 .product-media-v12 .product-thumbnails{
  min-width:0!important;width:auto!important;height:100%!important;padding:14px 10px 12px!important;
  display:flex!important;flex-direction:column!important;gap:10px!important;
  background:linear-gradient(180deg,#fbf8f4,#f4eee8)!important;border-right:1px solid rgba(148,126,105,.14)!important;
  overflow:hidden!important;
}
.storefront-v12 .product-thumb-head{height:35px;display:flex;align-items:center;justify-content:space-between;padding:0 3px;color:#81766d}
.storefront-v12 .product-thumb-head span{font-size:7px;font-weight:800;letter-spacing:.16em}
.storefront-v12 .product-thumb-head b{font:600 14px/1 "Cormorant Garamond",serif;color:var(--v12-ink)}
.storefront-v12 .product-thumb-scroll{display:flex;min-height:0;flex:1;flex-direction:column;gap:10px;overflow-y:auto;overflow-x:hidden;padding:3px 3px 14px;scrollbar-width:none;scroll-snap-type:y proximity}
.storefront-v12 .product-thumb-scroll::-webkit-scrollbar{display:none}
.storefront-v12 .product-media-v12 .product-thumbnails button{
  position:relative;flex:0 0 84px!important;width:78px!important;height:84px!important;margin:0 auto!important;padding:0!important;
  border:1px solid transparent!important;border-radius:14px!important;background:#e9e1d9!important;overflow:hidden!important;
  opacity:.68!important;transform:none!important;scroll-snap-align:start;transition:opacity .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease!important;
}
.storefront-v12 .product-media-v12 .product-thumbnails button:hover{opacity:.9!important;transform:translateY(-1px)!important}
.storefront-v12 .product-media-v12 .product-thumbnails button.active{opacity:1!important;border-color:#fff!important;box-shadow:0 0 0 2px var(--v12-gold),0 9px 20px rgba(75,54,31,.13)!important}
.storefront-v12 .product-media-v12 .product-thumbnails img{display:block;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important}
.storefront-v12 .product-media-v12 .product-thumbnails button small{position:absolute;right:5px;bottom:5px;display:grid;place-items:center;width:22px;height:18px;border-radius:7px;background:rgba(27,22,19,.72);color:#fff;font-size:7px;font-weight:800;letter-spacing:.04em;backdrop-filter:blur(7px)}
.storefront-v12 .product-media-v12 .thumb-video{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:rgba(20,17,15,.15);color:#fff}.storefront-v12 .product-media-v12 .thumb-video .icon{width:27px;height:27px}

/* No artificial top space: slide and visual start at pixel zero of the stage. */
.storefront-v12 .product-media-v12 .product-gallery{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;background:#e9e3dc!important;overflow:hidden!important;isolation:isolate}
.storefront-v12 .product-media-v12 .product-gallery-slide{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;display:none!important;background:#e9e3dc!important;overflow:hidden!important}
.storefront-v12 .product-media-v12 .product-gallery-slide.active{display:block!important}
.storefront-v12 .product-media-v12 .product-gallery-slide img,
.storefront-v12 .product-media-v12 .product-gallery-slide video{
  position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;
  max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;
  object-fit:cover!important;object-position:center top!important;background:#e9e3dc!important;
  transform:none!important;transform-origin:center top!important;transition:opacity .25s ease!important;
}
.storefront-v12 .product-media-v12 .product-gallery-slide img{cursor:zoom-in}
.storefront-v12 .product-gallery-sale{top:17px!important;right:17px!important;z-index:7!important;padding:11px 15px!important;border-radius:4px!important;box-shadow:0 8px 22px rgba(111,26,49,.18)}
.storefront-v12 .product-gallery-count{left:20px!important;bottom:19px!important;z-index:7!important;padding:8px 11px;border:1px solid rgba(255,255,255,.34);border-radius:999px;background:rgba(25,20,17,.28);backdrop-filter:blur(10px)}
.storefront-v12 .product-gallery-actions{position:absolute;right:18px;bottom:17px;z-index:8;display:flex;align-items:center;gap:7px}
.storefront-v12 .product-gallery-actions button{height:42px;border:1px solid rgba(255,255,255,.62);border-radius:999px;background:rgba(255,255,255,.88);color:var(--v12-ink);box-shadow:0 8px 24px rgba(38,29,23,.13);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;cursor:pointer;transition:transform .18s ease,background .18s ease}
.storefront-v12 .product-gallery-actions button:first-child,.storefront-v12 .product-gallery-actions button:last-child{width:42px;padding:0}
.storefront-v12 .product-gallery-actions button:hover{transform:translateY(-2px);background:#fff}
.storefront-v12 .product-gallery-actions .icon{width:16px;height:16px}
.storefront-v12 .product-gallery-actions span{font-size:7px;font-weight:800;letter-spacing:.12em}
.storefront-v12 .product-v8-fabric-card{right:auto!important;left:20px!important;bottom:72px!important;width:128px!important;border-radius:13px!important;opacity:.94;transition:opacity .2s ease,transform .2s ease}.storefront-v12 .product-v8-fabric-card:hover{opacity:1;transform:translateY(-2px)}
.storefront-v12 .product-v8-fabric-image{height:65px!important}

/* Full screen gallery */
.storefront-v12 .product-gallery-lightbox{width:min(1120px,94vw);height:min(900px,92svh);padding:0;border:0;border-radius:22px;background:#151210;box-shadow:0 30px 100px rgba(0,0,0,.45);overflow:hidden}
.storefront-v12 .product-gallery-lightbox::backdrop{background:rgba(14,11,9,.82);backdrop-filter:blur(8px)}
.storefront-v12 .product-gallery-lightbox>img{display:block;width:100%;height:calc(100% - 64px);object-fit:contain;object-position:center;background:#151210}
.storefront-v12 .product-gallery-lightbox>[data-gallery-lightbox-close]{position:absolute;top:14px;right:14px;z-index:2;width:42px;height:42px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:24px;cursor:pointer}
.storefront-v12 .product-gallery-lightbox>div{height:64px;display:flex;align-items:center;justify-content:center;gap:30px;color:#fff}.storefront-v12 .product-gallery-lightbox>div button{width:40px;height:40px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:transparent;color:#fff;font-size:18px;cursor:pointer}.storefront-v12 .product-gallery-lightbox>div span{font-size:9px;font-weight:800;letter-spacing:.14em}

/* Buy box remains readable while gallery owns the full first viewport. */
.storefront-v12 .product-buybox-v8{overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable;padding-top:28px!important}
.storefront-v12 .product-description-content,
.storefront-v12 .product-description-content *{font-family:Manrope,Arial,sans-serif!important;letter-spacing:normal!important;text-transform:none!important}

/* Static htmlsayfa pages */
.storefront-v12 .static-page{width:min(1180px,calc(100% - 40px));margin:30px auto 90px;background:#fff;border:1px solid var(--v12-line);border-radius:24px;box-shadow:0 18px 60px rgba(44,31,23,.07);overflow:hidden}
.storefront-v12 .static-page>header{padding:54px clamp(24px,6vw,82px) 42px;background:linear-gradient(135deg,#f7f1ea,#fff);border-bottom:1px solid var(--v12-line)}
.storefront-v12 .static-page>header span{font-size:9px;font-weight:800;letter-spacing:.18em;color:var(--v12-gold)}
.storefront-v12 .static-page>header h1{max-width:850px;margin:12px 0 0;font:600 clamp(42px,6vw,76px)/.96 "Cormorant Garamond",serif;letter-spacing:-.035em;color:var(--v12-ink)}
.storefront-v12 .static-page>article{max-width:900px;margin:auto;padding:clamp(32px,6vw,76px);font:400 15px/1.85 Manrope,Arial,sans-serif;color:#5f5751}
.storefront-v12 .static-page>article :where(p,div,span,li,a,strong,b,em,i,font){font-family:Manrope,Arial,sans-serif!important;font-size:15px!important;line-height:1.85!important;color:inherit!important;background:transparent!important}
.storefront-v12 .static-page>article :where(h1,h2,h3,h4){font-family:"Cormorant Garamond",serif!important;color:var(--v12-ink)!important;line-height:1.08!important;margin:1.6em 0 .55em!important}.storefront-v12 .static-page>article h2{font-size:38px!important}.storefront-v12 .static-page>article h3{font-size:30px!important}.storefront-v12 .static-page>article hr{border:0;border-top:1px solid var(--v12-line);margin:34px 0}.storefront-v12 .static-page>article table{width:100%;border-collapse:collapse;margin:24px 0}.storefront-v12 .static-page>article th,.storefront-v12 .static-page>article td{padding:13px;border:1px solid var(--v12-line);text-align:left}

@media (max-width:1180px) and (min-width:901px){
  .storefront-v12 .product-v8-layout{grid-template-columns:minmax(480px,1.08fr) minmax(360px,.92fr)!important}
  .storefront-v12 .product-v8-story{display:none!important}
}
@media (max-width:900px){
  .storefront-v12.page-product .store-main{overflow:visible!important}
  .storefront-v12 .product-page-v8{width:100%!important;margin:0 0 38px!important}
  .storefront-v12 .product-v8-layout{display:flex!important;height:auto!important;min-height:0!important;max-height:none!important;flex-direction:column!important;gap:0!important}
  .storefront-v12 .product-v8-story{display:none!important}
  .storefront-v12 .product-media-v12{display:flex!important;height:auto!important;min-height:0!important;flex-direction:column!important;border-radius:0!important;border-left:0!important;border-right:0!important}
  .storefront-v12 .product-media-v12 .product-gallery{order:1;height:min(128vw,660px)!important;min-height:430px!important}
  .storefront-v12 .product-media-v12 .product-gallery-slide img,
  .storefront-v12 .product-media-v12 .product-gallery-slide video{object-fit:contain!important;object-position:center top!important}
  .storefront-v12 .product-media-v12 .product-thumbnails{order:2;width:100%!important;height:104px!important;display:block!important;padding:10px 12px!important;border-right:0!important;border-top:1px solid var(--v12-line)!important}
  .storefront-v12 .product-thumb-head{display:none}
  .storefront-v12 .product-thumb-scroll{height:84px!important;display:flex!important;flex-direction:row!important;gap:9px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 3px 7px!important;scroll-snap-type:x mandatory}
  .storefront-v12 .product-media-v12 .product-thumbnails button{flex:0 0 66px!important;width:66px!important;height:72px!important;border-radius:12px!important}
  .storefront-v12 .product-gallery-actions{right:12px;bottom:12px}.storefront-v12 .product-gallery-actions button[data-gallery-fullscreen]{width:42px;padding:0}.storefront-v12 .product-gallery-actions button[data-gallery-fullscreen] span{display:none}
  .storefront-v12 .product-gallery-count{left:12px!important;bottom:12px!important}
  .storefront-v12 .product-v8-fabric-card{display:none!important}
  .storefront-v12 .product-buybox-v8{height:auto!important;overflow:visible!important;border-radius:0!important;padding-top:24px!important}
  .storefront-v12 .static-page{width:calc(100% - 20px);margin:12px auto 55px;border-radius:18px}.storefront-v12 .static-page>header{padding:36px 22px 30px}.storefront-v12 .static-page>article{padding:28px 22px;font-size:14px}.storefront-v12 .static-page>article :where(p,div,span,li,a,strong,b,em,i,font){font-size:14px!important}.storefront-v12 .static-page>article h2{font-size:31px!important}.storefront-v12 .static-page>article h3{font-size:26px!important}
}
@media (max-width:520px){
  .storefront-v12 .product-media-v12 .product-gallery{height:126vw!important;min-height:390px!important;max-height:570px!important}
  .storefront-v12 .product-gallery-sale{top:11px!important;right:11px!important;padding:9px 11px!important}
  .storefront-v12 .product-gallery-actions button:first-child,.storefront-v12 .product-gallery-actions button:last-child{display:none}
}
@media (prefers-reduced-motion:reduce){.storefront-v12 .product-media-v12 *{scroll-behavior:auto!important;transition:none!important}}