/* These rules are loaded only in the DEV revision until manual promotion. */
.tienditas-shop .configured-views{display:flex!important;flex-wrap:wrap;gap:6px;width:auto!important}
.configured-views button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px!important}
.configured-views button[aria-pressed=true]{outline:2px solid currentColor;outline-offset:1px}
.tienditas-shop[data-configured-views] .product-row{min-width:0;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}
.tienditas-shop[data-configured-views] .product-info{min-width:0}
.tienditas-shop[data-configured-views] .product-row img{max-width:100%;object-fit:contain}
body:not([data-view=flip]) .flip-control{display:none}
body[data-view=mosaic] :is(body:not(.visual-shop) #catalog-results,body.visual-shop [data-browse-products] .visual-products){display:block;columns:3;column-gap:18px}
body[data-view=mosaic] .product-row{break-inside:avoid;display:block;margin:0 0 18px}
body[data-view=mosaic] .product-row:nth-of-type(3n) .product-image-button{height:340px!important}
body[data-view=mosaic] .product-row:nth-of-type(3n + 1) .product-image-button{height:220px!important}
body[data-view=editorial] :is(body:not(.visual-shop) #catalog-results,body.visual-shop [data-browse-products] .visual-products){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
body[data-view=editorial] .product-row{padding:24px;display:block}
body[data-view=editorial] .product-row:nth-of-type(3n + 1){grid-column:1/-1}
body[data-view=editorial] .product-image-button{height:clamp(250px,45vw,600px)!important;aspect-ratio:auto}
body:is([data-view=carousel],[data-view=stories]) :is(body:not(.visual-shop) #catalog-results,body.visual-shop [data-browse-products] .visual-products){display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:18px;padding:12px 0 24px;max-width:100%}
body[data-view=carousel] .product-row{flex:0 0 min(80vw,420px);scroll-snap-align:center;display:block}
body[data-view=stories] .product-row{flex:0 0 min(85vw,400px);scroll-snap-align:center;display:flex;flex-direction:column;min-height:70svh}
body[data-view=stories] .product-image-button{height:52svh!important;aspect-ratio:auto;width:100%}
body:is([data-view=fullscreen],[data-view=flip]) :is(body:not(.visual-shop) #catalog-results,body.visual-shop [data-browse-products] .visual-products){display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
body:is([data-view=fullscreen],[data-view=flip]) .product-row{min-height:calc(100svh - 160px);width:100%;max-width:1100px;margin-inline:auto;display:flex;flex-direction:column;scroll-snap-align:start;padding:20px}
body[data-view=fullscreen] .product-image-button{height:62svh!important;aspect-ratio:auto;width:100%}
body[data-view=flip] .product-row{position:relative;perspective:1500px}
body[data-view=flip] .product-photo-summary{width:100%}
body[data-view=flip] .product-image-button{height:calc(100svh - 260px)!important;aspect-ratio:auto;width:100%;min-height:260px}
body[data-view=flip] .product-info{display:none;flex:1;align-content:center}
body[data-view=flip] .is-flipped :is(.product-photo-summary,.product-image-button){display:none}
body[data-view=flip] .is-flipped .product-info{display:block;animation:flip-reveal .25s ease-out}
body[data-view=flip] .flip-control{margin-top:auto;align-self:center;min-height:44px}
.shop-view-navigation{display:none;justify-content:center;gap:20px;margin:16px}
body:is([data-view=carousel],[data-view=stories],[data-view=fullscreen],[data-view=flip]) .shop-view-navigation{display:flex}
.shop-view-navigation button{min-width:44px;min-height:44px}
@keyframes flip-reveal{from{transform:rotateY(65deg);opacity:.3}to{transform:rotateY(0);opacity:1}}
@media(max-width:768px){body[data-view=mosaic] :is(body:not(.visual-shop) #catalog-results,body.visual-shop [data-browse-products] .visual-products){columns:2}body[data-view=editorial] :is(body:not(.visual-shop) #catalog-results,body.visual-shop [data-browse-products] .visual-products){gap:16px}body[data-view=editorial] .product-row{padding:12px}}
@media(max-width:480px){body[data-view=editorial] :is(body:not(.visual-shop) #catalog-results,body.visual-shop [data-browse-products] .visual-products){grid-template-columns:1fr}body[data-view=mosaic] .product-row:nth-of-type(3n) .product-image-button{height:240px!important}body[data-view=mosaic] .product-row:nth-of-type(3n + 1) .product-image-button{height:160px!important}}
@media(prefers-reduced-motion:reduce){body[data-view=flip] .is-flipped .product-info{animation:none}}

body[data-view=flip] .product-photo-summary [data-product-short]{display:none}

.configured-views button{background:transparent;color:inherit;border:1px solid currentColor}

.tienditas-shop[data-configured-views] [hidden]{display:none!important}

body[data-view=flip] .product-row:not(.is-flipped)>.product-add{display:none!important}
