/*
 * Yalcin Cup final layout guardrails.
 * Keep cross-page alignment and responsive fixes here so later product/data
 * changes do not require editing every page.
 */
html{overflow-x:clip;scroll-behavior:smooth}
body{overflow-x:clip}
img{max-width:100%}
.nav,.top{isolation:isolate}
.nav{z-index:120!important}
.menuBackdrop{z-index:170!important}
.mobileMenu{z-index:180!important}
.heroGrid,.productShell,.productCard,.realGrid,.aboutGrid,.catalogueGrid{min-width:0}

/* Real catalogue cups sit directly on the section background. */
.stage{height:560px!important;min-width:0;overflow:hidden}
.stageOrb{display:none!important}
.cupRow{width:100%!important;height:100%!important;margin:0!important;padding:28px 0 42px!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;gap:clamp(8px,1.2vw,16px)!important;overflow:hidden!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.cupRow .cupItem{display:flex!important;align-items:flex-end!important;justify-content:center!important;flex:0 1 auto!important;min-width:0!important;overflow:visible!important;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important}
.cupRow .cupItem.c4{width:17%!important;height:48%!important}
.cupRow .cupItem.c7{width:20%!important;height:61%!important}
.cupRow .cupItem.c8{width:23%!important;height:72%!important}
.cupRow .cupItem.c12{width:27%!important;height:88%!important}
.cupRow .cupItem img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center bottom!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;clip-path:none!important;transform:none!important;filter:drop-shadow(0 22px 22px rgba(0,0,0,.36))!important}

.catalogLineup,.catalogueVisual,.photoCard .catalogLineup,.blogFeaturedVisual .catalogLineup{background:transparent!important;border:0!important;box-shadow:none!important}
.catalogLineup{isolation:isolate}
.lineupCup,.lineupImg{min-width:0;overflow:visible!important}
.lineupCup img{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;clip-path:none!important;object-fit:contain!important;object-position:center bottom!important}
.lineupCup.c4 img,.lineupCup.c7 img,.lineupCup.c8 img,.lineupCup.c12 img{transform:none!important}
.lineupCup small{display:none!important}

/* Product photos never receive a white card or artificial base. */
.productVisual,.familyImg,.catalogProductVisual,body[data-product-size] .visual{background:transparent!important;border:0!important;box-shadow:none!important}
.productVisual:before,.catalogProductVisual:before{display:none!important}
.productVisual,.familyImg,body[data-product-size] .visual{overflow:visible!important}
.productVisual img,.familyImg img,.catalogProductVisual img,body[data-product-size] .visual img{background:transparent!important;border:0!important;object-fit:contain!important;object-position:center bottom!important;filter:drop-shadow(0 22px 24px rgba(0,0,0,.34))!important}
.familyCard{overflow:hidden}
.catalogProductVisual{background:#071b34!important;overflow:hidden!important}

/* Stable logo and header geometry. */
.logoBox{display:grid!important;place-items:center!important;flex:0 0 108px!important;min-width:108px!important;overflow:visible!important}
.logoBox img,.brand img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:60px!important;object-fit:contain!important;object-position:center!important;margin:auto!important}

/* Blog artwork always stays below the sticky header. */
.top{position:sticky!important;top:0!important;z-index:120!important;background:#071b34!important}
.top+main,.top+.hero{position:relative;z-index:0}
.cupLineup{position:relative!important;z-index:0!important;overflow:hidden!important;background:transparent!important;border:0!important;box-shadow:none!important}
.cupLineup .cup,.cupLineup .cupImg{min-width:0!important;overflow:visible!important}
.cupLineup .cup img{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;clip-path:none!important;object-position:center bottom!important;transform:none!important}
.cupLineup .cup small{display:none!important}

html[dir="rtl"] .catalogProductBody,html[dir="rtl"] .productInfo{text-align:right}
html[dir="rtl"] .catalogProductSpecs b{text-align:left}
html[dir="rtl"] .heroChips a,html[dir="rtl"] .categoryBand a,html[dir="rtl"] .sizeBtn span,html[dir="rtl"] .catalogSizeBadge,html[dir="rtl"] .catalogFilter,html[dir="rtl"] .variantShelfTop span{direction:ltr;unicode-bidi:isolate}

@media(max-width:920px){
  .stage{height:430px!important}
  .cupRow{padding:18px 0 26px!important;gap:7px!important}
  .productShell,.productCard{min-width:0}
}

@media(max-width:680px){
  .navInner,.top .wrap{min-width:0}
  .hero{min-height:auto!important}
  .heroGrid{padding-top:46px!important;padding-bottom:52px!important}
  .stage{height:300px!important;margin-top:12px!important}
  .cupRow{height:100%!important;padding:8px 0 18px!important;gap:4px!important}
  .cupRow .cupItem.c4{width:17%!important;height:47%!important}
  .cupRow .cupItem.c7{width:20%!important;height:61%!important}
  .cupRow .cupItem.c8{width:23%!important;height:73%!important}
  .cupRow .cupItem.c12{width:28%!important;height:91%!important}
  .cupRow .cupItem img{filter:drop-shadow(0 13px 13px rgba(0,0,0,.34))!important}
  .floatingCard{max-width:48%;white-space:normal!important}
  .logoBox{flex-basis:82px!important;min-width:82px!important}
  .logoBox img,.brand img{max-height:52px!important}
  .productCard{padding:18px!important}
  .productVisual{min-height:280px!important}
  .productVisual img{height:260px!important;max-width:92%!important}
  .photoCard .catalogLineup{inset:12px 4px 245px!important;padding:5px 0 12px!important}
  .cupLineup{height:250px!important;padding:14px 4px 12px!important;gap:4px!important}
}

@media(max-width:420px){
  .stage{height:270px!important}
  .cupRow{gap:2px!important}
  .heroBtns>a{width:100%;justify-content:center}
  .catalogProduct{grid-template-columns:40% 60%!important}
  .catalogProductVisual{min-height:238px!important}
  .catalogProductBody{padding:13px!important}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}