:root{--primary:#087e8b;--primary-dark:#075c68;--primary-light:#e8f5f5;--primary-gradient:linear-gradient(125deg,#087e8b,#086d7c);--secondary-gradient:linear-gradient(125deg,#087e8b,#075c68);--accent:#087e8b;--success:#087e8b;--cart:#087e8b;--bg-body:#f5f8fa;--text-primary:#183443;--text-secondary:#617783;--border-color:#dfebed;--sidebar-width:248px;--shadow-md:0 6px 24px #18344306}
body{line-height:1.55}button,input,select,textarea{font:inherit}button,a,input,select,textarea,[tabindex]{outline-offset:4px}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #27a7b8}html{scroll-behavior:smooth;scroll-padding-top:96px}.top-bar{display:none!important}.main-header{position:sticky!important;left:auto!important;width:100%!important;box-shadow:none}.main-header-inner{padding:18px 32px}.company-logo{width:46px;height:46px;border-radius:14px}.company-info h1{font-size:20px;letter-spacing:1px}.company-info h1 span{color:var(--primary);font-weight:500}.company-info p{font-size:11px;color:var(--text-secondary)}.header-stats .stat-item:nth-child(n+2){display:none}.stat-item{padding:9px 14px;border-radius:12px;background:var(--primary-light)}.stat-number{font-size:14px}.stat-number:before{content:'Giỏ hàng ';font-weight:500}.sidebar{box-shadow:none!important}.sidebar-header{background:transparent;color:var(--text-primary);padding:26px 18px;border-bottom:1px solid var(--border-color)}.sidebar-header h3{font-size:14px}.sidebar-body{padding:16px 10px}.sidebar-category-item{border:0;border-radius:10px;margin-bottom:6px;padding:12px 10px;font-size:13px}.sidebar-category-item::before{display:none}.sidebar-category-icon{box-shadow:none!important;animation:none!important;transform:none!important;border-radius:8px}.sidebar-category-item:hover .sidebar-category-icon i{transform:none}.sidebar-footer{background:transparent;padding:22px 18px;font-size:11px}.sidebar-close{background:#ffffff20;color:inherit;display:flex!important}.sidebar-header .sidebar-close{color:var(--primary);border-color:var(--border-color)}.medical-hero{margin:20px 32px 0;padding:44px;display:grid;grid-template-columns:1.2fr 1fr;gap:32px;border-radius:24px;background:linear-gradient(110deg,#ecf8f7,#e3f2f4);overflow:hidden;position:relative}.hero-eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#087e8b;margin-bottom:16px}.hero-copy h2{font-size:clamp(28px,3.2vw,48px);line-height:1.2;letter-spacing:-1.7px;color:#123f4c;margin-bottom:20px}.hero-copy h2 span{color:#087e8b}.hero-copy>p{font-size:14px;line-height:1.8;color:#526f7a;max-width:490px}.hero-actions{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}.hero-actions a{text-decoration:none;border-radius:10px;padding:12px 18px;font-size:13px;font-weight:600}.hero-primary{background:#087e8b;color:white;display:flex;gap:22px}.hero-secondary{color:#075c68;border:1px solid #b4d7da;background:#ffffff70}.hero-note{margin-top:22px;font-size:11px;color:#597b80}.hero-note span{color:#087e8b;margin-right:7px}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:280px}.medical-symbol{position:absolute;font-size:320px;font-weight:200;line-height:1;color:#b5dede;right:-25px;top:-55px}.hero-product{position:relative;background:#ffffffdb;border:1px solid white;border-radius:22px;padding:24px;width:230px;transform:rotate(-7deg);box-shadow:0 22px 55px #087e8b18;display:flex;align-items:center;flex-direction:column}.hero-product-label{font-size:10px;letter-spacing:2px;color:#087e8b;font-weight:700}.hero-product strong{font-size:19px;color:#164452;margin-top:20px}.hero-product small{font-size:11px;color:#6c858b;margin-top:4px}.bandage-art{width:150px;height:52px;border-radius:26px;background:radial-gradient(#b49a76 1px,transparent 1px) 0 0/8px 8px,#efd9b8;transform:rotate(-28deg);margin:40px 0 20px;box-shadow:0 8px 14px #a4866420;display:flex;justify-content:center;align-items:center}.bandage-art span{height:38px;width:45px;border-radius:5px;background:#f9ecdc;border:1px solid #e1caa8}.hero-caption{position:absolute;bottom:5px;right:-8px;border:1px solid white;border-radius:12px;padding:14px 20px;background:#ffffffdf;font-size:11px;color:#6b8189;box-shadow:0 8px 26px #087e8b0b}.hero-caption strong{color:#164452;font-size:13px}.service-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 32px 30px;padding:0 12px}.service-strip>div{display:flex;align-items:center;gap:14px}.service-strip i{font-size:21px;color:var(--primary);width:42px;height:42px;display:grid;place-items:center;background:var(--primary-light);border-radius:12px}.service-strip strong,.service-strip small{display:block}.service-strip strong{font-size:12px}.service-strip small{font-size:11px;color:var(--text-secondary);margin-top:3px}.main-content-wrapper{margin-top:0!important}.main-content{padding:0 32px 28px}.catalog-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px;gap:12px}.catalog-heading span{font-size:10px;letter-spacing:1.8px;color:var(--primary);font-weight:700}.catalog-heading h2{font-size:24px;letter-spacing:-.6px;margin-top:5px}.catalog-heading p{font-size:11px;color:var(--text-secondary)}.card{border-radius:16px;box-shadow:none}.search-bar{padding:18px;background:var(--bg-card);gap:10px}#search{font-size:14px;border-width:1px;padding:13px 12px 13px 38px}.btn{min-height:44px;padding:10px 16px;font-size:12px;font-weight:600}.btn-outline{border-width:1px}.info-bar{padding:12px 18px}.trust-badges-row{padding:12px 18px;background:var(--bg-card);border-bottom:1px solid var(--border-color)}.trust-badge-mini{font-size:10px;color:var(--text-secondary)}.products-container{padding:20px}.section-header{background:transparent;border-bottom:1px solid var(--border-color);padding:0 0 15px;margin-bottom:18px}.section-title{font-size:18px;font-weight:650}.section-icon{width:34px;height:34px;border-radius:9px;box-shadow:none}.section-count{font-size:10px;border-radius:6px;background:var(--primary-light);color:var(--primary)}.product-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px!important}.product-card{max-width:none!important;min-width:0;border:1px solid var(--border-color);border-radius:14px;box-shadow:none;padding:0 0 14px;position:relative;overflow:hidden;transition:box-shadow .2s,border-color .2s}.product-card:hover{transform:none;border-color:#98cbd0;box-shadow:0 8px 24px #087e8b10}.card-img-wrapper{height:190px;background:#fafcfc;border-bottom:1px solid #edf3f4;aspect-ratio:auto;padding:20px}.card-img-wrapper img{object-fit:contain;width:100%;height:100%;opacity:1}.card-img-placeholder{color:#bdd1d5;font-size:38px}.card-name{font-size:14px;line-height:1.55;margin:14px 14px 8px;padding:0;min-height:44px}.product-short-desc{font-size:11px;line-height:1.6;margin:0 14px 10px;padding:0;border:0;background:transparent;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:36px}.product-short-desc img{display:none!important}.price-sale-hot{background:transparent!important;color:var(--primary)!important;box-shadow:none;border:0;font-size:17px;padding:0;margin:10px 14px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}.price-sale-hot i{display:none}.price-old{font-size:11px;color:var(--text-secondary)}.card-add-cart,.card-compare-btn{opacity:1;transform:none!important;width:32px;height:32px;border-radius:9px;background:white;color:var(--primary);box-shadow:0 2px 6px #00000008;border:1px solid var(--border-color);top:10px}.card-add-cart{right:10px}.card-compare-btn{right:49px;left:auto}.footer{padding:32px!important;background:#113e4a}.footer-inner{gap:30px}.footer-desc,.footer-info-item,.footer-contact-item{font-size:12px}.footer-company-name{font-size:13px}.footer-bottom{font-size:10px}.price-box{background:var(--primary-light)!important;border-color:var(--border-color)!important}.price-box span{color:var(--primary)!important}.detail-top{gap:28px}.detail-info .product-name{font-size:26px}.form-group label{font-size:13px}.form-group input,.form-group select,.form-group textarea{font-size:16px;padding:12px}.order-popup,.compare-modal{border-radius:18px}.order-popup-header,.cart-header,.compare-modal-header{background:var(--primary-gradient)}.order-popup-overlay,.compare-modal-overlay{z-index:600}.cart-modal{z-index:500}.cart-modal .sidebar-close{display:flex!important}.floating-contact{right:22px}.main-fab{background:var(--primary-gradient)!important}.btn-submit-order,.cart-btn-order{background:var(--primary-gradient)}.related-products-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))!important}.banner-section{padding-left:0!important}.review-section:before{content:'Nhận xét lưu trên trình duyệt này';display:block;font-size:11px;color:var(--text-secondary);margin-bottom:14px}body.dark-mode .medical-hero{background:linear-gradient(110deg,#183b45,#1c343f)}body.dark-mode .hero-copy h2{color:#edf8fa}body.dark-mode .hero-copy>p{color:#b8d0d6}body.dark-mode .hero-eyebrow,body.dark-mode .hero-note{color:#83d0d7}body.dark-mode .hero-secondary{background:#183d48;color:#d0eff0}body.dark-mode .card-img-wrapper{background:#e9f0f2}body.dark-mode .footer{background:#112734}body.dark-mode{--primary:#66ccd2;--primary-light:#183b45;--primary-gradient:linear-gradient(125deg,#087e8b,#086d7c);--bg-body:#10232d;--bg-card:#182f3b;--text-primary:#e1eff3;--text-secondary:#a8c1ca;--border-color:#304c59}body.dark-mode .price-sale-hot{color:#66ccd2!important}
@media(min-width:1024px){.sidebar-header .sidebar-close{display:none!important}body{padding-left:var(--sidebar-width)}}
@media(min-width:1500px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){.medical-hero{padding:28px;gap:12px}.hero-caption{right:0}.main-header-inner{padding:16px 24px}.service-strip{gap:10px}}
@media(max-width:767px){.main-header-inner{padding:12px 14px}.company-info h1{font-size:16px}.company-info p{font-size:9px}.company-logo{width:36px;height:36px}.header-actions{gap:5px}.stat-item{padding:6px}.stat-number:before{content:''}.dark-mode-toggle{width:30px;height:30px}.medical-hero{margin:14px 14px 0;padding:24px;grid-template-columns:1fr;border-radius:18px}.hero-copy h2{font-size:31px;letter-spacing:-1px}.hero-copy>p{font-size:12px}.hero-visual{min-height:210px}.hero-product{width:185px;padding:18px}.bandage-art{margin:24px 0 14px;width:130px}.hero-product strong{font-size:16px;margin-top:10px}.medical-symbol{font-size:260px;right:20px}.hero-caption{bottom:0;right:0}.hero-eyebrow{font-size:8px}.hero-actions a{padding:11px 12px;font-size:11px}.service-strip{margin:18px 14px 24px;padding:0;grid-template-columns:1fr;gap:12px}.service-strip>div{gap:12px}.service-strip strong{font-size:12px}.service-strip small{font-size:10px}.service-strip i{height:34px;width:34px;font-size:16px}.main-content{padding:0 14px 20px}.catalog-heading h2{font-size:21px}.catalog-heading p{display:none}.search-bar{padding:12px}.search-input-wrapper{flex-basis:100%}.btn{min-height:40px;padding:8px 12px}.products-container{padding:12px}.product-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important}.product-card{flex:none!important;max-width:none!important}.card-img-wrapper{height:145px;padding:16px}.card-name{font-size:12px;margin:10px;min-height:38px}.price-sale-hot{font-size:14px;margin:8px 10px}.product-short-desc{margin:0 10px;font-size:10px}.section-title{font-size:15px}.section-icon{width:28px;height:28px}.section-header{gap:8px}.trust-badges-row{gap:8px}.trust-badge-mini{font-size:9px}.footer{padding:28px 18px 100px!important}.bottom-nav{padding-bottom:env(safe-area-inset-bottom)}.floating-contact{bottom:85px;right:16px}.compare-bar{bottom:70px}.detail-info .product-name{font-size:21px}.hero-note{margin-top:16px}.sidebar-header{padding:20px 16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}