/* Full-width photographs: natural aspect ratio, no shrinking inside padded frames.
   Navigation thumbnails, logos and compact question/purchase icons keep their own size. */
/* One page scroll: a tall product reference must never become a nested scroll pane.
   The separate purchase dock keeps the product name and action available. */
.product-layout>.shopping-panel{
  position:relative;top:auto;align-self:start;height:auto;max-height:none;
  overflow:visible;overscroll-behavior:auto;
}
.shopping-panel>.shop-heading{position:static;top:auto}
.shop-quick-answers{margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}
.shop-quick-answers h3{font:400 27px/1.18 var(--serif);letter-spacing:-.025em;margin:0 0 18px}
.shop-quick-answers ul{list-style:none;padding:0;margin:0;display:grid;gap:18px}
.shop-quick-answers li{margin:0;padding:0;min-width:0}
.shop-quick-answers h4{font:600 14px/1.5 Arial,Helvetica,sans-serif;letter-spacing:0;margin:0 0 7px}
.shop-quick-answers h4 a{display:flex;align-items:center;min-height:44px;padding-block:4px;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px}
.shop-quick-answers h4 a:hover{text-decoration-color:currentColor}
.shop-quick-answers li p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}
.shop-quick-answers .quick-answers-all{margin-top:22px;min-height:44px;display:inline-flex;align-items:center;font-size:13px}
#respuestas,details.faq{scroll-margin-top:24px}
.shopping-panel .shop-photo,
.shopping-panel .product-gallery .gallery-main{
  display:block;width:100%;height:auto;min-height:0;max-height:none;
  padding:0;border:0;aspect-ratio:auto;
}
.product-gallery .gallery-main>img,
.shopping-panel .shop-photo>img{
  display:block;width:100%;height:auto;max-width:none;max-height:none;
  object-fit:contain;mix-blend-mode:normal;
}
.product-card .product-visual{
  display:block;width:100%;height:auto;min-height:0;padding:0;aspect-ratio:auto;
}
.product-card .product-visual>img{
  display:block;width:100%;height:auto;max-height:none;object-fit:contain;mix-blend-mode:normal;
}
.product-card .product-visual .set-photos{width:100%;height:auto;padding:0;align-items:start}
.product-card .product-visual .set-photos img{width:100%;height:auto;mix-blend-mode:normal}
.editorial .editorial-products figure{padding:0}
.editorial .editorial-products figure>a{display:block;width:100%}
.editorial .editorial-products img{width:100%;height:auto;max-height:none;mix-blend-mode:normal}
.editorial .editorial-products figcaption{padding:16px}
.editorial .article-photo{width:100%;max-width:none}
.about-page .about-wide-photo{width:100%;max-width:none;margin-left:0}
@media(max-width:650px){
  .editorial .editorial-products figcaption{padding:12px}
}

/* Purchase is available before the photo and stays at the viewport's top on scroll. */
.product-intro .product-purchase{margin:22px 0 26px;max-width:520px}
.product-purchase .variant-selector{margin:0 0 16px}
.product-purchase .variant-selector>span{font-size:13px}
.product-purchase .variant-selector a{min-height:44px}
.product-purchase .button{width:100%;min-height:48px;justify-content:center;text-align:center;font-size:14px}
.product-purchase .affiliate-label{font-size:11px;line-height:1.4;margin:7px 0 0;color:var(--muted)}
.purchase-dock{inset:0 0 auto;width:auto;border:0;border-bottom:2px solid var(--blue);box-shadow:0 4px 18px #402b3514;padding:calc(10px + env(safe-area-inset-top,0px)) 0 10px}
.purchase-dock-inner{width:calc(100% - 64px);display:flex;gap:24px}
.purchase-dock-product{margin:0;gap:12px;flex:1}
.purchase-dock-product img{width:40px;height:40px}
.purchase-dock-name{font-size:14px;line-height:1.35}
.purchase-dock-action{flex:0 0 290px}
.purchase-dock-action .button{min-height:44px}
@media(max-width:650px){
  .product-intro .product-purchase{max-width:none;margin:18px 0 24px}
  .purchase-dock{padding:calc(8px + env(safe-area-inset-top,0px)) 0 7px}
  .purchase-dock-inner{width:calc(100% - 32px);display:block}
  .purchase-dock-product{gap:9px;margin-bottom:7px}
  .purchase-dock-product img{width:28px;height:28px}
  .purchase-dock-name{font-size:12px;line-height:1.3}
  .purchase-dock-action .button{font-size:13px;padding:9px 12px}
  .purchase-dock-action>p{font-size:10px;margin-top:4px}
}

/* Catalogue header: brand storefront next to the introduction, before search. */
.catalog-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:20px 0 30px}
.catalog .catalog-intro>.intro-description{margin:0;max-width:740px;flex:1}
.catalog-store{flex:0 0 auto;text-align:right}
.catalog-store .button{min-height:48px;padding:13px 24px;justify-content:center;white-space:nowrap;font-size:14px}
.catalog-store .affiliate-label{font-size:11px;line-height:1.4;margin:7px 0 0;color:var(--muted)}
@media(max-width:850px){.catalog-intro{display:block}.catalog-store{margin-top:22px;text-align:left}}
@media(max-width:650px){.catalog-store .button{width:100%;padding-inline:12px;white-space:normal;text-align:center}.catalog-intro{margin-bottom:24px}}

/* Brand catalogue copy: readable width, store action remains alongside it. */
.catalog-copy{flex:1;min-width:0;max-width:850px}
.catalog .catalog-copy .intro-description{margin:0;max-width:none}
.catalog-detail{font-size:17px;line-height:1.7;margin:18px 0 0;color:var(--muted)}
.catalog-store{max-width:100%}
.product-page{padding-top:42px}
.editorial>header:first-child{margin-top:0}
@media(max-width:650px){.catalog-detail{font-size:16px}.product-page{padding-top:26px}}