:root{--bg:#f6f8fb;--surface:#fff;--surface2:#eef3f9;--text:#0b1320;--muted:#667085;--line:#e3e8ef;--primary:#123f73;--primary2:#0c2f59;--ok:#147d5a;--danger:#b94b4b;--shadow:0 18px 48px rgba(22,39,64,.08);--radius:22px;--nav:76px}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}.app-shell{max-width:1280px;margin:auto;min-height:100vh}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;position:sticky;top:0;z-index:30;background:rgba(246,248,251,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(227,232,239,.85)}.brand{font-size:15px;font-weight:800;letter-spacing:.12em;display:flex;gap:9px;align-items:center}.brand-dot{width:9px;height:9px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 5px #dfeaf6}.top-actions{display:flex;gap:8px}.icon-btn{position:relative;width:42px;height:42px;border-radius:14px;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;font-size:22px}.cart-badge,.nav-badge{position:absolute;display:none;place-items:center;background:var(--primary);color:#fff;border-radius:20px;font-style:normal;font-size:10px;font-weight:700}.cart-badge{right:-4px;top:-4px;min-width:18px;height:18px;padding:0 5px}.section-pad{padding:28px 18px}.section-tight{padding-top:8px}.hero{position:relative;overflow:hidden;padding-top:42px;padding-bottom:28px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--primary);font-weight:700;margin-bottom:12px}.hero h1,.page-title,.product-info h1,.success-page h1{font-size:38px;line-height:1.02;letter-spacing:-.045em;margin:0 0 16px}.hero p,.muted{font-size:16px;line-height:1.6;color:var(--muted);max-width:560px;margin:0 0 24px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{min-height:52px;border:0;border-radius:16px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 12px 26px rgba(18,63,115,.18)}.btn-primary:hover{background:var(--primary2)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-soft{background:var(--surface);color:var(--text);border:1px solid var(--line)}.hero-visual{height:260px;margin-top:30px;border-radius:30px;background:linear-gradient(145deg,#eaf1f8,#fff);position:relative;overflow:hidden;border:1px solid #edf1f5}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-a{width:180px;height:180px;background:#dbe8f5;right:-20px;top:-30px}.orb-b{width:130px;height:130px;background:#eff4f9;left:10px;bottom:-45px}.vial{position:absolute;width:68px;height:146px;border-radius:16px 16px 22px 22px;background:linear-gradient(#fafbfd,#d8e2ec);border:1px solid #cfd9e4;box-shadow:0 20px 30px rgba(40,60,80,.14)}.vial:before{content:"";position:absolute;width:48px;height:18px;left:9px;top:-13px;border-radius:7px;background:#b7c4d2;border:1px solid #9eacba}.vial span{position:absolute;left:7px;right:7px;top:48px;height:42px;border-radius:8px;background:#fff;border:1px solid #e4e9ee}.vial-1{left:20%;top:72px;transform:rotate(-8deg)}.vial-2{left:47%;top:48px;transform:rotate(6deg);width:74px;height:160px}.vial-3{right:16%;top:86px;transform:rotate(12deg)}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:16px}.section-head h2{font-size:24px;letter-spacing:-.03em;margin:0}.section-head a{font-size:14px;color:var(--primary);font-weight:700}.chip-scroll{display:flex;gap:9px;overflow:auto;padding-bottom:3px;scrollbar-width:none}.chip-scroll::-webkit-scrollbar{display:none}.chip{white-space:nowrap;border:1px solid var(--line);background:var(--surface);border-radius:100px;padding:10px 14px;font-size:14px;font-weight:600}.chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden;min-width:0}.product-art{height:160px;background:linear-gradient(145deg,#eef3f8,#fdfefe);display:grid;place-items:center;position:relative}.product-art em{position:absolute;left:9px;top:9px;background:#fff;border:1px solid var(--line);font-style:normal;font-size:10px;font-weight:700;padding:5px 7px;border-radius:100px}.mini-vial{width:42px;height:88px;border-radius:10px 10px 13px 13px;background:linear-gradient(#fbfcfd,#dce6ef);border:1px solid #cfd9e4;position:relative;box-shadow:0 14px 22px rgba(32,54,80,.13)}.mini-vial:before{content:"";position:absolute;width:30px;height:11px;left:5px;top:-8px;background:#aebdca;border-radius:5px}.mini-vial span{position:absolute;left:4px;right:4px;top:30px;height:28px;background:#fff;border:1px solid #e3e8ee;border-radius:5px}.card-body{padding:12px}.stock{font-size:10px;font-weight:700;margin-bottom:7px}.stock.ok{color:var(--ok)}.stock.off{color:var(--danger)}.product-name{font-size:15px;font-weight:700;display:block;margin-bottom:4px}.product-subtitle{font-size:12px;color:var(--muted);min-height:30px}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:8px}.card-bottom strong{font-size:14px}.add-mini{width:34px;height:34px;border-radius:11px;background:var(--surface2);display:grid;place-items:center;color:var(--primary);font-weight:800}.trust{display:grid;grid-template-columns:1fr;gap:10px;padding-bottom:110px}.trust div{padding:18px;border-radius:18px;background:var(--surface);border:1px solid var(--line)}.trust strong{display:block;font-size:20px;margin-bottom:5px}.trust span{font-size:13px;color:var(--muted)}.bottom-nav{position:fixed;left:0;right:0;bottom:0;height:calc(var(--nav) + env(safe-area-inset-bottom));padding:8px 10px env(safe-area-inset-bottom);background:rgba(255,255,255,.95);backdrop-filter:blur(18px);border-top:1px solid var(--line);z-index:50;display:grid;grid-template-columns:repeat(5,1fr)}.bottom-nav a,.bottom-nav button{border:0;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#77808c;position:relative}.bottom-nav span{font-size:20px;line-height:1;position:relative}.bottom-nav small{font-size:10px;font-weight:600}.bottom-nav .active{color:var(--primary)}.nav-badge{right:-12px;top:-9px;min-width:17px;height:17px;padding:0 4px}.page-top{padding-top:24px;padding-bottom:110px}.page-title{font-size:32px}.search-entry{height:52px;background:var(--surface);border:1px solid var(--line);border-radius:16px;display:flex;align-items:center;gap:10px;padding:0 15px;color:#8a94a1;margin:20px 0 14px}.catalog-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.tool-btn{height:44px;border:1px solid var(--line);background:var(--surface);border-radius:14px;display:flex;justify-content:space-between;align-items:center;padding:0 13px;font-weight:600;font-size:13px}.catalog-meta{display:flex;justify-content:space-between;align-items:center;margin:16px 0 12px;font-size:12px;color:var(--muted)}.ghost-link{border:0;background:none;color:var(--primary);font-weight:700}.search-page{padding-top:14px;min-height:100vh}.search-header{display:flex;align-items:center;gap:10px}.back,.floating-back{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:var(--surface);border:1px solid var(--line);font-size:20px}.search-box{flex:1;height:50px;border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:0 14px;display:flex;align-items:center;gap:9px}.search-box input{border:0;outline:0;background:transparent;width:100%;font-size:16px}.search-hint{text-align:center;color:var(--muted);padding:60px 20px}.search-results{display:grid;gap:9px;margin-top:18px}.search-item{display:flex;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:10px}.search-thumb{width:58px;height:58px;border-radius:13px;background:var(--surface2);display:grid;place-items:center}.search-thumb .mini-vial{transform:scale(.62)}.search-item .meta{flex:1;min-width:0}.search-item strong{display:block;font-size:14px}.search-item small{color:var(--muted)}.search-item .price{font-size:13px;font-weight:700}.product-page{padding-bottom:110px}.product-gallery{height:360px;background:linear-gradient(145deg,#edf3f8,#fff);position:relative;display:grid;place-items:center}.product-gallery .product-art.large{background:none;height:auto;width:auto}.product-gallery .mini-vial{transform:scale(2.2)}.floating-back{position:absolute;left:18px;top:18px;z-index:3}.pager-dots{position:absolute;bottom:18px;display:flex;gap:5px}.pager-dots i{width:6px;height:6px;border-radius:50%;background:#c8d1db}.pager-dots .active{width:18px;border-radius:8px;background:var(--primary)}.product-info{background:var(--surface);border-radius:28px 28px 0 0;margin-top:-20px;position:relative}.status-row{display:flex;align-items:center;gap:9px}.tag{font-size:10px;font-weight:700;background:var(--surface2);padding:5px 8px;border-radius:20px}.product-info h1{font-size:34px;margin-top:10px;margin-bottom:7px}.subtitle{color:var(--muted);margin:0}.product-price{font-size:26px;font-weight:800;letter-spacing:-.03em;margin:18px 0}.variant-block label{display:block;font-size:13px;color:var(--muted);margin-bottom:10px}.variant-chips{display:flex;gap:8px;flex-wrap:wrap}.variant-chip{height:44px;min-width:74px;padding:0 14px;border:1px solid var(--line);background:var(--surface);border-radius:13px;font-weight:700}.variant-chip.active{border-color:var(--primary);box-shadow:0 0 0 2px rgba(18,63,115,.08);color:var(--primary)}.variant-chip.disabled{text-decoration:line-through;opacity:.4}.qty-line{display:flex;align-items:center;justify-content:space-between;margin:22px 0}.qty-line>span{font-size:14px;color:var(--muted)}.stepper{height:42px;border:1px solid var(--line);border-radius:13px;display:flex;align-items:center;background:var(--surface)}.stepper button{width:40px;height:40px;border:0;background:transparent;font-size:21px}.stepper strong{min-width:28px;text-align:center;font-size:14px}.desktop-add{width:100%;margin-bottom:10px}.accordion-list{margin-top:24px;border-top:1px solid var(--line)}.accordion-list details{border-bottom:1px solid var(--line)}.accordion-list summary{list-style:none;padding:18px 0;font-weight:700;cursor:pointer}.accordion-list summary::-webkit-details-marker{display:none}.accordion-list summary:after{content:'+';float:right;color:var(--muted)}.accordion-list details[open] summary:after{content:'−'}.accordion-list p{color:var(--muted);line-height:1.65;margin:0 0 18px;font-size:14px}.specs{margin-bottom:16px}.specs div{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px dashed var(--line);font-size:13px}.specs span{color:var(--muted)}.sticky-buy{position:fixed;left:10px;right:10px;bottom:10px;background:rgba(255,255,255,.97);backdrop-filter:blur(18px);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;padding:9px;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;z-index:55}.sticky-buy>div{padding-left:8px}.sticky-buy small{display:block;font-size:10px;color:var(--muted);margin-bottom:3px}.sticky-buy strong{font-size:15px}.sticky-buy .btn{min-height:48px}.cart-list{display:grid;gap:10px}.cart-item{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:12px;display:grid;grid-template-columns:68px 1fr;gap:12px}.cart-thumb{border-radius:14px;background:var(--surface2);display:grid;place-items:center;min-height:92px}.cart-thumb .mini-vial{transform:scale(.7)}.cart-item h3{font-size:14px;margin:2px 0 3px}.cart-item p{font-size:12px;color:var(--muted);margin:0}.cart-row{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.cart-row strong{font-size:14px}.mini-stepper{display:flex;align-items:center;border:1px solid var(--line);border-radius:11px;overflow:hidden}.mini-stepper button{width:34px;height:32px;border:0;background:var(--surface)}.mini-stepper span{min-width:26px;text-align:center;font-size:12px;font-weight:700}.remove-btn{border:0;background:none;color:var(--danger);font-size:11px;padding:6px 0;margin-top:7px}.cart-total-card{position:sticky;bottom:calc(var(--nav) + 10px);margin-top:16px;background:var(--text);color:#fff;border-radius:20px;padding:16px}.cart-total-line{display:flex;justify-content:space-between;align-items:end;margin-bottom:13px}.cart-total-line span{font-size:12px;color:#bec7d1}.cart-total-line strong{font-size:22px}.cart-total-card .btn{width:100%;background:#fff;color:var(--text)}.empty-state{text-align:center;padding:55px 10px}.empty-state .empty-icon{width:72px;height:72px;border-radius:24px;background:var(--surface2);display:grid;place-items:center;margin:0 auto 18px;font-size:26px}.empty-state h2{font-size:22px;margin:0 0 8px}.empty-state p{color:var(--muted);font-size:14px;line-height:1.5;margin:0 auto 20px;max-width:300px}.order-summary-toggle{width:100%;height:54px;border:1px solid var(--line);background:var(--surface);border-radius:16px;display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;text-align:left;padding:0 15px;margin:18px 0}.order-summary-toggle strong{font-size:12px;color:var(--muted)}.checkout-summary{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:12px;margin-top:-10px;margin-bottom:14px}.checkout-summary-row{display:flex;justify-content:space-between;font-size:12px;padding:8px 0}.checkout-form{display:grid;gap:12px}.checkout-form label:not(.consent){font-size:12px;font-weight:600;color:#4d5967}.checkout-form label span{color:var(--danger)}.checkout-form input,.checkout-form textarea{width:100%;margin-top:7px;border:1px solid var(--line);background:var(--surface);border-radius:15px;padding:14px;outline:none;font-size:16px;color:var(--text)}.checkout-form input:focus,.checkout-form textarea:focus{border-color:#9ab3cf;box-shadow:0 0 0 3px rgba(18,63,115,.06)}.optional-toggle{height:44px;border:1px dashed #cfd7e1;background:transparent;border-radius:14px;color:var(--primary);font-weight:700}.optional-fields{display:grid;gap:12px}.consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.45;color:var(--muted);margin-top:4px}.consent input{width:18px;height:18px;margin:0;flex:0 0 auto}.submit-order{width:100%;margin-top:4px}.form-note{text-align:center;font-size:11px;line-height:1.5;color:var(--muted);margin:0;padding:0 10px}.success-page{min-height:calc(100vh - 64px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding-bottom:90px}.success-icon{width:76px;height:76px;border-radius:28px;background:#e4f4ee;color:var(--ok);display:grid;place-items:center;font-size:34px;font-weight:800;margin-bottom:20px}.success-page h1{font-size:34px}.success-page p{margin:0 0 10px}.success-page .btn{margin-top:16px}.sheet-backdrop{position:fixed;inset:0;background:rgba(11,19,32,.35);z-index:70;backdrop-filter:blur(2px)}.bottom-sheet{position:fixed;left:0;right:0;bottom:0;background:var(--surface);border-radius:26px 26px 0 0;z-index:80;padding:10px 18px calc(22px + env(safe-area-inset-bottom));transform:translateY(110%);transition:transform .22s ease;box-shadow:0 -20px 60px rgba(0,0,0,.12);max-height:78vh;overflow:auto}.bottom-sheet.open{transform:translateY(0)}.sheet-handle{width:40px;height:4px;border-radius:4px;background:#d5dbe2;margin:0 auto 17px}.sheet-title{font-size:20px;font-weight:800;margin-bottom:12px}.sheet-list{display:grid;gap:8px}.sheet-action{width:100%;min-height:52px;border:1px solid var(--line);background:var(--surface);border-radius:15px;padding:0 14px;text-align:left;font-weight:700}.sheet-action.active{border-color:var(--primary);color:var(--primary)}.sheet-footer{position:sticky;bottom:0;background:var(--surface);padding-top:12px}.sheet-footer .btn{width:100%}.toast{position:fixed;left:50%;bottom:92px;transform:translate(-50%,20px);background:var(--text);color:#fff;padding:12px 16px;border-radius:14px;z-index:100;font-size:13px;opacity:0;pointer-events:none;transition:.2s;max-width:calc(100vw - 30px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:760px){.section-pad{padding-left:34px;padding-right:34px}.topbar{padding-left:34px;padding-right:34px}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding-top:54px}.hero-visual{margin-top:0;height:360px}.hero h1{font-size:56px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-art{height:210px}.trust{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1024px){body{padding-bottom:0}.app-shell{padding-bottom:0}.topbar{height:76px}.bottom-nav{display:none}.page-top{padding-bottom:60px}.hero{padding-top:70px}.hero h1{font-size:68px;max-width:700px}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product-art{height:230px}.product-page{display:grid;grid-template-columns:minmax(420px,.9fr) 1.1fr;gap:0;max-width:1120px;margin:36px auto 80px;padding:0 24px}.product-gallery{height:650px;border-radius:28px;overflow:hidden}.product-info{margin:0;border-radius:0;background:transparent;padding:38px 44px}.sticky-buy{display:none}.desktop-add{display:flex;max-width:340px}.cart-page,.checkout-page{max-width:760px;margin:auto}.cart-total-card{bottom:20px}.bottom-sheet{left:50%;right:auto;width:460px;transform:translate(-50%,110%);border-radius:26px 26px 0 0}.bottom-sheet.open{transform:translate(-50%,0)}.toast{bottom:28px}}