/* One continuous GIF; product reveal is independent of the theme's carousel. */
#sarim-acilis {position:relative;width:100%;height:100vh;height:100svh;height:100dvh;min-height:0;overflow:hidden;isolation:isolate;background:var(--sarim-base,#102b2a);}
#sarim-acilis .sarim-acilis-film {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;z-index:-3;}
#sarim-acilis .sarim-acilis-karartma {position:absolute;inset:0;background:#000;opacity:.04;transition:opacity 1.25s ease;z-index:-2;pointer-events:none;}
#sarim-acilis[data-phase="revealed"] .sarim-acilis-karartma {opacity:.36;}
#sarim-acilis .sarim-acilis-urun-konum {position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:0 12px clamp(60px,9dvh,110px);pointer-events:none;}
#sarim-acilis .sarim-acilis-urun-kadraj {position:relative;width:100%;aspect-ratio:2.5;overflow:hidden;opacity:0;transform:translate3d(0,110%,0);transition:transform 1.25s cubic-bezier(.16,1,.3,1),opacity .8s ease;}
#sarim-acilis .sarim-acilis-urun {position:absolute;width:160%;max-width:none;height:auto;left:-30%;top:-62.5%;filter:drop-shadow(0 12px 15px rgba(0,0,0,.28));}
#sarim-acilis[data-phase="revealed"] .sarim-acilis-urun-kadraj {opacity:1;transform:translate3d(0,0,0);}
#sarim-acilis .sarim-acilis-dalga {position:absolute;bottom:-1px;left:0;width:100%;line-height:0;pointer-events:none;}
#sarim-acilis .sarim-acilis-dalga img {display:block;width:100%;height:auto;filter:url("#sarim-boundary-color");}
#sarim-acilis .sarim-acilis-erisim {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
@media(max-width:600px) and (orientation:portrait){#sarim-acilis .sarim-acilis-film{object-position:37% center;}#sarim-acilis .sarim-acilis-urun-konum{padding-bottom:clamp(165px,27dvh,235px);}#sarim-acilis .sarim-acilis-vitrin{width:98vw;}}
@media(max-height:500px) and (orientation:landscape){#sarim-acilis .sarim-acilis-urun-konum{padding-bottom:30px;}#sarim-acilis .sarim-acilis-vitrin{width:min(78vw,calc((100dvh - 220px)*2.5));}}
@media(prefers-reduced-motion:reduce){#sarim-acilis .sarim-acilis-urun-kadraj{transform:none;transition:opacity .3s ease;}#sarim-acilis .sarim-acilis-karartma{transition:opacity .3s ease;}}

#sarim-acilis .sarim-acilis-vitrin {position:relative;width:min(94vw,1180px,calc((100dvh - 170px)*2.5));flex-shrink:1;}
#sarim-acilis .sarim-acilis-guvenceler {position:absolute;right:0;bottom:100%;display:flex;align-items:center;gap:4px;margin-bottom:8px;pointer-events:none;}
#sarim-acilis .sarim-acilis-guvence {display:block;width:clamp(64px,6vw,94px);aspect-ratio:116.3333/163;background-image:url('../sarim/sarim-erbaa-kalite-logolari.webp');background-size:300% 100%;background-repeat:no-repeat;opacity:0;transform:translate3d(0,18px,0);transition:opacity .65s ease,transform .8s cubic-bezier(.16,1,.3,1);transition-delay:calc(.5s + var(--logo-sira)*.22s);}
#sarim-acilis[data-phase="revealed"] .sarim-acilis-guvence {opacity:1;transform:translate3d(0,0,0);}
@media(max-width:600px) and (orientation:portrait){#sarim-acilis .sarim-acilis-vitrin{width:98vw;}#sarim-acilis .sarim-acilis-guvence{width:62px;}}
@media(max-height:500px) and (orientation:landscape){#sarim-acilis .sarim-acilis-vitrin{width:min(78vw,calc((100dvh - 220px)*2.5));}#sarim-acilis .sarim-acilis-guvence{width:42px;}}
@media(prefers-reduced-motion:reduce){#sarim-acilis .sarim-acilis-guvence{transform:none;transition:opacity .15s;transition-delay:0s;}}

/* Editorial headline: three complementary typographic voices. */
#sarim-acilis .sarim-acilis-soz {position:absolute;z-index:2;left:clamp(32px,6.5vw,120px);top:clamp(135px,17dvh,190px);margin:0;max-width:440px;color:#fff!important;text-transform:none;letter-spacing:0;line-height:1;isolation:isolate;opacity:0;transform:translateY(10px);transition:opacity .8s ease,transform .9s ease;text-shadow:0 3px 22px rgba(0,0,0,.6);}
#sarim-acilis .sarim-acilis-soz::before {content:"";position:absolute;inset:-35px -55px;z-index:-1;background:radial-gradient(ellipse,rgba(0,0,0,.28),transparent 72%);pointer-events:none;}
#sarim-acilis .sarim-acilis-soz span {display:block;color:#fff!important;}
#sarim-acilis .sarim-soz-ince {font-family:"Nunito",Arial,sans-serif;font-size:clamp(36px,4vw,57px);font-weight:300;letter-spacing:.025em;line-height:1.12;}
#sarim-acilis .sarim-soz-italik {font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,4.5vw,65px);font-weight:400;font-style:italic;line-height:1.05;margin:2px 0 0 32px;}
#sarim-acilis .sarim-soz-kalin {font-family:"Signika",Arial,sans-serif;font-size:clamp(66px,6vw,88px);font-weight:700;letter-spacing:-.035em;line-height:1.05;}
#sarim-acilis[data-phase="playing"] .sarim-acilis-soz,#sarim-acilis[data-phase="revealed"] .sarim-acilis-soz {opacity:1;transform:none;}
@media (min-width:1024px) and (min-height:501px) {
 #sarim-acilis {
  --sarim-soz-ust: clamp(135px,17dvh,190px);
  --sarim-soz-ilk-satir: clamp(36px,4vw,57px);
  --sarim-vitrin-genisligi: min(94vw,1180px,calc((100dvh - 170px)*2.5));
 }
 #sarim-acilis .sarim-acilis-soz {top:var(--sarim-soz-ust);}
 #sarim-acilis .sarim-soz-ince {font-size:var(--sarim-soz-ilk-satir);}
 #sarim-acilis .sarim-acilis-vitrin {position:static;width:var(--sarim-vitrin-genisligi);}
 #sarim-acilis .sarim-acilis-guvenceler {
  top:calc(var(--sarim-soz-ust) + var(--sarim-soz-ilk-satir)*.56);
  right:calc((100% - var(--sarim-vitrin-genisligi))/2);
  bottom:auto;
  margin-bottom:0;
  transform:translateY(-50%);
 }
}
@media(max-width:600px) and (orientation:portrait){#sarim-acilis .sarim-acilis-soz{left:26px;top:clamp(120px,18dvh,155px);max-width:270px;}#sarim-acilis .sarim-soz-ince{font-size:36px;}#sarim-acilis .sarim-soz-italik{font-size:43px;margin-left:24px;}#sarim-acilis .sarim-soz-kalin{font-size:61px;}}
@media(max-height:500px) and (orientation:landscape){#sarim-acilis .sarim-acilis-soz{top:100px;left:25px;max-width:210px;}#sarim-acilis .sarim-soz-ince{font-size:24px;}#sarim-acilis .sarim-soz-italik{font-size:28px;margin-left:16px;}#sarim-acilis .sarim-soz-kalin{font-size:40px;}}
@media(prefers-reduced-motion:reduce){#sarim-acilis .sarim-acilis-soz{transform:none;transition:opacity .2s ease;}}

/* Shared central axis for the mobile opening composition. */
@media(max-width:767px) and (orientation:portrait){
 #sarim-acilis .sarim-acilis-soz {left:50%;width:calc(100% - 40px);max-width:360px;text-align:center;transform:translate3d(-50%,10px,0);}
 #sarim-acilis[data-phase="playing"] .sarim-acilis-soz,#sarim-acilis[data-phase="revealed"] .sarim-acilis-soz {transform:translate3d(-50%,0,0);}
 #sarim-acilis .sarim-soz-italik {margin-left:0;}
 #sarim-acilis .sarim-acilis-guvenceler {right:auto;left:50%;transform:translateX(-50%);justify-content:center;}
 #sarim-acilis .sarim-acilis-urun-konum {justify-content:center;}
}

#sarim-acilis .sarim-acilis-altyazi {
 position:absolute;
 left:50%;
 bottom:clamp(60px,9dvh,110px);
 width:min(90%, 850px);
 margin:0;
 transform:translate(-50%, calc(100% + 6px));
 color:#fff;
 font-family:"Nunito", Arial, sans-serif;
 font-size:clamp(13px,1.1vw,17px);
 font-weight:400;
 line-height:1.45;
 text-align:center;
 text-wrap:balance;
 text-shadow:0 1px 8px #000,0 2px 16px #000;
 opacity:0;
 transition:opacity .65s ease .45s;
}
#sarim-acilis .sarim-acilis-kalite-sozu {
 display:flex;
 flex-wrap:wrap;
 justify-content:center;
 align-items:center;
 gap:4px clamp(10px,1.2vw,18px);
 margin:0 0 5px;
 color:#ffe1a2;
 font-family:inherit;
 font-size:clamp(14px,1.25vw,19px);
 font-weight:700;
 line-height:1.25;
 letter-spacing:.025em;
}
#sarim-acilis .sarim-acilis-kalite-ozellik {
 display:inline-flex;
 align-items:center;
 gap:.32em;
 white-space:nowrap;
}
#sarim-acilis .sarim-acilis-kalite-ozellik svg {
 width:1.12em;
 height:1.12em;
 flex:none;
 filter:drop-shadow(0 1px 3px #0009);
}
@media (max-width:420px) and (orientation:portrait) {
 #sarim-acilis .sarim-acilis-kalite-sozu {font-size:13px;letter-spacing:0;}
}
#sarim-acilis .sarim-acilis-dipnot {
 margin:0;
 color:inherit;
 font:inherit;
}
#sarim-acilis[data-phase="revealed"] .sarim-acilis-altyazi {opacity:1;}
@media (min-width:1024px) and (min-height:501px) {
 #sarim-acilis .sarim-acilis-altyazi {bottom:calc(clamp(60px,9dvh,110px) + 20px);}
}
@media (max-width:600px) and (orientation:portrait) {
 #sarim-acilis .sarim-acilis-urun-konum {padding-bottom:clamp(165px,32dvh,270px);}
 #sarim-acilis .sarim-acilis-altyazi {bottom:clamp(165px,32dvh,270px);}
}
@media (max-height:500px) and (orientation:landscape) {
 #sarim-acilis .sarim-acilis-urun-konum {padding-bottom:56px;}
 #sarim-acilis .sarim-acilis-altyazi {bottom:56px;font-size:13px;}
}
@media (prefers-reduced-motion:reduce) {
 #sarim-acilis .sarim-acilis-altyazi {transition:none;}
}