/* MedishopCR: stylesheet exclusive to the storefront. ERP controls retain their theme. */
body.storefront{--ink:#0b2c50;--muted:#526b85;--teal:#0063dc;--pink-dark:#0059c6;--line:#dce8f5;--soft:#f5f9ff;background:#fff;color:var(--ink)}
.storefront .wrap{max-width:1384px;padding-left:56px;padding-right:56px}
.storefront .topbar{display:flex;align-items:center;justify-content:center;gap:8px;background:#eaf6ff;color:#123960;padding:5px 12px;font-size:12px;letter-spacing:0;min-height:27px}
.storefront .topbar .icon{width:17px;height:17px;color:#0064df}
.storefront .header{background:#fff;border-bottom:1px solid #e1ebf5}
.storefront .header-main{min-height:88px;gap:45px;background:#fff}
.storefront .header-main .brand{width:252px;flex-shrink:0}
.storefront .header-main .brand img{height:74px;max-height:74px}
.storefront .search input{background:#f8fbff;border-color:#d5e4f2;border-radius:9px;min-height:44px;color:#123960}
.storefront .search input::placeholder{color:#556b82}
.storefront .header-actions{gap:20px;color:#10365f}
.storefront .icon-btn:hover{background:#eaf4ff}
.storefront .count{background:#e1f1ff;color:#0058bc}
.storefront .store-nav-band{background:#fff;border-top:1px solid #edf3fa;border-bottom:0}
.storefront .store-nav{display:flex;justify-content:center;gap:42px;min-height:44px;padding-top:0;padding-bottom:0}
.storefront .store-nav a{position:relative;min-height:44px;padding:8px 10px;font-size:13px;color:#0c2e56;border-radius:0;background:transparent;box-shadow:none}
.storefront .store-nav a.active,.storefront .store-nav a[aria-current="page"],.storefront .store-nav a:hover{background:transparent;color:#005edb;box-shadow:inset 0 -4px 0 #0066ea}
.storefront .btn{background:#0063dc;color:#fff;border-radius:8px;box-shadow:none}
.storefront .btn:hover{background:#004eaf}
.storefront .btn.secondary{background:#f3f8ff;border-color:#cfdfef;color:#0059c7}
.storefront .btn.secondary:hover{background:#e5f1ff}
.storefront .btn:disabled{opacity:.5;cursor:not-allowed}
.storefront .chip.active,.storefront .catalog-page.current{background:#e5f1ff;color:#0056bf;border-color:#0063dc;box-shadow:inset 0 0 0 1px #0063dc}
.storefront .search-option[aria-selected="true"]{background:#e5f1ff;box-shadow:inset 4px 0 0 #0063dc}
.storefront a:focus-visible,.storefront button:focus-visible,.storefront input:focus-visible,.storefront select:focus-visible{outline:3px solid #e8a900;outline-offset:3px}
/* Original artwork is clipped without editing. Opaque live offer covers all original price text. */
.storefront .store-hero{background:#06385d;position:relative;overflow:hidden}
.storefront .store-hero-copy{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;margin:-1px}
.storefront .store-hero-copy:focus-within{clip-path:none;width:auto;height:auto;inset:20px auto auto 5%;padding:18px;margin:0;background:#06385d;z-index:3;color:#fff;border-radius:10px}
.storefront .store-hero-art{position:relative;aspect-ratio:1448/300;overflow:hidden}
.storefront .store-hero-image{display:block;position:absolute;max-width:none;width:100%;height:auto;left:0;top:-42.333333333%}
.storefront .store-hero-offer{position:absolute;left:63.8%;top:12.9%;width:17%;height:49%;background:#fff;border:1px solid #dceaff;border-radius:clamp(8px,1.1vw,20px);padding:clamp(8px,1vw,18px);color:#0c305f;display:flex;flex-direction:column;justify-content:center;gap:.3vw;box-shadow:0 2px 10px #00377414;text-decoration:none;overflow:hidden}
.storefront .store-hero-offer:before{content:'';width:3vw;max-width:50px;height:2px;background:#0068e5;margin-bottom:0;flex-shrink:0}
.storefront .store-hero-offer>span{font-size:clamp(7px,.75vw,14px);color:#4f6886;line-height:1.2}
.storefront .store-hero-offer>strong{font-size:clamp(9px,1.02vw,19px);line-height:1.22;flex-shrink:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.storefront .store-hero-offer>b{color:#0063dc;font-size:clamp(18px,2.05vw,38px);line-height:1.15;letter-spacing:-.04em;white-space:nowrap}
.storefront .store-hero-art-cta{position:absolute;left:5.87%;top:76.3%;width:17.7%;height:14.5%;border-radius:9px}
.storefront .store-hero-art-cta:hover{box-shadow:0 0 0 3px #ffdc6e80}
.storefront .store-hero-mobile-offer{display:none}
.storefront .section{padding-top:30px;padding-bottom:8px}
.storefront .eyebrow{color:#4f6b8c;font-size:9px;letter-spacing:.17em;font-weight:700}
.storefront .section-heading{align-items:center;gap:20px;margin-bottom:18px}
.storefront .section-heading h2{color:#092d58;font-size:27px;font-weight:700;letter-spacing:-.65px}
.storefront .section-heading>.section-cta{background:transparent;border:0;padding:8px 0;color:#0060d9;box-shadow:none;text-decoration:none;font-size:12px;min-height:44px;white-space:normal;text-align:right}
.storefront .section-heading>.section-cta:hover{color:#003f92;text-decoration:underline}
.storefront .category-photo-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.storefront .category-photo-card{border:1px solid #d9e7f7;border-radius:11px;background:#fff;overflow:hidden;box-shadow:none;transition:box-shadow .15s,border-color .15s}
.storefront .category-photo-card:hover{border-color:#85b7ef;box-shadow:0 6px 18px #005cb512;text-decoration:none}
.storefront .category-photo{aspect-ratio:1.4;background:#eef8ff;padding:10px}
.storefront .category-photo-card:nth-child(3n+2) .category-photo{background:#eff8f6}
.storefront .category-photo-card:nth-child(3n+3) .category-photo{background:#f2f4ff}
.storefront .category-photo img{object-fit:contain;mix-blend-mode:normal}
.storefront .category-photo.category-artwork{padding:0;aspect-ratio:1.5}
.storefront .category-artwork img{width:100%;height:100%;object-fit:contain}
.storefront .category-caption{padding:12px 11px;min-height:57px;font-size:12px;line-height:1.35;color:#103460;gap:8px;background:#fff}
.storefront .category-caption .icon{width:17px;height:17px;color:#0064dc;flex-shrink:0}
.storefront .category-choices{max-width:none}
.storefront .benefits{margin-top:22px;border:0;border-radius:13px;background:#eef8ff;padding:17px 20px;gap:20px}
.storefront .benefit{gap:13px;justify-content:center}
.storefront .benefit+.benefit{border-left:1px solid #c6dff4}
.storefront .benefit .icon{color:#0064e7;width:27px;height:27px}
.storefront .benefit strong{color:#123b65;font-size:13px}
.storefront .benefit span{font-size:10px;color:#526d86;margin-top:3px}
.storefront .grid{gap:18px}
.storefront .product-card{border-color:#dbe7f5;border-radius:11px;padding:13px;box-shadow:0 6px 20px #004e9905}
.storefront .product-img{background:#fff!important;aspect-ratio:1.2;border-radius:7px}
.storefront .product-img img{padding:0;mix-blend-mode:normal;object-fit:contain}
.storefront .product-card h3{color:#153b65;font-weight:700;font-size:12px;line-height:1.5;min-height:54px}
.storefront .product-meta,.storefront .product-skus{color:#526b85}
.storefront .product-card .price,.storefront .product-detail .price{color:#0063dc}
.storefront .product-card .price{font-size:22px;letter-spacing:-.5px}
.storefront .catalog-add-form{border-color:#dce8f5}
.storefront .catalog-add-form .catalog-add-button{min-height:44px;font-size:12px;border-radius:7px;background:#0063dc;color:#fff}
.storefront .catalog-add-form .catalog-add-button:hover{background:#004eaf}
.storefront .catalog-add-form select,.storefront .catalog-add-form input{min-height:44px;border-color:#cbdcef;background:#f8fbff;font-size:12px}
.storefront .catalog-add-form label{font-size:11px}
.storefront .catalog-stock{color:#345d84}
.storefront .catalog-add-status[data-state="success"]{color:#0b6844}
.storefront .catalog-add-status[data-state="error"]{color:#a72a25}
.storefront .product-tag{background:#e5f1ff;color:#0057bf}
.storefront .company-trust{border-color:#dce8f5}
.storefront .company-trust .icon,.storefront .why-medishop .icon{color:#0064dc}
.storefront .why-medishop{background:#f3f8ff;border-color:#dce8f5}
.storefront .medical-contact-band{background:linear-gradient(110deg,#052d59,#0868cc);border-radius:14px;padding:30px;margin:35px 0;color:#fff}
.storefront .medical-contact-band .eyebrow,.storefront .medical-contact-band p{color:#d3eaff}
.storefront .medical-contact-band h2{font-size:25px;font-weight:700;letter-spacing:-.5px;color:#fff}
.storefront .medical-contact-band .btn{background:#fff;color:#0059bf;border-color:#fff}
.storefront .footer{background:#f5faff!important;border-top:1px solid #dce9f6;color:#284c6e}
.storefront .whatsapp{background:#0063c8;box-shadow:0 5px 24px #003a7430}
.storefront .club-banner{background:linear-gradient(120deg,#edf6ff,#e7f5ff)}
@media(min-width:1700px){.storefront .store-hero{max-width:1920px;margin:auto}}
@media(max-width:1100px){
 .storefront .wrap{padding-left:24px;padding-right:24px}
 .storefront .header-main{gap:24px}.storefront .header-main .brand{width:220px}
 .storefront .category-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .storefront .category-photo{aspect-ratio:1.8}.storefront .category-caption{min-height:52px}
 .storefront .store-hero-copy{padding:0}.storefront .store-hero-offer{padding:6px;gap:2px}
 .storefront .store-hero-offer>strong{font-size:.98vw}
 .storefront .store-hero-offer>span{font-size:.72vw}
 .storefront .store-hero-offer>b{font-size:2vw}
}
@media(max-width:700px){
 .storefront .wrap{padding-left:18px;padding-right:18px}
 .storefront .header-main{padding-top:8px;padding-bottom:12px;gap:7px;flex-wrap:wrap;min-height:123px}
 .storefront .header-main .brand{width:210px}.storefront .header-main .brand img{height:53px}
 .storefront .header-actions{margin-left:auto;gap:8px}.storefront .header-actions .text{display:none}
 .storefront .header-main .search{order:3;max-width:none;flex-basis:100%}
 .storefront .search input{font-size:12px}
 .storefront .store-nav{gap:0;display:flex;justify-content:space-between;min-height:44px;padding-top:0;padding-bottom:0}
 .storefront .store-nav a{font-size:10px;padding:8px 3px;min-height:44px;white-space:nowrap}
 .storefront .store-hero{background:linear-gradient(125deg,#062b47,#0758a1)}
 .storefront .store-hero-copy,.storefront .store-hero-copy:focus-within{position:static;clip-path:none;width:auto;height:auto;padding:28px 18px 24px;margin:0;overflow:visible;color:#fff;background:transparent}
 .storefront .store-hero-copy .eyebrow{font-size:8px;letter-spacing:.16em;color:#d2eaff}
 .storefront .store-hero-copy h1{font-size:43px;letter-spacing:-1.4px;line-height:1.05;color:#fff;max-width:440px;margin:16px 0}
 .storefront .store-hero-copy p{color:#d3e7fa;font-size:14px;line-height:1.5;max-width:350px;margin:0 0 20px}
 .storefront .store-hero-cta{background:#ffd45b;color:#082b51;font-size:13px;min-height:44px;padding:11px 17px}
 .storefront .store-hero-cta:hover{background:#ffdf7b}
 .storefront .store-hero-art{aspect-ratio:875/300}
 .storefront .store-hero-image{width:165.485714286%;left:-65.485714286%}
 .storefront .store-hero-art-cta{display:none}
 .storefront .store-hero-offer{left:40.1%;top:12.9%;width:28.2%;height:49%;border-radius:5px;padding:2.1vw;gap:.7vw}
 .storefront .store-hero-offer:before{width:5vw;height:1px;margin-bottom:0}
 .storefront .store-hero-offer>span{font-size:1.5vw}
 .storefront .store-hero-offer>strong{font-size:1.8vw;line-height:1.15}
 .storefront .store-hero-offer>b{font-size:3.2vw;line-height:1}
 .storefront .store-hero-mobile-offer{display:flex;align-items:center;gap:12px;padding-top:16px;padding-bottom:16px;color:#fff;font-size:11px;line-height:1.5}
 .storefront .store-hero-mobile-offer>span{flex:1;min-width:0}.storefront .store-hero-mobile-offer>b{font-size:22px;white-space:nowrap;letter-spacing:-.6px}
 .storefront .store-hero-mobile-offer .icon{width:18px;height:18px;color:#ffdb75;flex-shrink:0}
 .storefront .section{padding-top:25px}.storefront .section-heading{flex-direction:row;align-items:center;gap:12px;margin-bottom:16px}
 .storefront .section-heading h2{font-size:23px;line-height:1.2}.storefront .section-heading .eyebrow{font-size:8px}
 .storefront .section-heading>.section-cta{font-size:10px;max-width:110px;gap:6px;padding:5px 0;flex-shrink:0;line-height:1.5}
 .storefront .section-heading>.section-cta .icon{width:16px;height:16px;flex-shrink:0}
 .storefront .category-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.storefront .category-photo{aspect-ratio:1.5;padding:8px}
 .storefront .category-caption{padding:11px 9px;font-size:11px;min-height:52px}
 .storefront .benefits{grid-template-columns:1fr;gap:16px;padding:18px;margin-top:20px}
 .storefront .benefit{justify-content:flex-start}.storefront .benefit+.benefit{border-left:0}
 .storefront .benefit strong{font-size:12px}.storefront .benefit span{font-size:10px}
 .storefront .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
 .storefront .product-card{padding:9px}.storefront .product-card h3{font-size:11px;min-height:66px}
 .storefront .product-card .price{font-size:20px}.storefront .product-meta,.storefront .product-skus{font-size:10px}
 .storefront .catalog-add-form .catalog-add-button{font-size:11px;gap:5px;padding:10px 5px;min-height:44px}
 .storefront .catalog-add-form label{font-size:10px}.storefront .catalog-quantity input{width:58px}
 .storefront .medical-contact-band{padding:24px;display:block;margin:28px 0}
 .storefront .medical-contact-band h2{font-size:23px;line-height:1.25}.storefront .medical-contact-band p{font-size:12px;line-height:1.7}
 .storefront .medical-contact-band .btn{margin-top:18px;font-size:12px}
 .storefront .whatsapp{width:44px;height:44px;right:14px;bottom:14px}
}
@media(prefers-reduced-motion:reduce){.storefront .category-photo-card{transition:none}}