/* Replacement artwork only: the original two-column moment and copy remain intact. */
.market-online-customers{background:radial-gradient(ellipse at 55% 40%,#fff 0%,#e7f7fb 43%,#ddf2f8 78%)}
.market-customer-art{position:absolute;inset:24px 18px 155px;display:grid;place-items:center;container-type:size}
.market-customer-art .market-device-stage{width:min(100cqw,130cqh);aspect-ratio:1.3;margin:0}
.market-device-stage .device-desktop{left:10%;width:86%;top:5%}
.market-device-stage .device-tablet{width:38%;left:0;bottom:3%;transform:rotate(-4deg)}
.market-device-stage .device-phone{width:24%;right:0;bottom:0;transform:rotate(4deg)}
.market-device-stage .desktop-display{border-radius:12px 12px 0 0;border-width:1px;padding:14px 8px 8px}
.market-device-stage .desktop-display>.storefront-screen{inset:14px 8px 8px}
.market-device-stage .desktop-chin{height:22px;border-radius:0 0 9px 9px}
.market-device-stage .device-tablet{border-radius:18px;border-width:1px}
.market-device-stage .device-tablet>.storefront-screen{inset:12px 7px 7px;border-radius:10px}
.market-device-stage .device-phone{border-radius:21px;border-width:1px}
.market-device-stage .device-phone>.storefront-screen{inset:5px;border-radius:16px}
.market-device-stage .phone-speaker{top:9px;height:6px}
.market-device-stage .phone-home{bottom:9px;height:2px}
@media(max-width:900px){.market-customer-art{inset:20px 24px 125px}}
@media(max-width:760px){
 .market-customer-art{inset:14px 14px 115px}
 .market-device-stage .desktop-display{border-radius:8px 8px 0 0;padding:8px 4px 4px}
 .market-device-stage .desktop-display>.storefront-screen{inset:8px 4px 4px}
 .market-device-stage .desktop-chin{height:10px;border-radius:0 0 6px 6px}
 .market-device-stage .device-tablet{border-radius:9px}
 .market-device-stage .device-tablet>.storefront-screen{inset:7px 4px 4px;border-radius:5px}
 .market-device-stage .device-phone{border-radius:11px}
 .market-device-stage .device-phone>.storefront-screen{inset:3px;border-radius:8px}
 .market-device-stage .phone-speaker{top:6px;height:3px}
 .market-device-stage .phone-home{bottom:6px;height:1px}
}
/* Each screen has its own container; type and spacing scale with that device. */
.market-shop img{display:block;max-width:100%;height:auto}
.market-shop-bar{display:flex;align-items:center;justify-content:space-between;gap:3cqw;padding:3cqw 4cqw}
.market-shop-bar .market-shop-logo{width:22cqw;height:9cqw;object-fit:contain;flex:none}
.market-shop-bar .icon{width:4cqw;height:4cqw;flex:none}
.market-shop-bar>span{font-size:2cqw;white-space:nowrap}
.market-shop-search{display:flex;align-items:center;gap:3cqw;border:1px solid #d9e1e6;background:#fff;border-radius:8cqw;padding:2cqw 3cqw;flex:1;color:#6b757d;font-size:2cqw}
.market-shop-search .icon{width:2.5cqw;height:2.5cqw}
.market-shop-nav{display:flex;align-items:center;justify-content:space-between;padding:2.3cqw 5cqw;background:#0065b8;color:#fff;font-size:2cqw}
.market-shop .market-shop-banner{width:100%;height:auto}
.market-shop-heading{font-size:3cqw;font-weight:700;padding:3cqw 4cqw;text-align:center}
.market-shop-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2cqw;padding:0 4cqw}
.market-shop-tiles img{width:100%;height:13cqw;object-fit:cover;border-radius:1cqw}
.market-shop-footer{padding:3cqw;color:#667c85;font-size:2cqw;text-align:center}
.market-shop-emporium .market-shop-bar{background:#fff;color:#007d43;padding:5cqw 6cqw 4cqw}
.market-shop-emporium .market-shop-bar .market-shop-logo{width:53cqw;height:15cqw}
.market-shop-emporium .market-shop-bar>span{font-size:5cqw}
.market-shop-emporium .market-shop-bar>.icon{width:6cqw;height:6cqw}
.market-shop-emporium>.market-shop-search{margin:0 5cqw 4cqw;padding:3cqw 4cqw;font-size:3.3cqw;border-color:#c1d4c9}
.market-shop-emporium .market-shop-search .icon{width:4cqw;height:4cqw}
.market-shop-emporium .market-shop-nav{font-size:3cqw;background:#008b49;padding:3.5cqw 5cqw}
.market-shop-emporium .market-shop-heading{color:#007e41;font-size:4.7cqw;padding:6cqw 3cqw}
.market-shop-departments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2cqw;padding:0 4cqw}
.market-shop-departments img{width:100%;height:auto;border-radius:2cqw}
.market-shop-emporium .market-shop-footer{font-size:3cqw;padding:2cqw}
.market-phone-status{display:flex;align-items:center;justify-content:space-between;padding:5cqw 9cqw 3cqw;font-size:4cqw;font-weight:700}
.market-shop-mercasa{position:relative;color:#0a6635}
.market-shop-mercasa .market-shop-bar{padding:3cqw 7cqw}
.market-shop-mercasa .market-shop-bar .market-shop-logo{width:36cqw;height:22cqw}
.market-shop-mercasa .market-shop-bar>span{font-size:7cqw}
.market-shop-mercasa .market-shop-bar>.icon{width:7cqw;height:7cqw}
.market-shop-mercasa>.market-shop-search{margin:3cqw 6cqw 2cqw;padding:4cqw;font-size:4.5cqw;background:#f2f5f2;border:0}
.market-shop-mercasa .market-shop-search .icon{width:5cqw;height:5cqw}
.market-shop-mercasa .market-shop-heading{font-size:5cqw;text-align:left;padding:6cqw 6cqw 4cqw}
.market-shop-mercasa .market-shop-departments{padding:0 3cqw;gap:0}
.market-shop-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3cqw;padding:0 6cqw}
.market-shop-products>div{border:1px solid #e5e9e4;border-radius:3cqw;padding:3cqw}
.market-shop-products img{width:100%;height:34cqw;object-fit:contain}
.market-shop-products span{display:block;color:#273a2d;font-size:3.8cqw;line-height:1.4;margin-top:2cqw}
.market-shop-products b{display:block;margin:3cqw 0 0 auto;background:#009737;color:#fff;border-radius:50%;width:9cqw;height:9cqw;text-align:center;line-height:9cqw;font-size:6cqw}
.market-shop-mobile-nav{position:absolute;bottom:5cqw;left:0;right:0;display:flex;justify-content:space-around;padding:4cqw;background:#fff;border-top:1px solid #e0e8df;box-shadow:0 -3cqw 8cqw #fff}
.market-shop-mobile-nav>span{font-size:8cqw;line-height:1;text-align:center}
.market-shop-mobile-nav small{display:block;font-size:3.5cqw;margin-top:2cqw}
/* Keep the desktop catalog visible below its header and campaign. */
.market-shop-kromi .market-shop-bar{padding:2cqw 4cqw}
.market-shop-kromi .market-shop-bar .market-shop-logo{height:8cqw}
.market-shop-kromi .market-shop-nav{padding:1.5cqw 5cqw}
.market-shop-kromi .market-shop-heading{font-size:2.6cqw;padding:2cqw 4cqw}
.market-shop-kromi .market-shop-footer{padding:1cqw}