/* AMPLE 69.68.58 — one canonical storefront layer.
   Replaces 55/56/57 experiments; loaded last by shop/product/store templates. */

/* --- containment: no card/gallery child may widen its owner --- */
.product-layout,.product-gallery,.product-main-image,.product-thumbs,
.fx-block,.fx-title,.fx-rail-wrap,.fx-rail,.fx-card,.fx-card-link,.fx-photo,
.product-recs,.product-rec,.product-rec-link,.product-rec-sizes{
  min-width:0!important;max-width:100%!important;box-sizing:border-box!important;
}
.fx-card,.fx-card-link,.fx-photo,.product-rec,.product-rec-link{overflow:hidden!important;}

/* --- product gallery --- */
.product-gallery{width:100%!important;overflow:hidden!important;}
.product-main-image{width:100%!important;max-width:100%!important;overflow:hidden!important;border:1px solid #e8ebef!important;border-radius:18px!important;background:#fff!important;box-shadow:none!important;}
.product-main-image img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;object-fit:contain!important;object-position:center!important;transform:none!important;background:#fff!important;}
.product-thumbs,.ample-ux-product-thumb-rail{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;}
.product-thumb,.ample-ux-product-thumb{position:relative!important;box-sizing:border-box!important;overflow:hidden!important;outline:0!important;box-shadow:none!important;border:1px solid #e2e6ea!important;border-radius:11px!important;background:#fff!important;padding:2px!important;transform:none!important;}
.product-thumb.active,.product-thumb.selected,.product-thumb.current,.product-thumb[aria-current="true"],.ample-ux-product-thumb.active,.ample-ux-product-thumb.selected,.ample-ux-product-thumb.current,.ample-ux-product-thumb[aria-current="true"]{border:1px solid #111!important;outline:0!important;box-shadow:none!important;}
.product-thumb img,.ample-ux-product-thumb img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;object-fit:contain!important;object-position:center!important;transform:none!important;border-radius:8px!important;background:#fff!important;}

/* --- size chips: one owned row, no clipping outside cards --- */
[data-ample-size-hidden="1"]{display:none!important;}
.fx-sizes,.product-rec-sizes{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:5px!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;box-sizing:border-box!important;visibility:visible!important;opacity:1!important;}
.fx-sizes{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;margin:8px 12px 0!important;min-height:28px!important;}
.fx-sizes>*{flex:0 0 auto!important;box-sizing:border-box!important;white-space:nowrap!important;}
.product-rec-sizes{margin:7px 0 6px!important;min-height:22px!important;gap:4px!important;}
.product-rec-sizes>span,.product-rec-sizes>button{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;min-width:27px!important;height:22px!important;padding:0 5px!important;border:1px solid #e1e5e9!important;border-radius:6px!important;background:#fff!important;color:#4f5661!important;font-size:10px!important;font-weight:700!important;line-height:1!important;white-space:nowrap!important;}
.fx-size-more,.product-rec-sizes .fx-size-more,.product-rec-sizes .more{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;min-width:31px!important;height:25px!important;padding:0 6px!important;border:1px solid #dfe3e7!important;border-radius:7px!important;background:#f5f6f7!important;color:#555d68!important;font-size:10px!important;font-weight:750!important;line-height:1!important;}

/* --- wishlist geometry --- */
.fx-wish,.ample-ux-wish,.product-actions .wish{display:grid!important;place-items:center!important;box-sizing:border-box!important;padding:0!important;line-height:1!important;overflow:hidden!important;border-radius:50%!important;transform:none!important;aspect-ratio:1/1!important;}
.fx-wish,.ample-ux-wish{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important;}
.product-actions .wish{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;max-width:48px!important;max-height:48px!important;}
.fx-wish svg,.ample-ux-wish svg,.product-actions .wish svg{display:block!important;width:21px!important;height:21px!important;min-width:21px!important;min-height:21px!important;max-width:21px!important;max-height:21px!important;margin:auto!important;transform:none!important;}

/* --- homepage collections: every heading uses the same geometry as Vybír AMPLE --- */
#homePage .fx-block,#homePage.ample-ux-home .fx-block,#homePage.ample-ux-home .ample-ux-home-block{width:100%!important;max-width:100%!important;margin:0!important;padding:28px 0 34px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important;}
#homePage .fx-title,#homePage.ample-ux-home .fx-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;width:100%!important;margin:0 0 15px!important;padding:0!important;border:0!important;min-height:38px!important;}
#homePage .fx-title h2,#homePage.ample-ux-home .fx-title h2{flex:1 1 auto!important;min-width:0!important;margin:0!important;padding:0!important;font-size:clamp(24px,2.4vw,32px)!important;line-height:1.08!important;letter-spacing:-.03em!important;font-weight:800!important;text-align:left!important;}
#homePage .fx-title h2::before,#homePage .fx-title h2::after{content:none!important;display:none!important;}
#homePage .fx-title>button:not(.ample-rail-hint){flex:0 0 auto!important;width:auto!important;min-width:0!important;height:auto!important;margin:0!important;padding:7px 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#111!important;font-size:13px!important;font-weight:750!important;line-height:1.2!important;text-decoration:underline!important;text-underline-offset:3px!important;white-space:nowrap!important;}
#homePage .ample-rail-hint{display:none;align-items:center;justify-content:center;flex:0 0 auto;border:0;background:#f2f3f5;color:#5e6570;border-radius:999px;padding:7px 10px;font:700 11px/1 system-ui,-apple-system,sans-serif;white-space:nowrap;}
#homePage .fx-rail-wrap{position:relative!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;}
#homePage .fx-rail{min-width:0!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-inline:contain!important;scroll-snap-type:x proximity!important;scrollbar-width:none!important;}
#homePage .fx-rail::-webkit-scrollbar{display:none!important;}
#homePage .fx-rail>*{min-width:0!important;max-width:100%!important;box-sizing:border-box!important;scroll-snap-align:start!important;}
#homePage .fx-card,#homePage .fx-card-link,#homePage .fx-photo{min-width:0!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important;}
#homePage .fx-photo img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;}

/* Banner itself is the link target on touch devices; child buttons keep native clicks. */
#homeBanner[data-banner-link]:not([data-banner-link=""]){cursor:pointer;touch-action:manipulation;}

@media(max-width:760px){
  html,body{max-width:100%;overflow-x:clip;}
  .product-layout{grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:100%!important;overflow:hidden!important;}
  .product-gallery,.ample-ux-product-gallery{position:static!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:10px!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;}
  .product-main-image{grid-row:1!important;width:100%!important;max-width:100%!important;border-radius:16px!important;}
  .product-thumbs,.ample-ux-product-thumb-rail{grid-row:2!important;display:flex!important;align-items:stretch!important;justify-content:flex-start!important;gap:8px!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:1px 1px 6px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity!important;scrollbar-width:none!important;}
  .product-thumbs::-webkit-scrollbar,.ample-ux-product-thumb-rail::-webkit-scrollbar{display:none!important;}
  .product-thumb,.ample-ux-product-thumb{flex:0 0 68px!important;width:68px!important;min-width:68px!important;max-width:68px!important;height:68px!important;min-height:68px!important;max-height:68px!important;margin:0!important;padding:2px!important;scroll-snap-align:start!important;}

  /* The native foundation layer hides sizes below 460px; this is the canonical override. */
  .fx-sizes,.product-rec-sizes{display:flex!important;}
  .fx-sizes{gap:5px!important;}
  .fx-sizes>*{min-width:0!important;max-width:calc((100% - 15px)/4)!important;}
  .fx-sizes>span,.fx-sizes>button{padding-left:8px!important;padding-right:8px!important;}

  #homePage .fx-block,#homePage.ample-ux-home .fx-block,#homePage.ample-ux-home .ample-ux-home-block{padding:22px 0 28px!important;}
  #homePage .fx-title,#homePage.ample-ux-home .fx-title{align-items:center!important;margin:0 0 12px!important;min-height:34px!important;}
  #homePage .fx-title h2,#homePage.ample-ux-home .fx-title h2{font-size:24px!important;line-height:1.08!important;}
  #homePage .fx-title>button:not(.ample-rail-hint){display:none!important;}
  #homePage .ample-rail-hint{display:inline-flex!important;}
  #homePage .fx-rail-btn{display:none!important;}
  #homePage .fx-rail-wrap{display:block!important;overflow:hidden!important;}
  #homePage .fx-rail,#homePage.ample-ux-home .fx-rail,#homePage.ample-ux-home .ample-ux-home-rail{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:calc((100% - 12px)/2)!important;gap:12px!important;width:100%!important;max-width:100%!important;margin:0!important;padding:1px 0 7px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-padding-inline:0!important;}
  #homePage .fx-rail>.fx-card{width:100%!important;min-width:0!important;max-width:100%!important;}
  #homePage .fx-rail-wrap.ample-has-more::after{content:"";pointer-events:none;position:absolute;right:0;top:0;bottom:7px;width:18px;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.72));}
}

@media(min-width:761px){
  #homePage .fx-rail-wrap{display:grid!important;grid-template-columns:42px minmax(0,1fr) 42px!important;gap:10px!important;align-items:center!important;}
  #homePage .fx-rail{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:calc((100% - 54px)/4)!important;gap:18px!important;padding:2px 0 8px!important;}
  #homePage .fx-rail-btn{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;padding:0!important;border:1px solid #e3e6ea!important;border-radius:50%!important;background:#fff!important;box-shadow:none!important;}
}

@media(min-width:761px) and (max-width:1000px){#homePage .fx-rail{grid-auto-columns:calc((100% - 28px)/3)!important;gap:14px!important;}}
.fx-sizes>[data-ample-size-hidden="1"],.product-rec-sizes>[data-ample-size-hidden="1"]{display:none!important;}
