/* ====== Umre hediyeleri: hediye kutusu (sayfa arka planı sitenin kendisi) ====== */
.uh{position:relative;padding:4px 0 20px;color:#fff}
.uh-alt{color:rgba(240,215,150,.92);margin:0 0 18px;font-size:16px;letter-spacing:.3px}
.uh-sahne{position:relative;min-height:430px;display:flow-root}
.uh-kutu{position:absolute;left:50%;top:40px;width:230px;height:230px;transform:translateX(-50%);cursor:pointer;z-index:5;transition:transform .7s cubic-bezier(.5,-0.4,.6,1),opacity .6s;border:0;background:none;padding:0}
.uh-kutu:focus-visible{outline:2px solid #f0cf7f;outline-offset:8px;border-radius:12px}
.uh-kutu .govde{position:absolute;left:10px;right:10px;bottom:0;height:150px;border-radius:10px;background:linear-gradient(160deg,#126587 0%,#0f526d 60%,#0a3a4d 100%);box-shadow:inset 0 -14px 24px rgba(0,0,0,.3),0 24px 40px rgba(0,0,0,.35)}
.uh-kutu .govde::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:34px;transform:translateX(-50%);background:linear-gradient(90deg,#b8893c,#f6dc9c 45%,#c99b48)}
.uh-kutu .govde::after{content:"";position:absolute;inset:0;border-radius:10px;background:repeating-linear-gradient(45deg,rgba(255,255,255,.035) 0 10px,transparent 10px 20px)}
.uh-kutu .kapak{position:absolute;left:0;right:0;top:40px;height:48px;border-radius:10px;z-index:2;background:linear-gradient(180deg,#126587,#115c7a);box-shadow:0 8px 14px rgba(0,0,0,.3);transform-origin:20% 100%;transition:transform .9s cubic-bezier(.2,.9,.3,1.3),opacity .9s}
.uh-kutu .kapak::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:34px;transform:translateX(-50%);background:linear-gradient(90deg,#b8893c,#f6dc9c 45%,#c99b48)}
.uh-kutu .fiyonk{position:absolute;left:50%;top:-58px;width:150px;transform:translateX(-50%)}
.uh-isik{position:absolute;left:50%;top:150px;width:620px;height:620px;max-width:100vw;transform:translate(-50%,-50%) scale(.2);opacity:0;pointer-events:none;z-index:1;background:repeating-conic-gradient(from 0deg,rgba(255,228,150,.38) 0 6deg,transparent 6deg 18deg);-webkit-mask:radial-gradient(circle,#000 0 18%,transparent 62%);mask:radial-gradient(circle,#000 0 18%,transparent 62%);transition:transform 1.2s cubic-bezier(.2,.8,.2,1),opacity .8s}
.uh-ipucu{position:absolute;left:50%;top:296px;transform:translateX(-50%);white-space:nowrap;color:#f0cf7f;font-size:15px;letter-spacing:1px;display:flex;align-items:center;gap:8px;transition:opacity .4s}
.uh-ipucu::before{content:"";width:8px;height:8px;border-radius:50%;background:#f0cf7f;box-shadow:0 0 0 0 rgba(240,207,127,.7);animation:uh-nabiz 1.6s infinite}
@keyframes uh-nabiz{to{box-shadow:0 0 0 12px rgba(240,207,127,0)}}
.uh-kutu.bekliyor{animation:uh-salla 2.8s ease-in-out infinite}
@keyframes uh-salla{0%,70%,100%{transform:translateX(-50%) rotate(0)}74%{transform:translateX(-50%) rotate(-5deg)}78%{transform:translateX(-50%) rotate(5deg)}82%{transform:translateX(-50%) rotate(-3deg)}86%{transform:translateX(-50%) rotate(2deg)}}
.uh.acik .uh-kutu .kapak{transform:translate(-70px,-130px) rotate(-28deg);opacity:0}
.uh.acik .uh-isik{transform:translate(-50%,-50%) scale(1) rotate(30deg);opacity:1}
.uh.acik .uh-ipucu{opacity:0}
.uh.bitti .uh-kutu{transform:translateX(-50%) scale(.2) translateY(200px);opacity:0;pointer-events:none}
.uh.bitti .uh-isik{opacity:0}
.uh-izgara{position:relative;z-index:6;display:flex;flex-wrap:wrap;justify-content:center;gap:22px;padding-top:0}
.js .uh-izgara{pointer-events:none}
.uh-kart{pointer-events:auto;width:calc((100% - 66px)/4);min-width:200px;max-width:280px;border-radius:18px;overflow:hidden;background:#fbf4e4;color:#113848;box-shadow:0 18px 40px rgba(0,0,0,.28);position:relative}
.js .uh-kart{opacity:0}
/* Reserve the closed-box state before the deferred animation script arrives. */
.gifts-pending .uh:not(.js) .uh-kart{opacity:0}
.gifts-pending .uh:not(.js) .uh-izgara{margin-top:340px;pointer-events:none}
.uh-kart .ust{height:170px;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 50% 45%,#126384 0%,#0b3f54 70%);overflow:hidden}
.uh-kart .ust::before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(240,207,127,.28),transparent 70%)}
.uh-kart .ust svg{width:108px;height:108px;position:relative;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}
.uh-kart .ust img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.uh-kart .no{position:absolute;top:12px;left:14px;z-index:2;font-family:'Marcellus',serif;color:rgba(240,207,127,.85);font-size:14px;letter-spacing:1px}
.uh-kart .ad{padding:16px 18px 20px;font-size:18px;font-weight:600;line-height:1.3;display:flex;align-items:flex-start;gap:10px}
.uh-kart .ad::before{content:"";flex:none;width:6px;height:6px;margin-top:9px;border-radius:50%;background:#c99b48}
.uh-kart .ad small{display:block;margin-top:4px;font-size:13.5px;font-weight:400;color:#4d4426;line-height:1.45}
.uh-kart .parilti{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.5) 45%,transparent 60%);transform:translateX(-120%)}
.uh-kart.geldi .parilti{animation:uh-parla 1.1s .35s ease-out}
@keyframes uh-parla{to{transform:translateX(120%)}}
.uh-kart:hover{transform:translateY(-6px);transition:transform .25s}
.uh-tekrar{display:none;margin:34px auto 0;background:transparent;color:#f0cf7f;border:1px solid rgba(240,207,127,.6);padding:10px 22px;border-radius:30px;font:600 14px 'Figtree',sans-serif;letter-spacing:1px;cursor:pointer}
.uh.bitti .uh-tekrar{display:block}
html:not(.gifts-pending) .uh:not(.js) .uh-kutu,html:not(.gifts-pending) .uh:not(.js) .uh-ipucu,html:not(.gifts-pending) .uh:not(.js) .uh-isik,html:not(.gifts-pending) .uh:not(.js) .uh-konfeti{display:none}
html:not(.gifts-pending) .uh:not(.js) .uh-sahne{min-height:0}
.uh-konfeti{position:absolute;inset:0;pointer-events:none;z-index:7;width:100%;height:100%}
@media (max-width:900px){.uh-kart{width:calc((100% - 22px)/2);min-width:0}.uh-kart .ust{height:140px}.uh-kart .ust svg{width:88px;height:88px}.uh-kart .ad{font-size:16px}}
@media (prefers-reduced-motion:reduce){.uh-kutu,.uh-kutu.bekliyor{animation:none}}

/* hediyeler: satırda 3 kart (6 hediye = 3 üst + 3 alt) */
.uh-izgara{max-width:1100px;margin-left:auto;margin-right:auto}
.uh-kart{width:calc((100% - 44px)/3);max-width:360px;min-width:220px}
.uh-kart .ust{height:190px}
@media (max-width:900px){.uh-kart{width:calc((100% - 22px)/2);max-width:none;min-width:0}.uh-kart .ust{height:140px}}
@media (max-width:420px){.uh-kart{width:100%}}

/* hediyeler: sayfa yüklenirken kartlar görünüp kaybolmasın (sınıf satır içi betikle hemen eklenir) */
.uh.js .uh-izgara{margin-top:340px}
.uh.js.acik .uh-izgara{margin-top:0}
.uh.js .uh-kart{opacity:0}

/* hediye görseli: 4:3 sabit alan, taşma yok */
.uh-kart .ust{height:auto;aspect-ratio:4/3}
.uh-kart .ust img{position:absolute;inset:0;width:100%;height:100%;box-sizing:border-box;z-index:1}
.uh-kart .ust img.contain{object-fit:contain;padding:7%;filter:drop-shadow(0 14px 18px rgba(0,0,0,.35))}
.uh-kart .ust img.cover{object-fit:cover}
.uh-kart .ust .no{z-index:2}
.uh-kart .ad .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;font-style:normal}
.uh-kart .ad .chips i{font-style:normal;font-size:12px;font-weight:600;line-height:1;padding:6px 10px;border-radius:999px;background:#105876;color:#f6e7b0;border:1px solid rgba(198,155,72,.6)}
@media (max-width:900px){.uh-kart .ust{height:auto}}

/* ===== Hediye kartları: numarasız, ekrana sığan boyut ===== */
.uh-kart .no{display:none}
.uh-izgara{max-width:900px;gap:18px}
.uh-kart{width:min(clamp(190px,calc((88vh - 300px)/1.34),270px),calc((100% - 36px)/3));max-width:none;min-width:0}
.uh-kart .ust{aspect-ratio:3/2;height:auto}
.uh-kart .ad{padding:12px 14px 14px;font-size:15.5px;gap:8px}
.uh-kart .ad::before{margin-top:8px}
.uh-kart .ad small{font-size:12.5px;line-height:1.4;margin-top:3px}
.uh-kart .ad .chips{gap:5px;margin-top:8px}
.uh-kart .ad .chips i{font-size:11px;padding:5px 8px}
@media (max-width:900px){.uh-kart{width:calc((100% - 18px)/2)}}
@media (max-width:420px){.uh-kart{width:100%}}

/* hediye kartları: her zaman satırda 3 kart (kart boyu ekran yüksekliğine göre) */
.uh-izgara{--cw:clamp(190px,calc((88vh - 300px)/1.34),270px);max-width:calc(var(--cw) * 3 + 38px)}
.uh-kart{width:var(--cw)}
@media (max-width:900px){.uh-izgara{max-width:none}.uh-kart{width:calc((100% - 18px)/2)}}
@media (max-width:420px){.uh-kart{width:100%}}

/* Hediye kutusu: gövdedeki çizgiler koyulaştı, kurdele altın işlemeli */
.uh-kutu .govde::after{background:repeating-linear-gradient(45deg,rgba(0,0,0,.22) 0 2px,transparent 2px 20px)}
.uh-kutu .govde::before{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'34'%20height%3D'36'%20viewBox%3D'0%200%2034%2036'%3E%3Cg%20fill%3D'none'%20stroke%3D'%236e4a14'%20stroke-width%3D'1.1'%20stroke-linecap%3D'round'%3E%3Cpath%20d%3D'M17%203%20C24%209%2024%2015%2017%2018%20C10%2015%2010%209%2017%203Z'%2F%3E%3Cpath%20d%3D'M17%2018%20C24%2021%2024%2027%2017%2033%20C10%2027%2010%2021%2017%2018Z'%2F%3E%3Cpath%20d%3D'M3%200V36M31%200V36'%20stroke-opacity%3D'.55'%2F%3E%3Cpath%20d%3D'M7%208%20Q11%2011.5%207%2015%20M27%208%20Q23%2011.5%2027%2015%20M7%2023%20Q11%2026.5%207%2030%20M27%2023%20Q23%2026.5%2027%2030'%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D'17'%20cy%3D'18'%20r%3D'1.7'%20fill%3D'%236e4a14'%2F%3E%3Ccircle%20cx%3D'17'%20cy%3D'3'%20r%3D'1.1'%20fill%3D'%236e4a14'%2F%3E%3Ccircle%20cx%3D'17'%20cy%3D'33'%20r%3D'1.1'%20fill%3D'%236e4a14'%2F%3E%3C%2Fsvg%3E") center top/34px 36px repeat-y,linear-gradient(90deg,#b8893c,#f6dc9c 45%,#c99b48)}
.uh-kutu .kapak::before{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'34'%20height%3D'36'%20viewBox%3D'0%200%2034%2036'%3E%3Cg%20fill%3D'none'%20stroke%3D'%236e4a14'%20stroke-width%3D'1.1'%20stroke-linecap%3D'round'%3E%3Cpath%20d%3D'M17%203%20C24%209%2024%2015%2017%2018%20C10%2015%2010%209%2017%203Z'%2F%3E%3Cpath%20d%3D'M17%2018%20C24%2021%2024%2027%2017%2033%20C10%2027%2010%2021%2017%2018Z'%2F%3E%3Cpath%20d%3D'M3%200V36M31%200V36'%20stroke-opacity%3D'.55'%2F%3E%3Cpath%20d%3D'M7%208%20Q11%2011.5%207%2015%20M27%208%20Q23%2011.5%2027%2015%20M7%2023%20Q11%2026.5%207%2030%20M27%2023%20Q23%2026.5%2027%2030'%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D'17'%20cy%3D'18'%20r%3D'1.7'%20fill%3D'%236e4a14'%2F%3E%3Ccircle%20cx%3D'17'%20cy%3D'3'%20r%3D'1.1'%20fill%3D'%236e4a14'%2F%3E%3Ccircle%20cx%3D'17'%20cy%3D'33'%20r%3D'1.1'%20fill%3D'%236e4a14'%2F%3E%3C%2Fsvg%3E") center top/34px 36px repeat-y,linear-gradient(90deg,#b8893c,#f6dc9c 45%,#c99b48)}
.uh-kutu .govde::before,.uh-kutu .kapak::before{box-shadow:inset 3px 0 3px rgba(0,0,0,.18),inset -3px 0 3px rgba(0,0,0,.18)}
.uh-kutu .kapak{background:repeating-linear-gradient(45deg,rgba(0,0,0,.2) 0 2px,transparent 2px 20px),linear-gradient(180deg,#126587,#115c7a)}

/* dikey fotoğraf: tamamı görünür, yanlar aynı fotoğrafın bulanık hali */
.uh-kart .ust img.bg{position:absolute;inset:-12%;width:124%;height:124%;object-fit:cover;filter:blur(16px) saturate(1.1) brightness(.8);transform:scale(1.05)}
.uh-kart .ust img.portre{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1;filter:drop-shadow(0 8px 14px rgba(0,0,0,.35))}

/* hediye kartları: bir kademe büyük (ekrana hâlâ sığar) */
.uh-izgara{--cw:clamp(200px,calc((92vh - 320px)/1.34),330px);gap:20px;max-width:calc(var(--cw) * 3 + 42px)}
.uh-kart .ad{padding:14px 16px 16px;font-size:17px}
.uh-kart .ad small{font-size:13.5px;line-height:1.45}
.uh-kart .ad .chips i{font-size:12px;padding:6px 9px}
@media (max-width:900px){.uh-izgara{max-width:none}}

/* hediye kartları: bir kademe daha büyük */
.uh-izgara{--cw:clamp(210px,calc((96vh - 300px)/1.34),400px);max-width:min(100%,calc(var(--cw) * 3 + 42px))}
.uh-kart{width:min(var(--cw),calc((100% - 40px)/3))}
.uh-kart .ad{padding:16px 18px 18px;font-size:18px}
.uh-kart .ad small{font-size:14px}
.uh-kart .ad .chips i{font-size:12.5px}
@media (max-width:900px){.uh-izgara{max-width:none}.uh-kart{width:calc((100% - 20px)/2)}}
@media (max-width:420px){.uh-kart{width:100%}}

/* hediye görseli: 4:3 alan (dikey ürünlere daha çok yer) */
.uh-kart .ust{aspect-ratio:4/3}
.uh-izgara{--cw:clamp(210px,calc((96vh - 330px)/1.5),380px)}

/* hediye kartları: fotoğraf öne çıksın, yazı kompakt */
.uh-izgara{--cw:clamp(210px,calc((94vh - 170px)/1.5),470px);width:min(96vw,calc(var(--cw) * 3 + 44px));max-width:none;position:relative;left:50%;transform:translateX(-50%);gap:22px}
.uh-kart{width:var(--cw)}
.uh-kart .ad{padding:9px 13px 11px;font-size:15px;gap:7px;line-height:1.25}
.uh-kart .ad::before{margin-top:6px;width:5px;height:5px}
.uh-kart .ad small{font-size:12px;line-height:1.35;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.uh-kart .ad .chips{display:none}
@media (max-width:900px){.uh-izgara{width:auto;left:auto;transform:none}.uh-kart{width:calc((100% - 22px)/2)}}
@media (max-width:420px){.uh-kart{width:100%}}

/* satırda 3 kart garanti: kart genişliği kapsayıcıya da bağlı */
@media (min-width:901px){.uh-kart{width:min(var(--cw),calc((100% - 44px)/3 - 0.5px))}}

/* hediye fotoğrafı: üzerine gelince büyür (yalnızca fare ile; tıklama gerekmez) */
.uh-kart .ust{overflow:hidden}
.uh-kart .ust img,.uh-kart .ust>svg{transition:transform .6s cubic-bezier(.2,.7,.2,1);will-change:transform}
@media (hover:hover){
  .uh-kart:hover .ust img.cover,.uh-kart:hover .ust img.contain,.uh-kart:hover .ust img.portre{transform:scale(1.1)}
  .uh-kart:hover .ust>svg{transform:scale(1.12)}
}
@media (prefers-reduced-motion:reduce){.uh-kart .ust img,.uh-kart .ust>svg{transition:none}.uh-kart:hover .ust img,.uh-kart:hover .ust>svg{transform:none}}

/* hediye fotoğrafı: büyüme oranı %20 */
@media (hover:hover){
  .uh-kart:hover .ust img.cover,.uh-kart:hover .ust img.contain,.uh-kart:hover .ust img.portre{transform:scale(1.2)}
  .uh-kart:hover .ust>svg{transform:scale(1.2)}
}
@media (prefers-reduced-motion:reduce){.uh-kart:hover .ust img,.uh-kart:hover .ust>svg{transform:none}}


/* Keep long descriptions readable and buttons usable on touch screens. */
.uh-tekrar{min-height:44px}.uh-kart .ad small{display:block;-webkit-line-clamp:unset;overflow:visible}
@media (prefers-reduced-motion:reduce){.uh *,.uh *::before,.uh *::after{animation:none!important;transition:none!important}}