:root{ --bg:#f4f6fa;--panel:#ffffff;--line:#dfe6ef;--text:#162742;--muted:#6f7e94; --brand:#123a6f;--brand2:#0e2f5c;--brandText:#ffffff;--accent:#1a57ab;--accent2:#0f4385; --successBg:#e8f8f0;--success:#0d7a4d;--dangerBg:#fff1f3;--danger:#b42335; font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--text); } *{box-sizing:border-box} html,body{margin:0;background:var(--bg)} body{min-height:100vh} button,input,select{font:inherit} button{cursor:pointer} .header{position:sticky;top:0;z-index:20;background:linear-gradient(105deg,var(--brand2),var(--brand));color:var(--brandText);box-shadow:0 8px 22px rgba(12,30,60,.12)} .header-inner{max-width:1120px;margin:0 auto;padding:16px 16px 18px} .brand{font-size:28px;font-weight:900;letter-spacing:2px} .main{max-width:1120px;margin:0 auto;padding:14px 12px 120px} .card{background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:0 4px 16px rgba(10,24,40,.05)} .hero{padding:16px 16px 14px;margin-bottom:12px} .hero h1{margin:0 0 6px;font-size:22px}.hero p{margin:0;color:var(--muted);font-size:14px;line-height:1.45} .search{width:100%;padding:14px 16px;border-radius:14px;border:1px solid var(--line);outline:none;background:#fff;margin-bottom:12px} .search:focus{border-color:#b8cae3;box-shadow:0 0 0 3px rgba(26,87,171,.08)} .section-title{font-size:13px;font-weight:700;color:#516178;margin:0 0 8px 2px} .chips{display:flex;gap:8px;overflow-x:auto;padding:0 0 6px;margin:0 0 12px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none} .chip{flex:none;border:1px solid var(--line);background:#fff;color:#1f3353;border-radius:999px;padding:11px 15px;font-weight:600;white-space:nowrap} .chip.selected{background:var(--brand);border-color:var(--brand);color:#fff} .filters{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 12px} .filters select{width:100%;background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 14px;color:#1f3353} .status{color:var(--muted);font-size:14px;margin:0 0 12px 2px} .products{display:grid;grid-template-columns:1fr;gap:12px} .item{overflow:hidden} .photo{position:relative;background:#fff;border-bottom:1px solid #edf1f5;height:220px;display:flex;align-items:center;justify-content:center} .photo img{width:100%;height:100%;object-fit:contain;padding:12px} .fallback{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(145deg,#f7f9fc,#eef3f9);font-size:52px} .badge{position:absolute;left:10px;top:10px;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800} .badge.ok{background:#def6ec;color:#0e7b4e}.badge.low{background:#fff1d9;color:#a15d0d} .item-body{padding:14px} .category-label{font-size:11px;color:#8a96a8;line-height:1.35;margin-bottom:6px;word-break:break-word} .item strong{display:block;font-size:18px;line-height:1.35;margin-bottom:10px} .available{font-size:13px;color:#13744a;margin-bottom:12px}.available.low{color:#a15d0d} .buy{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px} .price{font-size:28px;font-weight:900;letter-spacing:-.5px;white-space:nowrap} .add-btn,.checkout-btn,.primary{border:0;background:var(--accent);color:#fff;border-radius:12px;padding:12px 16px;font-weight:800} .add-btn:hover,.checkout-btn:hover,.primary:hover{background:var(--accent2)} .stepper{display:grid;grid-template-columns:42px 38px 42px;align-items:center;gap:6px;background:#eef4fb;border-radius:14px;padding:4px} .stepper button{width:42px;height:42px;border:0;background:#fff;border-radius:10px;color:var(--accent);font-size:24px;line-height:1} .stepper b{text-align:center;font-size:16px;font-variant-numeric:tabular-nums} .panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;margin-bottom:12px} h2{margin:0 0 14px;font-size:22px}.muted{color:var(--muted);font-size:13px}.hint{color:#7b889b;font-size:13px;line-height:1.5} .line{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #ecf0f4;padding:12px 0}.line:last-child{border-bottom:0} .qty{display:flex;align-items:center;gap:8px}.qty button{border:0;background:#e8f0fb;color:var(--accent);border-radius:10px;width:38px;height:38px;font-size:22px} .row{display:flex;align-items:center;gap:10px;flex-wrap:wrap} .light{background:#edf3fb;color:#173d74;border:0;border-radius:12px;padding:12px 14px;font-weight:700} .hidden{display:none!important}.empty{padding:28px 8px;text-align:center;color:var(--muted)} .error{color:var(--danger);background:var(--dangerBg);padding:12px 14px;border-radius:12px}.ok{color:var(--success);background:var(--successBg);padding:12px 14px;border-radius:12px} .floating-cart{position:fixed;left:12px;right:12px;bottom:78px;z-index:18;height:58px;border:0;border-radius:16px;background:#103663;color:#fff;box-shadow:0 12px 28px rgba(11,31,56,.25);padding:0 16px;display:none;align-items:center;justify-content:space-between;font-weight:800;gap:10px} .floating-cart.show{display:flex}.floating-cart span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.floating-cart span:last-child{white-space:nowrap} .nav{position:fixed;left:0;right:0;bottom:0;z-index:19;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid var(--line);padding:8px 0 max(8px,env(safe-area-inset-bottom));box-shadow:0 -4px 16px rgba(14,31,55,.06)} .nav button{background:none;border:0;color:#64758c;display:grid;justify-items:center;gap:3px;padding:6px 4px;font-size:13px}.nav button.active{color:var(--accent);font-weight:800}.nav .sym{font-size:22px;line-height:1}.nav .label{line-height:1.15;text-align:center} .order-entry{border-bottom:1px solid #e8edf3;padding:10px 0}.order-entry:last-child{border-bottom:0}.order-summary{width:100%;border:0;background:transparent;padding:0;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;color:inherit}.order-summary strong{font-size:14px}.order-date{font-size:12px;color:var(--muted)} .order-details{padding-top:12px;display:grid;gap:8px}.order-item{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #eef2f6;padding-bottom:8px} @media(min-width:520px){.products{grid-template-columns:repeat(2,minmax(0,1fr))}.photo{height:210px}.price{font-size:24px}} @media(min-width:900px){.main{padding-inline:16px}.products{grid-template-columns:repeat(3,minmax(0,1fr))}.filters{grid-template-columns:220px 220px;justify-content:start}.floating-cart{left:50%;right:auto;transform:translateX(-50%);width:min(560px,calc(100% - 24px))}} #auth label{display:block;margin:12px 0 5px;font-size:13px;color:#516178} #auth input:not([type=checkbox]){display:block;width:100%;padding:12px;border:1px solid var(--line);border-radius:12px;background:white;color:var(--text)} /* v7.4 menu + compact product photos */ .header-inner{display:flex;align-items:center;justify-content:space-between;position:relative} .menu-toggle{width:44px;height:44px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.20);border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px} .menu-toggle span{width:20px;height:2px;background:#fff;border-radius:2px} .header-menu{position:absolute;top:calc(100% - 3px);right:12px;width:min(265px,calc(100vw - 24px));background:#fff;color:var(--text);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 34px #0d254030;overflow:hidden;z-index:30} .header-menu button{width:100%;display:block;text-align:left;padding:17px;background:#fff;color:var(--text);border:0;border-bottom:1px solid var(--line);font-weight:700}.header-menu button:last-child{border:0} .line .cart-photo{width:66px;height:66px;border:1px solid #eef1f6;border-radius:12px;object-fit:contain;background:#fff;flex:none} .line .cart-placeholder{width:66px;height:66px;border-radius:12px;background:#eef3f9;display:grid;place-items:center;font-size:24px;flex:none} .line .cart-title{min-width:0;flex:1;overflow-wrap:anywhere} .order-item .order-thumb{width:52px;height:52px;object-fit:contain;border-radius:10px;border:1px solid #eef1f5;flex:none} .order-item .order-placeholder{width:52px;height:52px;display:grid;place-items:center;background:#eef3f9;border-radius:10px;flex:none} .order-item .order-desc{min-width:0;flex:1;overflow-wrap:anywhere} #checkout-success{padding:22px;border-radius:16px;background:#e9f8ef;color:#116a45;font-weight:750;text-align:center} #catalog-retry{margin-top:12px}.qty{flex:none} @media(max-width:420px){.line{flex-wrap:wrap}.line .qty{margin-left:auto}.order-item b{font-size:13px;white-space:nowrap}} /* v7.5 — информационные разделы */ #info-content.info-article{font-size:15px;line-height:1.65;color:var(--text);overflow-wrap:anywhere} .info-article h2{font-size:18px;line-height:1.3;margin:24px 0 10px} .info-article h2:first-child{margin-top:0} .info-article h3{font-size:17px;margin:21px 0 8px} .info-article p{margin:11px 0} .info-article a{color:var(--accent);font-weight:750;text-decoration:underline;text-underline-offset:3px} .info-article .info-checks{list-style:none;padding:0;margin:10px 0 18px} .info-article .info-checks li{margin:6px 0} .info-article ol{padding-left:24px} .info-article ol li{padding-left:3px;margin:9px 0} .info-article hr{border:0;border-top:1px solid var(--line);margin:22px 0} /* СЕВЕР v8 — storefront redesign */ :root{--bg:#f2f5f9;--brand:#0b305b;--brand2:#102d50;--accent:#1456a7;--line:#e3e9f1} .header{box-shadow:0 3px 14px #0b305b1c}.header-inner{padding-block:12px}.brand{letter-spacing:2.2px} .main{max-width:1180px;padding:12px 12px 122px} .hero{background:linear-gradient(118deg,#082f5d,#164e89 72%,#2164a6);border:0;color:#fff;box-shadow:0 12px 28px #0b305b20;padding:22px 20px;min-height:0;border-radius:20px} .hero h1{font-size:clamp(23px,5vw,33px);line-height:1.13;margin:8px 0 10px;letter-spacing:-.6px} .hero p{color:#dce9fb;font-size:13px;max-width:500px}.hero-eyebrow{font-size:10px;font-weight:800;letter-spacing:1.1px;color:#b8d9ff} .hero-perks{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.hero-perks span{font-size:11px;background:#ffffff17;border:1px solid #ffffff2a;padding:7px 9px;border-radius:99px} .catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.catalog-toolbar .section-title{margin:0} .favorites-filter{border:1px solid #cfddf0;color:#11487f;background:#fff;border-radius:99px;padding:9px 12px;font-size:12px;font-weight:800} .favorites-filter.active{background:#e9f1fc;border-color:#9bbce7} .products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.item{min-width:0;display:flex;flex-direction:column;border-radius:16px;box-shadow:0 4px 16px #122b4810} .photo{height:clamp(140px,42vw,205px);flex:none}.photo img{padding:12px}.photo .badge{font-size:9px;padding:4px 7px;top:8px;left:8px} .item-body{display:flex;flex:1;flex-direction:column;padding:10px;min-width:0}.item strong{font-size:12px;line-height:1.34;min-height:49px;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .category-label{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.available{font-size:10px;margin:3px 0 9px}.buy{margin-top:auto;grid-template-columns:minmax(0,1fr) 102px;gap:3px;min-height:44px}.price{font-size:clamp(13px,3.45vw,20px);font-variant-numeric:tabular-nums;letter-spacing:-.6px;min-width:0} .stepper{grid-template-columns:30px 25px 30px;gap:2px;padding:2px;border-radius:11px}.stepper button{width:30px;height:34px;font-size:19px;border-radius:9px}.stepper b{font-size:12px;min-width:0} .add-btn{height:39px;min-width:42px;justify-self:end;font-size:19px;padding:0 12px}.favorite-btn{position:absolute;right:8px;top:8px;z-index:2;border:1px solid #dbe5f0;background:#fffffff2;color:#32649a;width:32px;height:32px;border-radius:50%;font-size:20px;display:grid;place-items:center} .favorite-btn.active{color:#e44f68}.item-open{border:0;background:transparent;color:#1456a7;text-decoration:underline;text-underline-offset:2px;cursor:pointer;padding:0;text-align:left;font-weight:700;line-height:1.3;font-size:11px;margin:0 0 6px} .floating-cart{bottom:calc(77px + env(safe-area-inset-bottom));height:54px} .product-overlay{position:fixed;inset:0;background:#071b32ab;z-index:100;display:grid;place-items:center;padding:20px}.product-dialog{position:relative;width:min(480px,100%);max-height:88vh;overflow:auto;background:#fff;border-radius:20px;padding:20px}.product-close{position:absolute;right:13px;top:10px;border:0;background:#f0f4fa;width:37px;height:37px;border-radius:50%;font-size:27px;z-index:2}.product-dialog img{width:100%;height:250px;object-fit:contain}.product-dialog h2{font-size:21px;margin:13px 0}.product-dialog .detail-price{font-size:27px;font-weight:900;margin:12px 0}.product-dialog .detail-actions{display:flex;gap:10px}.product-dialog .detail-actions button{flex:1} @media(min-width:600px){.products{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.item-body{padding:13px}.item strong{font-size:14px}.price{font-size:19px}.photo{height:205px}} @media(min-width:960px){.products{grid-template-columns:repeat(4,minmax(0,1fr))}.hero{padding:30px}.hero h1{font-size:36px}} @media(max-width:340px){.products{gap:7px}.item-body{padding:8px}.buy{grid-template-columns:minmax(0,1fr) 89px}.stepper{grid-template-columns:27px 22px 27px}.stepper button{width:27px}.price{font-size:12px}} .checkout-fields{display:grid;gap:7px}.checkout-fields h2{margin-bottom:4px}.checkout-fields label{font-size:13px;font-weight:700;color:#344968;margin-top:9px}.checkout-fields input,.checkout-fields select,.checkout-fields textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px;font:inherit;min-width:0;background:#fff;color:var(--text)}.checkout-fields textarea{resize:vertical}.checkout-fields .hidden{display:none!important}.checkout-fields #ozon-fields,.checkout-fields #transport-fields{display:grid;gap:7px}.checkout-fields .hint{margin:4px 0 0}.checkout-btn:disabled{opacity:.55;cursor:wait} /* v8.2 emergency storefront compatibility fix */ .home-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 18px} .cat-tile{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;border:1px solid #dfe6ef;border-radius:14px;padding:10px 5px;background:#fff;color:#1b2d4a;font-size:12px;font-weight:650;line-height:1.2;text-align:center;overflow-wrap:anywhere} .cat-visual{display:grid;place-items:center;width:100%;aspect-ratio:1.15;background:#f4f6fa;border-radius:10px;overflow:hidden;font-size:28px} .cat-visual img{width:100%;height:100%;object-fit:contain;padding:4px} .browse-title{margin:15px 0 8px;font-size:19px} @media(max-width:390px){.home-categories{gap:6px}.cat-tile{font-size:11px;padding:7px 4px}} @media(min-width:760px){.home-categories{grid-template-columns:repeat(6,minmax(0,1fr))}} .status-v85{display:inline-block;margin-top:6px;border-radius:999px;padding:4px 9px;background:#e9f3fc;color:#124677;font-size:12px;font-weight:750} /* v8.6 */ .promo-row{display:flex;gap:10px;overflow-x:auto;padding:5px 1px 16px;scrollbar-width:thin} .promo-mini{flex:0 0 152px;border:1px solid var(--line);border-radius:14px;background:white;padding:10px;text-align:left;min-width:0} .promo-mini img{height:105px;width:100%;object-fit:contain} .promo-mini .p-name{font-size:12px;line-height:1.3;height:35px;overflow:hidden;display:block} .promo-mini .p-price{font-size:15px;font-weight:800} .promo-tag{display:inline-block;background:#fef0e4;color:#a04712;border-radius:7px;padding:4px 7px;font-size:11px;font-weight:750;margin-bottom:5px} .nav button{min-width:0;padding-inline:1px}.nav .label{font-size:11px;white-space:nowrap} .notify-restock{display:block;margin:10px 0;border:1px solid #cad5e8;background:#f4f7fb;color:#193f7b;padding:9px;border-radius:10px;font-size:12px;font-weight:700;max-width:100%} .price-drop-v89{background:#e8f8f0;color:#12613b;border-radius:8px;font-size:12px;font-weight:700;padding:6px 8px;margin:7px 0}.price-drop-v89 s{font-weight:400;color:#5c7868} .cart-warning-v89{background:#fff3e5;border:1px solid #f1c88c;border-radius:12px;padding:14px;margin-bottom:12px;color:#70430c;font-size:13px}.cart-warning-v89 ul{padding-left:20px}.cart-warning-v89 button{margin-top:4px} /* SEVER v9.0 responsive consistency */ html{overflow-x:hidden} body{min-width:0} .main,.products,.item,.item-body,.buy{min-width:0} .item-body{display:flex;flex-direction:column} .item-open{width:max-content;max-width:100%;min-height:24px} .buy{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 104px;align-items:center;gap:5px;min-height:45px} .buy .price{font-size:clamp(12px,3.3vw,19px);white-space:normal;overflow-wrap:normal;line-height:1.15;letter-spacing:-.2px} .buy .add-btn,.buy .stepper{grid-column:2;grid-row:1;width:104px;height:41px;justify-self:stretch} .buy .add-btn{display:grid;place-items:center;padding:0;font-size:23px} .buy .stepper{box-sizing:border-box;grid-template-columns:1fr 28px 1fr;padding:3px;gap:2px;align-items:center} .buy .stepper button{width:100%;height:35px;min-width:0;padding:0} .buy .stepper b{overflow:hidden;min-width:0;white-space:nowrap} .favorite-btn{width:36px;height:36px;line-height:1;flex:none} .filters{grid-template-columns:repeat(2,minmax(0,1fr))}.filters select{min-width:0;max-width:100%;font-size:13px;padding:12px 9px} .detail-order{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,1fr);gap:10px;margin-top:12px} .detail-stepper{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;border:1px solid #dfe6ef;border-radius:12px;overflow:hidden} .detail-stepper button{height:46px;border:0;background:#edf3fb;font-size:22px;color:#174c83} .detail-stepper input{width:100%;min-width:0;border:0;text-align:center;font-size:17px;font-weight:750;appearance:textfield;-moz-appearance:textfield} .detail-stepper input::-webkit-inner-spin-button,.detail-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0} .detail-order .primary{min-width:0;padding:10px 8px} @media(max-width:370px){.buy{grid-template-columns:minmax(0,1fr) 93px;gap:3px}.buy .add-btn,.buy .stepper{width:93px}.buy .stepper{grid-template-columns:1fr 23px 1fr}.buy .price{font-size:12px}.products{gap:7px}.item-body{padding:8px}} @media(min-width:700px){.buy .price{font-size:18px}} @media(max-width:360px){.detail-order{grid-template-columns:1fr}} /* SEVER v9.1.2 — clean customer cabinet */ #account-view{max-width:760px;margin-inline:auto}#account-view>.panel,#profile>.panel{overflow:hidden} .account-welcome{text-align:center;padding:6px 0 15px}.account-welcome h2{margin:10px 0 4px;font-size:21px} .account-avatar{display:flex;align-items:center;justify-content:center;flex:none;width:54px;height:54px;border-radius:17px;background:#edf3ff;font-size:27px} .account-user{display:flex;align-items:center;gap:14px;min-width:0}.account-user h2{font-size:21px;margin:3px 0 0;overflow-wrap:anywhere}.account-eyebrow{font-size:11px;font-weight:800;letter-spacing:.1em;color:#6a7890} .account-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:17px}.account-stats>div{background:#f4f7fc;border:1px solid #ebf0f7;border-radius:14px;padding:14px;min-width:0}.account-stats strong{font-size:23px;line-height:1.25;display:block;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.account-stats span{display:block;font-size:12px;color:#64738b;margin-top:5px} .account-latest{margin-top:15px;border:1px solid #e5ecf5;border-radius:14px;padding:14px}.account-latest h3{margin:0 0 9px;font-size:15px}.account-latest-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px}.account-latest .light{margin-top:11px;width:100%} .account-section-title h3,.account-settings h3{margin:0 0 6px}.account-address-list{display:grid;gap:8px;margin:12px 0}.account-address-entry{border:1px solid #e5ecf5;border-radius:12px;padding:11px;display:flex;gap:8px;align-items:flex-start;justify-content:space-between}.account-address-entry strong{display:block;font-size:14px}.account-address-entry p{margin:4px 0;color:#64738b;font-size:12px;overflow-wrap:anywhere}.account-address-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:end}.account-address-actions button{padding:8px!important;font-size:12px!important;min-height:34px}.account-address-form input,.account-address-form textarea{width:100%;box-sizing:border-box}.account-address-form label{display:block;margin-top:10px;font-size:12px}.account-address-form button{margin-top:10px}.account-settings-details summary{font-weight:650;cursor:pointer;padding:10px 0;list-style:none}.account-settings-details summary::after{content:'⌄';float:right}.account-settings-details[open] summary::after{content:'⌃'} @media(max-width:420px){.account-stats strong{font-size:19px}.account-avatar{width:46px;height:46px}.account-user h2{font-size:18px}.account-address-entry{flex-direction:column}.account-address-actions{justify-content:start}} /* SEVER v9.1.3 — stable compact UI, no backend changes */ #account-view, #account-view *, .item, .item * {box-sizing:border-box} #account-view{width:100%;min-width:0;max-width:760px;overflow-wrap:anywhere} #account-view .panel{width:100%;min-width:0;padding:clamp(12px,3.6vw,20px);overflow:visible} #account-view button{max-width:100%;min-height:40px;line-height:1.2;white-space:normal;overflow-wrap:anywhere} #account-view input,#account-view textarea{display:block;width:100%;max-width:100%;min-width:0;font-size:16px;border:1px solid var(--line);border-radius:11px;padding:11px 12px;background:#fff;color:var(--text)} #account-view input[type=checkbox]{display:inline-block;width:18px;height:18px;min-width:18px;accent-color:var(--accent)} #account-view label{line-height:1.45} #account-view #auth{width:100%} #account-view .account-welcome{padding:2px 0 12px} #account-view .account-welcome .account-avatar{margin:0 auto} #account-view #max-login-box,#account-view #telegram-login-box{max-width:440px;margin-inline:auto!important} #account-view #max-open{width:100%;display:flex!important;align-items:center;justify-content:center;min-height:44px;padding:10px 14px!important} #account-view #telegram-widget{min-width:0;max-width:100%;overflow:hidden} #account-view #telegram-widget iframe{max-width:100%!important} #account-view #email-login-v904{max-width:440px;margin-inline:auto} #account-view #email-login-v904 h3{font-size:16px;line-height:1.35} #account-view .account-user{align-items:flex-start} #account-view .account-user>div:last-child{min-width:0;flex:1} #account-view .account-user h2{line-height:1.25} #account-view .account-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} #account-view .account-stats>div{min-width:0;padding:12px} #account-view .account-stats strong{font-size:clamp(17px,4.6vw,23px);overflow-wrap:anywhere} #account-view .account-latest-row>*{min-width:0} #account-view .account-address-entry>div:first-child{min-width:0;flex:1} #account-view .account-address-actions{flex:none} #account-view .account-settings-details{min-width:0} #account-view .account-settings-details>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;min-height:44px} #account-view .account-settings-details>summary::after{float:none;flex:none} #account-view #identity-v911-tgwidget{max-width:100%;overflow:hidden} #account-view #identity-v911-tgwidget iframe{max-width:100%!important} #account-view .order-summary{align-items:flex-start;min-width:0} #account-view .order-summary>span{min-width:0} #account-view .order-summary>span:last-child{text-align:right;flex:none;max-width:42%} #account-view .order-item{align-items:center;min-width:0} #account-view .order-item b{text-align:right;flex:none;max-width:30%;font-size:13px} /* Smaller identical add and quantity controls on all product cards. */ .buy{grid-template-columns:minmax(0,1fr) 88px!important;gap:6px;min-height:36px} .buy .add-btn,.buy .stepper{grid-column:2;grid-row:1;width:88px!important;height:34px!important;min-height:34px;max-height:34px;align-self:center;justify-self:stretch;margin:0} .buy .add-btn{font-size:20px!important;line-height:1;padding:0!important;border-radius:10px} .buy .stepper{display:grid;grid-template-columns:27px minmax(0,1fr) 27px!important;gap:1px!important;padding:2px!important;border-radius:10px} .buy .stepper button{width:27px!important;min-width:0;height:30px!important;min-height:30px;border-radius:8px;font-size:18px!important;line-height:1;padding:0!important} .buy .stepper b{font-size:12px!important;line-height:1;overflow:hidden;text-overflow:ellipsis} .buy .price{min-width:0;font-size:clamp(13px,3.8vw,19px)!important;line-height:1.15} .item-body{min-width:0} .item strong{overflow-wrap:anywhere} @media(max-width:380px){#account-view .account-user{gap:9px}#account-view .account-stats>div{padding:10px}#account-view .account-address-actions{width:100%;justify-content:flex-start}.buy{grid-template-columns:minmax(0,1fr) 82px!important}.buy .add-btn,.buy .stepper{width:82px!important}.buy .stepper{grid-template-columns:24px minmax(0,1fr) 24px!important}.buy .stepper button{width:24px!important}} @media(min-width:700px){.buy .price{font-size:18px!important}} /* SOURCE premium.css */ /* SEVER premium v9.1.4 — presentation only; no shop logic changes */ :root{--bg:#ecf1f7;--panel:#fff;--line:#e3eaf3;--text:#101e34;--muted:#697b95;--brand:#0b203b;--brand2:#06172c;--brandText:#fff;--accent:#c7974f;--accent2:#ac7733;--gold:#e7bd78;--gold-light:#fff0d1;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--text)} html{scroll-behavior:smooth}html,body{max-width:100%;overflow-x:hidden}body{background:linear-gradient(180deg,#091b31 0,#102841 280px,#edf2f8 281px,#edf2f8 100%);-webkit-font-smoothing:antialiased} button,select,input,textarea{font-family:inherit}button{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d6a960;outline-offset:2px} .header{background:linear-gradient(122deg,#07182d,#102945 75%,#152d48);box-shadow:none;border-bottom:1px solid #ffffff16;position:sticky;top:0}.header-inner{max-width:1200px;padding:13px 18px;min-height:74px;gap:16px}.brand{font-weight:900;font-size:clamp(22px,4.4vw,29px);letter-spacing:2.3px;display:flex;align-items:center;gap:12px;line-height:1}.brand::before{content:'◆';display:grid;place-items:center;transform:rotate(45deg);font-size:23px;color:#f3cf93;flex:none;text-shadow:0 2px 18px #e8bb7855}.brand::after{content:'ВЫГОДНЫЕ ПОКУПКИ КАЖДЫЙ ДЕНЬ';display:block;max-width:122px;color:#edca91;font-size:8px;font-weight:800;letter-spacing:1.25px;line-height:1.55}.menu-toggle{background:linear-gradient(145deg,#f8e1b4,#d4a45d);border-color:#ffdca0;border-radius:14px;width:44px;height:44px;flex:none;box-shadow:0 6px 18px #0002}.menu-toggle span{background:#14243b}.header-menu{top:calc(100% + 2px);background:#0e233e;border:1px solid #344966;color:#fff;border-radius:17px;box-shadow:0 18px 36px #07182d55}.header-menu button{background:#0e233e;color:#fff;border-color:#ffffff19;font-weight:650}.header-menu button:hover{background:#1b3555} .main{max-width:1200px;padding:16px clamp(12px,2.6vw,26px) calc(122px + env(safe-area-inset-bottom))}.card,.panel{background:#fff;border:1px solid #e7edf4;border-radius:20px;box-shadow:0 8px 30px #0a234315}.panel{padding:clamp(16px,2.5vw,25px);margin-bottom:14px}.panel h2,h2{font-size:clamp(19px,3.3vw,26px);font-weight:850;letter-spacing:-.55px}.hint,.muted,.status{color:#6a7b93;line-height:1.55} .hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:radial-gradient(circle at 84% 22%,#bd885d65,transparent 34%),linear-gradient(110deg,#06172c,#102a49 70%,#253b51);min-height:220px;border:1px solid #ffffff21;padding:clamp(24px,4vw,45px);box-shadow:0 16px 40px #071a2e36;margin-bottom:16px;border-radius:25px}.hero:before{content:'✦';position:absolute;right:8%;top:5%;font-size:155px;line-height:1;color:#edc38414;pointer-events:none;z-index:-1}.hero:after{content:'СЕВЕР';position:absolute;right:5%;bottom:0;font-weight:900;font-size:clamp(52px,12vw,145px);letter-spacing:-6px;color:#ffffff08;pointer-events:none;z-index:-1}.hero-eyebrow{font-size:10px;color:#eac48c;letter-spacing:2px;font-weight:850}.hero h1{font-size:clamp(30px,5.3vw,52px);line-height:1.08;letter-spacing:-1.3px;max-width:690px;margin:15px 0}.hero p{font-size:clamp(13px,2.2vw,17px);color:#d7e1ed;max-width:470px}.hero-perks{margin-top:20px}.hero-perks span{background:#ffffff13;border:1px solid #ffffff30;color:#f2e4cd;padding:9px 13px;font-size:11px;font-weight:700} .search,#search{border:1px solid #e2e9f2;border-radius:18px;background:#fff;min-height:56px;color:#17263e;padding:15px 19px;box-shadow:0 6px 22px #122b4820;font-size:15px;margin-bottom:16px}.search:focus{border-color:#dbb77a;box-shadow:0 0 0 4px #e6bb7952} .section-title{font-size:13px;font-weight:800;color:#50627b;letter-spacing:.1px}.catalog-toolbar h2,.browse-title{font-size:clamp(20px,3.2vw,27px);color:#14213a;letter-spacing:-.5px;margin:10px 0}.home-categories{gap:clamp(7px,1.5vw,14px);margin:12px 0 20px;grid-template-columns:repeat(5,minmax(0,1fr))}.cat-tile{min-width:0;border-radius:18px;border:1px solid #e9eef4;box-shadow:0 5px 18px #1534590e;padding:10px 6px 13px;gap:9px;font-size:clamp(10px,1.5vw,13px);color:#14243b;background:linear-gradient(150deg,#fff,#f7f9fc);font-weight:750;min-height:112px}.cat-visual{border-radius:13px;background:linear-gradient(145deg,#f8f9fb,#edf2f7);font-size:clamp(24px,4vw,38px);aspect-ratio:1.25}.cat-tile:active,.chip:active{transform:scale(.98)} .chip{background:#f9fbfe;border-color:#e2e9f2;color:#273d59;padding:10px 16px}.chip.selected{background:#0a223d;border-color:#0a223d;color:#fff}.filters{gap:9px;margin:9px 0 19px}.filters select{background:#fff;border-color:#e3eaf2;border-radius:14px;min-height:47px;padding:10px 12px;color:#1b2c46;box-shadow:0 5px 15px #132f5210;font-weight:650;min-width:0;font-size:13px} .products{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(9px,1.8vw,19px)}.item{border:1px solid #e6edf5;border-radius:19px;box-shadow:0 8px 24px #0b244514;background:#fff;transition:transform .2s ease,box-shadow .2s ease}.item:hover{box-shadow:0 12px 26px #0b244526;transform:translateY(-2px)}.photo{height:clamp(145px,37vw,240px);background:#fff;border-color:#f1f4f8}.photo img{padding:clamp(9px,1.4vw,17px)}.photo .badge{left:8px;top:8px;background:#e7f7ec;color:#157342;font-weight:750;border-radius:99px}.favorite-btn{width:34px;height:34px;border-radius:12px;background:#ffffffef;border-color:#e5eaf0;color:#506781;font-size:20px}.favorite-btn.active{color:#c84d69;background:#fff1f4}.item-body{padding:clamp(10px,1.6vw,17px)}.category-label{color:#8392a7}.item strong{font-size:clamp(12px,1.7vw,16px);line-height:1.38;min-height:49px;color:#13223a}.available{color:#158356;font-weight:700}.item-open{color:#556a84;text-decoration:none;font-size:12px}.item-open:hover{text-decoration:underline}.price{font-size:clamp(15px,2.4vw,23px);font-weight:900;letter-spacing:-.65px;color:#0b1c35}.buy{display:grid;grid-template-columns:minmax(0,1fr) 105px;gap:7px;align-items:center;min-height:42px}.buy .add-btn,.buy .stepper{justify-self:end;width:105px;height:41px;margin:0}.buy .add-btn{background:linear-gradient(130deg,#0c2745,#071a30);color:#f5d59b;border-radius:12px;font-weight:800;padding:0 8px;box-shadow:0 4px 10px #091e3630}.buy .stepper{display:grid;grid-template-columns:32px minmax(0,1fr) 32px;gap:0;align-items:center;background:#f2f6fb;border:1px solid #e2eaf2;border-radius:12px;padding:3px}.buy .stepper button{width:29px;height:32px;font-size:19px;border-radius:9px;background:transparent;color:#0b2543;padding:0}.buy .stepper b{text-align:center;font-size:12px;min-width:0}.add-btn:hover{background:#173654}.light{background:#f0f4f9;color:#163351;border:1px solid #e0e8f0;border-radius:13px;font-weight:750}.primary,.checkout-btn{background:linear-gradient(120deg,#f6dca7,#d9a55a);border:1px solid #ebc88e;color:#101d31;border-radius:14px;box-shadow:0 7px 18px #b7894538;font-weight:850;padding:13px 18px}.primary:hover,.checkout-btn:hover{background:#f0d299;color:#10233d} #promo-panel,#recent-panel{margin:16px 0 22px}.promo-row{gap:11px} .status{font-size:12px} .nav{background:linear-gradient(135deg,#091c32,#0e2947);border-top:1px solid #49607755;box-shadow:0 -8px 24px #061e3633;min-height:73px;padding:9px 4px max(9px,env(safe-area-inset-bottom))}.nav button{color:#ced7e3;font-size:11px;gap:5px;padding:4px 2px;min-width:0}.nav button.active{color:#e9c183}.nav .sym{font-size:23px;line-height:1.1}.nav .label{font-size:11px;font-weight:600}.nav button.active .label{font-weight:800}.floating-cart{background:linear-gradient(130deg,#d7a458,#f1d39b);color:#13233c;bottom:calc(83px + env(safe-area-inset-bottom));box-shadow:0 10px 28px #091c3240;border:1px solid #f0d5a6} #cart-view>h2,#account-view>h2{background:linear-gradient(120deg,#0a213c,#112f50);border-radius:18px;padding:19px 22px;color:#fff;margin:0 0 15px;box-shadow:0 8px 22px #0a254228}#info-view .panel{margin-top:15px}.line{min-width:0}.line .cart-photo,.line .cart-placeholder{border-radius:13px;background:#f8fafc}.qty button{background:#f0f4f9;color:#0a294a;width:36px;height:36px;border-radius:10px}.checkout-fields label,#auth label{color:#394d68;font-weight:750}.checkout-fields input,.checkout-fields select,.checkout-fields textarea,#auth input:not([type=checkbox]){border:1px solid #dce5ef;border-radius:13px;background:#fff;min-height:47px}.checkout-fields input:focus,.checkout-fields textarea:focus{border-color:#dfb675}.checkout-fields h2{color:#142741} #account-view .account-hero{background:radial-gradient(circle at 90% 15%,#dbb36d45,transparent 40%),linear-gradient(125deg,#091e36,#173454);color:#fff;border:1px solid #dab47755;box-shadow:0 14px 28px #13284537;border-radius:21px}#account-view .account-hero h2,#account-view .account-hero strong{color:#fff}#account-view .account-hero .hint,#account-view .account-hero span{color:#d5dfed}#account-view .account-eyebrow{color:#f2d19b;letter-spacing:2px}#account-view .account-stats>div{background:#ffffff12;border:1px solid #ffffff27;border-radius:13px}#account-view .account-avatar{background:linear-gradient(135deg,#ffebbd,#d8a65b);color:#192a42;box-shadow:0 4px 16px #0001}#account-view .account-settings-details summary{background:#f1f5f9;border-radius:12px;padding:14px 15px;color:#152b46;font-weight:750}#account-view .account-addresses,#account-view .account-settings{overflow:hidden}#account-view .account-address-form input,#account-view .account-address-form textarea,#account-view input[type=email]{max-width:100%;min-width:0;border-color:#dce6ef;border-radius:12px}#account-view #logout{border:1px solid #ffced3;background:#fff0f1;color:#ba3449;width:100%;min-height:48px} #auth{max-width:650px;margin:0 auto 20px;padding:clamp(18px,3vw,31px)}#auth .account-welcome{text-align:center;margin-bottom:18px}#auth .account-welcome h2{color:#0c2542}#auth #max-login-box,#auth #telegram-login-box,#auth #email-login-v904{width:100%;max-width:100%;box-sizing:border-box}#auth #max-open{display:flex!important;align-items:center;justify-content:center;min-height:49px;width:100%;max-width:100%;background:linear-gradient(120deg,#0b2544,#243d68);border:0;color:#fff!important;padding:12px 14px!important}#auth #telegram-widget{min-height:45px;overflow:visible;max-width:100%;align-items:center}#auth #telegram-widget iframe{max-width:100%!important}#auth #email-login-v904 button{min-height:47px}#auth #email-login-v904 h3{font-size:18px;color:#142b48} .product-overlay{padding:12px;background:#06172cc9}.product-dialog{max-width:620px;border-radius:22px;border:1px solid #e5ebf2;box-shadow:0 25px 80px #0006;padding:clamp(16px,3vw,28px)}.product-dialog h2{font-size:clamp(21px,3.4vw,30px);line-height:1.22}.product-dialog .detail-price{color:#0a2340;font-size:clamp(24px,4vw,34px)}.product-dialog .detail-actions{flex-wrap:wrap}.product-dialog .detail-actions button{min-height:48px}.product-close{background:#0c2845;color:#fff;font-size:25px} #history .order-entry{padding:13px 0}#history .order-summary{padding:8px 0;min-width:0}#history .order-summary strong{font-size:14px;color:#13243e}#history .order-details{background:#f7f9fc;border-radius:14px;padding:12px;margin-top:10px}#history .order-item{align-items:center}#history .order-item b{white-space:nowrap;font-size:13px} @media(min-width:640px){.products{grid-template-columns:repeat(3,minmax(0,1fr))}.photo{height:205px}.home-categories{gap:14px}.cat-tile{font-size:13px;min-height:132px}.brand::after{font-size:9px;max-width:170px}.nav{max-width:1200px;left:50%;right:auto;width:100%;transform:translateX(-50%);border-radius:17px 17px 0 0}} @media(min-width:980px){.products{grid-template-columns:repeat(4,minmax(0,1fr))}.photo{height:230px}.main{padding-top:22px}.hero{min-height:270px}.item strong{min-height:50px}} @media(max-width:480px){.main{padding-left:10px;padding-right:10px}.header-inner{padding:10px 14px;min-height:64px}.brand{font-size:24px;gap:9px}.brand::before{font-size:17px}.brand::after{font-size:7px;max-width:106px;letter-spacing:.8px}.hero{padding:22px 17px;min-height:205px}.hero h1{font-size:29px}.home-categories{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.cat-tile{padding:7px 2px 9px;font-size:9px;min-height:97px;border-radius:12px}.cat-visual{font-size:23px;border-radius:9px}.products{gap:8px}.item{border-radius:14px}.photo{height:clamp(130px,39vw,190px)}.item-body{padding:9px}.item strong{font-size:12px}.buy{grid-template-columns:minmax(0,1fr) 85px!important;gap:4px}.buy .add-btn,.buy .stepper{width:85px!important;height:37px!important}.buy .stepper{grid-template-columns:24px minmax(0,1fr) 24px!important}.buy .stepper button{width:22px!important;height:29px!important;font-size:16px!important}.price{font-size:clamp(13px,3.65vw,18px)}.filters select{font-size:12px;padding:9px 6px}.nav .label{font-size:10px}} @media(max-width:355px){.brand::after{display:none}.cat-tile{font-size:8px;min-height:85px}.cat-visual{font-size:20px}.buy{grid-template-columns:minmax(0,1fr) 76px!important}.buy .add-btn,.buy .stepper{width:76px!important}.buy .stepper{grid-template-columns:21px minmax(0,1fr) 21px!important}.buy .stepper button{width:20px!important}.item-body{padding:8px}.price{font-size:12px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.item{transition:none}.item:hover{transform:none}} #account-view #max-login-box, #account-view #telegram-login-box { width: 100%; max-width: 440px; margin: 16px auto !important; box-sizing: border-box; } #account-view #telegram-login-box { padding: 20px 16px; border: 1px solid #e5eaf2; border-radius: 20px; background: #f8fafc; } #account-view #telegram-login-box > strong { display: block; font-size: 17px; line-height: 1.4; margin-bottom: 18px; color: #102846; } #account-view #telegram-widget { display: flex !important; justify-content: center; align-items: center; width: 100%; min-height: 54px; overflow: visible; } #account-view #telegram-widget iframe { max-width: 100% !important; } #account-view #telegram-login-box .hint { font-size: 12px; line-height: 1.5; margin-top: 14px; } /* SOURCE premium-v92.css */ /* SEVER Premium 9.2: progressive UI layer; never overrides Telegram's cross-origin iframe. */ :root{--v92-navy:#0c2745;--v92-gold:#dfb574;--v92-motion:180ms} html{scroll-behavior:smooth}body{overflow-x:hidden}button,a,input,select{touch-action:manipulation} button,.item,.panel,.card{transition:box-shadow var(--v92-motion) ease,transform var(--v92-motion) ease,border-color var(--v92-motion) ease} button:active:not(:disabled){transform:scale(.975)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--v92-gold);outline-offset:2px} .item{contain:layout style}.item .photo{overflow:hidden}.item .photo img{transition:transform .28s ease;cursor:zoom-in}.item .photo img:hover{transform:scale(1.035)} .buy{min-width:0}.buy button{flex-shrink:0}.stepper b{font-variant-numeric:tabular-nums} #v92-loading{padding:12px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} #v92-loading[hidden]{display:none!important}.v92-skeleton{min-height:244px;border-radius:18px;background:linear-gradient(105deg,#edf1f7 15%,#fff 42%,#edf1f7 65%);background-size:210% 100%;animation:v92-shimmer 1.2s ease infinite;border:1px solid #e7eaf0} @keyframes v92-shimmer{to{background-position-x:-210%}} #v92-top{position:fixed;z-index:35;right:17px;bottom:calc(158px + env(safe-area-inset-bottom));width:46px;height:46px;display:none;border-radius:50%;border:1px solid #e2cfac;background:#fff8eb;color:#172f4e;font-size:25px;box-shadow:0 9px 26px #10243c30}#v92-top.v92-visible{display:grid;place-items:center} #v92-search-pop{position:absolute;z-index:52;left:0;right:0;top:calc(100% + 6px);background:#fff;border:1px solid #dce4ed;border-radius:18px;box-shadow:0 18px 35px #0a23402c;overflow:hidden;max-height:min(54vh,420px);overflow-y:auto} #v92-search-pop[hidden]{display:none!important}#v92-search-pop button{display:flex;align-items:center;gap:11px;width:100%;border:0;background:#fff;padding:10px 12px;color:#183453;text-align:left;min-height:56px;border-bottom:1px solid #f0f2f6;border-radius:0} #v92-search-pop button:hover{background:#f5f8fc}#v92-search-pop img{width:42px;height:42px;object-fit:contain;border-radius:8px;background:#f2f5f9;flex-shrink:0} #v92-search-pop small{display:block;opacity:.62;margin-top:2px}#v92-search-pop strong{display:block;font-size:13px;line-height:1.35} #v92-search-pop .v92-hint{padding:11px 14px;font-size:12px;color:#65778f;background:#f7f9fc} #catalog-view{position:relative}#catalog-view .search{position:relative;z-index:2} #v92-lightbox{position:fixed;inset:0;z-index:500;background:#08192cf2;display:none;align-items:center;justify-content:center;flex-direction:column;padding:60px 18px calc(65px + env(safe-area-inset-bottom));box-sizing:border-box} #v92-lightbox.v92-open{display:flex}#v92-lightbox img{max-width:100%;max-height:74vh;object-fit:contain;touch-action:pan-y;transform-origin:center center;transition:transform .15s ease;user-select:none;-webkit-user-drag:none} #v92-lightbox .v92-close{position:absolute;right:16px;top:calc(16px + env(safe-area-inset-top));width:44px;height:44px;border-radius:50%;background:#fff;color:#122a45;border:none;font-size:25px} #v92-lightbox .v92-caption{color:#fff;text-align:center;margin-top:18px;font-weight:600;max-width:90vw;font-size:14px} #v92-lightbox .v92-instruction{color:#b8c6d5;font-size:11px;margin-top:8px} #product-dialog .product-dialog{overscroll-behavior:contain;padding-bottom:0} #product-dialog .detail-order{position:sticky;bottom:0;z-index:7;background:#fff;padding:14px 0 calc(14px + env(safe-area-inset-bottom));margin:12px 0 0;box-shadow:0 -8px 18px #0b29450d;border-top:1px solid #eaf0f6} #product-dialog-body>img{cursor:zoom-in} #floating-cart{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 14px 32px #061d3970;border:1px solid #d9ac6580} #v92-toast{position:fixed;z-index:450;left:50%;bottom:calc(143px + env(safe-area-inset-bottom));transform:translate(-50%,15px);max-width:min(390px,calc(100vw - 36px));background:#102e4d;color:#fff;border:1px solid #e3b66a;border-radius:14px;padding:11px 18px;box-shadow:0 14px 38px #11294059;text-align:center;font-size:13px;font-weight:650;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s} #v92-toast.v92-visible{opacity:1;transform:translate(-50%,0)} #checkout-success{border-radius:22px!important;border:1px solid #cbded2!important;background:linear-gradient(155deg,#f4fff8,#e9f7ed)!important;color:#19573a!important;padding:26px 20px!important;font-weight:700!important;text-align:center!important;box-shadow:0 14px 28px #21503615} #checkout-success::before{content:'✓';display:grid;place-items:center;margin:0 auto 12px;width:54px;height:54px;background:#d4f2df;color:#167342;border-radius:50%;font-size:30px} #v92-success-actions{display:flex;gap:9px;justify-content:center;margin-top:17px;flex-wrap:wrap} #v92-success-actions button{min-height:44px;padding:10px 16px;border-radius:12px;border:1px solid #bfd7c6;background:#fff;color:#153a2b;font-weight:700} @media(min-width:760px){#v92-loading{grid-template-columns:repeat(3,minmax(0,1fr))}#v92-search-pop{right:auto;width:min(470px,100%)}} @media(max-width:390px){#v92-top{right:9px;width:40px;height:40px}#v92-search-pop strong{font-size:12px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}} /* SOURCE premium-v100.css */ /* SEVER premium v10.0 — isolated visual layer. Does not change shopping logic. */ :root{--sever-ink:#0c213b;--sever-gold:#d9ae70;--sever-paper:#f3f6fa} body{background:linear-gradient(180deg,#0a2039 0,#0d2a49 210px,var(--sever-paper) 211px,var(--sever-paper) 100%)} .header{background:#091e36;border-bottom:1px solid #e9c28e24} .header-inner{min-height:62px;padding-block:9px}.brand::before{font-size:15px}.brand::after{opacity:.78}.menu-toggle{width:42px;height:42px;box-shadow:none} .main{padding-top:13px;padding-bottom:calc(116px + env(safe-area-inset-bottom))} #catalog-view .hero{min-height:0;padding:25px 29px;margin-bottom:15px;background:radial-gradient(ellipse at 95% 5%,#af7c4961,transparent 38%),linear-gradient(120deg,#081d35,#123250);border-radius:21px;box-shadow:0 12px 30px #0a20382a} #catalog-view .hero:before{font-size:104px;right:8%;top:9%}#catalog-view .hero:after{font-size:75px;opacity:.7} #catalog-view .hero h1{font-size:clamp(28px,4vw,42px);margin:9px 0 10px;line-height:1.1}#catalog-view .hero p{font-size:14px;line-height:1.5;margin:0} #catalog-view .hero-perks{margin-top:13px;gap:7px}#catalog-view .hero-perks span{padding:6px 10px;font-size:10px} #catalog-view .search{min-height:52px;border-radius:15px;box-shadow:0 4px 14px #10263f13;padding:13px 16px;margin-bottom:16px} #catalog-view .section-title{font-size:13px;color:#455c78} .home-categories{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:10px 0 16px} .cat-tile{min-height:0;padding:8px 7px 10px;gap:6px;border-radius:15px;box-shadow:0 3px 12px #102b4812;font-size:12px} .cat-visual{aspect-ratio:1.35;border-radius:11px}.cat-visual img{object-fit:contain!important} .chips{gap:7px}.chip{padding:8px 13px;font-size:12px;border-radius:99px} .filters{gap:8px;margin:11px 0 13px}.filters select{min-height:43px;border-radius:12px;font-size:12px} .browse-title{margin:10px 0 5px!important;font-size:clamp(20px,2.6vw,27px)}#count{margin-bottom:9px} .products{gap:12px}.item{border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #0a233d13;transform:none!important}.item:hover{box-shadow:0 8px 23px #0a233d22} .photo{height:clamp(140px,25vw,210px)}.photo img{object-fit:contain!important} .item-body{padding:12px}.item strong{min-height:42px;font-size:13px;line-height:1.35} .category-label{font-size:10px}.item-open{font-size:11px}.available{font-size:11px}.price{font-size:clamp(17px,2vw,21px)} .buy{grid-template-columns:minmax(0,1fr) 94px;gap:5px}.buy .add-btn,.buy .stepper{width:94px;height:40px} .nav{min-height:62px;padding:6px 4px max(7px,env(safe-area-inset-bottom));box-shadow:0 -5px 20px #071b3030}.nav .sym{font-size:21px}.nav .label{font-size:10px}.nav button{gap:3px} .floating-cart{bottom:calc(74px + env(safe-area-inset-bottom));padding-block:11px;border-radius:16px} #cart-view>h2,#account-view>h2{padding:15px 20px;border-radius:15px;font-size:23px} #cart-view .panel{padding:18px;border-radius:17px}#cart-view .line{padding-block:10px} #cart-view #checkout-fields{margin-top:12px}#cart-view #checkout-fields h2{margin-top:0;font-size:21px} #cart-view #checkout{min-height:52px;margin-top:4px} #account-view .panel{border-radius:18px;padding:20px}#account-view .account-hero{padding:20px;background:linear-gradient(120deg,#091f38,#153754)} #account-view .account-stats{gap:9px}#account-view .account-stats>div{padding:11px} #account-view #v99-recommendations{padding:18px 20px}#account-view .account-address-form{gap:8px} #account-view .account-addresses .hint{font-size:12px} @media(max-width:640px){ .header-inner{min-height:56px;padding:8px 13px}.brand{font-size:23px}.brand::after{font-size:7px;max-width:96px} .main{padding-left:12px;padding-right:12px;padding-top:10px} #catalog-view .hero{padding:20px 18px;min-height:0;border-radius:18px}#catalog-view .hero h1{font-size:27px;margin:8px 0}#catalog-view .hero p{font-size:12px;max-width:300px} #catalog-view .hero:before{font-size:70px;right:2%}#catalog-view .hero:after{font-size:48px} #catalog-view .hero-perks{margin-top:10px}#catalog-view .hero-perks span{font-size:9px;padding:6px 8px} .home-categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0 14px} .cat-tile{min-height:0;font-size:11px;padding:7px 6px 9px}.cat-visual{aspect-ratio:1.65;max-height:88px}.cat-visual img{max-height:82px} .products{gap:9px}.photo{height:clamp(125px,35vw,185px)}.item-body{padding:9px}.item strong{font-size:12px;min-height:46px} .buy{grid-template-columns:minmax(0,1fr) 84px!important;gap:3px}.buy .add-btn,.buy .stepper{width:84px!important;height:37px!important} .nav{min-height:58px}.nav .sym{font-size:20px}.nav .label{font-size:10px}.floating-cart{bottom:calc(67px + env(safe-area-inset-bottom))} #cart-view .panel{padding:15px}#account-view .panel{padding:16px}#account-view .account-hero{padding:17px} } @media(max-width:355px){.home-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.cat-visual{max-height:75px}} @media(prefers-reduced-motion:reduce){.item,.item:hover{transition:none!important}} /* SOURCE premium-v101.css */ /* SEVER 10.1: premium mountains and PWA surface. Scoped, safe styles. */ .brand{position:relative;padding-top:12px;isolation:isolate} .brand:before{content:""!important;position:absolute;top:-9px;left:2px;width:126px;height:25px;background:linear-gradient(155deg,transparent 43%,#dcb779 44% 53%,transparent 54%) 0 3px / 35px 22px repeat-x,linear-gradient(25deg,transparent 47%,#dcb779 48% 53%,transparent 54%) 0 0 / 35px 22px repeat-x;opacity:.95;pointer-events:none} #catalog-view .hero:after{opacity:.52} .sever-install{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#0e2b49;border:1px solid #c9a47077;color:#fff;padding:14px 16px;margin:2px 0 13px;border-radius:16px;box-shadow:0 8px 22px #08234020} .sever-install-body{flex:1;min-width:0}.sever-install strong{font-size:15px}.sever-install p{font-size:12px;color:#dae5f1;margin:4px 0 0;line-height:1.5} .sever-install-action{border:0;background:linear-gradient(110deg,#e9bc75,#f2d49f);color:#0d233d;border-radius:11px;min-height:41px;padding:9px 12px;font-weight:800;flex:none} #local-fields input{display:block;width:100%;margin-top:5px} @media(max-width:440px){.sever-install{flex-direction:column;align-items:stretch}.sever-install-action{width:100%}.brand:before{width:100px;height:22px;top:-7px}} /* SOURCE premium-v1011.css */ /* SEVER 10.1.1 — logo and install banner only */ .header .brand{display:inline-flex;align-items:center;gap:7px;padding-top:0!important;position:relative;line-height:1} .header .brand::before{content:none!important;display:none!important;background:none!important} .header .brand .sever-mountain-icon{display:block;flex:0 0 auto;color:#e3bd81;width:37px;height:33px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.1))} .header .brand .sever-brand-text{display:inline-block;letter-spacing:2px} @media(max-width:440px){.header .brand{gap:5px}.header .brand .sever-mountain-icon{width:32px;height:29px}} /* SOURCE premium-v1012.css */ /* SEVER v10.1.2 — use user's approved real brand artwork */ .header .brand{display:flex!important;align-items:center;min-width:0;padding:0!important;font-size:0!important} .header .brand::before,.header .brand::after,.header .brand .sever-mountain-icon,.header .brand .sever-brand-text{display:none!important;content:none!important} .header .brand .sever-header-logo{display:block;width:clamp(170px,27vw,310px);height:auto;max-height:58px;object-fit:contain;object-position:left center} @media(max-width:460px){.header .brand .sever-header-logo{width:clamp(153px,51vw,219px);max-height:45px}} #sever-tg-ios-link{display:block!important;margin:8px auto 14px;max-width:430px;padding:12px 15px;color:#fff;background:#2787c9;border-radius:13px;text-align:center;text-decoration:none;font-weight:700} #sever-tg-ios-hint{font-size:12px;opacity:.8;margin:0 auto 10px;max-width:430px;text-align:center} /* SOURCE sever-v1013.css */ /* v10.1.3: single Telegram CTA without duplicate widget; no auth logic changes */ #telegram-login-box #telegram-widget{display:none!important} #telegram-login-box.telegram-expanded #telegram-widget{display:flex!important;justify-content:center!important;min-height:48px!important;margin:12px auto!important} #telegram-login-box #sever-tg-ios-link{display:none!important} #telegram-login-box #sever-tg-ios-hint{display:none!important} #sever-tg-main{display:block;width:100%;max-width:440px;margin:12px auto;border:0;border-radius:14px;padding:15px 18px;color:white;background:#2688c9;font-size:16px;font-weight:750;cursor:pointer;min-height:52px} #sever-tg-main:focus-visible{outline:3px solid #e6bd7d;outline-offset:3px} #sever-tg-help{display:none;max-width:440px;margin:8px auto;font-size:12px;line-height:1.45;color:#64748b;text-align:center} #telegram-login-box.telegram-expanded #sever-tg-help{display:block} #sever-tg-bot-fallback{display:none;max-width:440px;margin:8px auto;color:#1279bf;text-decoration:underline;text-align:center} #telegram-login-box.telegram-expanded #sever-tg-bot-fallback{display:block} #sever-max-browser-help{font-size:12px;color:#64748b;line-height:1.5;margin:8px auto;max-width:440px;text-align:center} /* SOURCE sever-v1014.css */ /* Hide the custom CTA while the native login widget is expanded: one login button at a time. */ #telegram-login-box.telegram-expanded #sever-tg-main{display:none!important} #telegram-login-box.telegram-expanded #telegram-widget{display:flex!important;justify-content:center!important;min-height:48px!important} /* SOURCE telegram-v1015.css */ /* SEVER v10.1.5: keep only the authenticated Telegram Login Widget. */ #telegram-login-box #sever-tg-main, #telegram-login-box #sever-tg-ios-link, #telegram-login-box #sever-tg-ios-hint {display:none!important;} #telegram-login-box #telegram-widget {display:flex!important;justify-content:center!important;align-items:center!important;visibility:visible!important;min-height:54px!important;height:auto!important;overflow:visible!important;} #telegram-login-box #telegram-widget iframe {display:block!important;max-width:100%!important;visibility:visible!important;} #telegram-login-box.telegram-expanded #telegram-widget {display:flex!important;} /* SOURCE sever-bot-ui-v1019.css */ /* SEVER 10.1.9 one Telegram button */ #telegram-login-box #telegram-widget, #telegram-login-box #sever-tg-ios-link, #telegram-login-box #sever-tg-ios-hint {display:none!important} #telegram-login-box .sever-bot-button-v1019{display:block;width:100%;min-height:54px;border:0;border-radius:14px;background:linear-gradient(110deg,#188ed8,#1166bb);color:white;font:700 17px system-ui,sans-serif;cursor:pointer;padding:13px 16px} #telegram-login-box .sever-bot-button-v1019:disabled{opacity:.75;cursor:wait} #telegram-login-box #sever-tg-return-v1019{display:block;text-align:center;margin:12px 0 0;color:#216dae;font-weight:600} #telegram-login-box #sever-tg-return-v1019[hidden]{display:none!important} #telegram-login-box #sever-bot-status-v1019{margin:10px 0 4px;text-align:center} /* SOURCE sever-auth-v104.css */ /* v10.4: account sign-in layout and desktop banner policy */ @media (hover:hover) and (pointer:fine) and (min-width:768px) {#sever-pwa-banner{display:none!important}} #account-view #auth{max-width:480px;margin:12px auto 26px!important;padding:22px!important;border-radius:22px!important;box-sizing:border-box} #account-view #auth .account-welcome{text-align:center;margin:0 auto 22px} #account-view #auth .account-welcome h2{font-size:23px;line-height:1.25;margin:8px 0} #account-view #auth .account-welcome p{margin:0} #account-view #telegram-login-box,#account-view #max-login-box{max-width:100%!important;margin:12px 0!important} #account-view #max-open{display:none!important} #account-view #sever-max-button-v104{width:100%;min-height:54px;border:0;border-radius:14px;background:#2361c0;color:#fff;font:700 17px system-ui,sans-serif;cursor:pointer;padding:13px 16px} #account-view #sever-max-button-v104:disabled{opacity:.65} #account-view #sever-max-return-v104{display:block;margin-top:10px;text-align:center;font-weight:600;color:#2462bb} #account-view #sever-max-return-v104[hidden]{display:none!important} #account-view #email-login-v904{margin-top:20px!important;padding-top:20px!important} #account-view #auth input[type=email]{width:100%;box-sizing:border-box;min-height:48px;border-radius:12px;font-size:16px} #account-view #auth button{touch-action:manipulation} @media (max-width:600px){#account-view #auth{padding:18px!important;margin-top:6px!important}} /* Formerly invalid trailing CSS */ /* Одинаковая ширина блоков */ #account-view #max-login-box, #account-view #telegram-login-box { width: 100% !important; max-width: 440px !important; margin: 12px auto !important; padding: 0 !important; border: none !important; background: transparent !important; box-shadow: none !important; } /* Кнопка MAX */ #account-view #max-open { width: 100% !important; height: 54px !important; min-height: 54px !important; border-radius: 14px !important; box-sizing: border-box !important; } /* Telegram */ #account-view #telegram-widget { width: 100% !important; height: 54px !important; min-height: 54px !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; border-radius: 14px !important; background: transparent !important; } #account-view #telegram-widget iframe { border: 0 !important; border-radius: 14px !important; max-width: 100% !important; } /* Убираем лишний заголовок */ #account-view #telegram-login-box > strong { display: none !important; } /* SEVER unified mobile fixes */ .brand{display:flex!important;align-items:center;gap:8px;min-width:0;white-space:nowrap;line-height:1.1} .brand .sever-header-logo{display:none!important} .brand .sever-mountain-icon{display:block!important;flex:none;width:34px;height:30px} .brand .sever-brand-text{display:block!important;font-size:clamp(21px,5.8vw,31px);font-weight:900;letter-spacing:.07em;color:#fff} .header-inner{min-width:0;gap:10px} .header-inner .menu-toggle{flex:none} html{overflow-x:hidden;-webkit-text-size-adjust:100%} body{overflow-x:hidden} .main,.panel,.hero,.card,.item{min-width:0} img{max-width:100%} button,select,input,textarea{max-width:100%} input,select,textarea{font-size:16px} #catalog-view .chips:empty{display:none} #catalog-view .chips{min-height:0} @media(max-width:600px){.main{padding-inline:10px}.hero{padding:18px!important}.hero h1{font-size:clamp(26px,7vw,35px)!important}.hero p{font-size:14px!important}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}.filters>*{min-width:0}.header-inner{padding-inline:12px}} @media(max-width:370px){.filters{grid-template-columns:1fr}} /* SEVER v11.0 — final cleanup: approved logo, hero copy, iPhone-safe cards, removed saved addresses */ .header .brand, .brand{display:flex!important;align-items:center;min-width:0;gap:0!important;padding:0!important} .header .brand::before,.header .brand::after,.header .brand .sever-mountain-icon,.header .brand .sever-brand-text{display:none!important;content:none!important} .header .brand .sever-header-logo{display:block!important;width:clamp(175px,31vw,355px);height:auto;max-height:64px;object-fit:contain;object-position:left center} @media(max-width:640px){.header .brand .sever-header-logo{width:min(235px,56vw);max-height:46px}} body{background:linear-gradient(180deg,#0a2039 0,#0d2a49 112px,var(--bg) 113px,var(--bg) 100%)} #catalog-view .hero{position:relative;overflow:hidden;min-height:0!important;padding:24px 24px 20px!important;border-radius:22px!important;background:linear-gradient(118deg,#0b315e,#1b5ea0)!important;box-shadow:0 14px 30px rgba(8,32,58,.16)!important} #catalog-view .hero::before,#catalog-view .hero::after,.hero-eyebrow{display:none!important;content:none!important} #catalog-view .hero h1{font-size:clamp(30px,5vw,48px)!important;line-height:1.08!important;margin:0 0 10px!important} #catalog-view .hero p{font-size:clamp(14px,2.1vw,18px)!important;line-height:1.5!important;max-width:650px;color:#e7f0fb!important} #catalog-view .hero-perks{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px} #catalog-view .hero-perks span{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:700;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff} .home-categories{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important} .cat-tile{min-width:0;overflow:hidden} .cat-tile span:last-child{display:block;line-height:1.2;overflow-wrap:anywhere} .products{align-items:stretch} .item{display:flex;flex-direction:column;min-width:0;overflow:hidden} .photo{height:clamp(145px,28vw,215px)!important;overflow:hidden} .photo img{display:block;width:100%;height:100%;object-fit:contain;padding:10px!important} .item-body{display:flex;flex-direction:column;gap:6px;min-width:0;padding:12px 12px 13px!important} .category-label{font-size:10px;line-height:1.3;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere} .item strong{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:auto!important;font-size:13px!important;line-height:1.35!important;margin:0!important} .item-open{margin:0!important} .available{margin:0 0 2px!important;font-size:11px!important;line-height:1.35} .buy{display:grid!important;grid-template-columns:minmax(0,1fr) 88px!important;align-items:end;gap:8px!important;margin-top:auto!important;min-width:0;min-height:42px!important} .buy .price{display:flex;align-items:flex-end;min-width:0;white-space:normal!important;overflow-wrap:anywhere;font-size:clamp(14px,4vw,20px)!important;line-height:1.1!important} .buy .add-btn,.buy .stepper{grid-column:2;grid-row:1;width:88px!important;height:36px!important;min-height:36px!important;max-height:36px!important;margin:0;justify-self:stretch} .buy .add-btn{display:grid;place-items:center;padding:0!important;border-radius:10px;font-size:20px!important} .buy .stepper{display:grid!important;grid-template-columns:26px minmax(0,1fr) 26px!important;gap:2px!important;padding:2px!important;border-radius:10px} .buy .stepper button{width:26px!important;height:32px!important;min-height:32px!important;padding:0!important;font-size:18px!important} .buy .stepper b{display:grid;place-items:center;min-width:0;font-size:12px!important;line-height:1;white-space:nowrap} .favorite-btn{width:34px!important;height:34px!important} #account-view .account-eyebrow{display:none!important} #account-view .account-addresses,#account-address-list,#account-address-form{display:none!important} @media(max-width:820px){.home-categories{grid-template-columns:repeat(4,minmax(0,1fr))!important}} @media(max-width:640px){ .main{padding-inline:10px!important} .header-inner{min-height:58px!important;padding:9px 12px!important} #catalog-view .hero{padding:20px 16px 18px!important;border-radius:18px!important} #catalog-view .hero h1{font-size:clamp(25px,8vw,33px)!important} #catalog-view .hero p{font-size:14px!important;max-width:none} #catalog-view .hero-perks span{font-size:11px;padding:7px 10px} .home-categories{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important} .cat-tile{padding:8px 6px 10px!important;font-size:11px!important} .photo{height:clamp(124px,39vw,182px)!important} .item-body{padding:10px 10px 12px!important} } @media(max-width:430px){ .filters{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important} .filters select{min-width:0;font-size:12px!important;padding:10px 8px!important} .home-categories{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important} .cat-tile{font-size:10px!important;border-radius:13px!important} .photo{height:132px!important} .buy{grid-template-columns:minmax(0,1fr) 82px!important;gap:6px!important} .buy .add-btn,.buy .stepper{width:82px!important;height:34px!important;min-height:34px!important} .buy .stepper{grid-template-columns:24px minmax(0,1fr) 24px!important} .buy .stepper button{width:24px!important;height:30px!important;min-height:30px!important} } @media(max-width:360px){ .home-categories{grid-template-columns:repeat(2,minmax(0,1fr))!important} .buy{grid-template-columns:minmax(0,1fr) 78px!important} .buy .add-btn,.buy .stepper{width:78px!important} .buy .stepper{grid-template-columns:22px minmax(0,1fr) 22px!important} .buy .stepper button{width:22px!important} } /* PR #5: keep the existing palette; readable names and finger-sized controls. */ .search-row-v20{display:flex;gap:8px;align-items:stretch;margin-bottom:12px;min-width:0} .search-row-v20 .search{min-width:0;margin:0;flex:1;font-size:16px} .search-row-v20 button{flex:none;min-height:44px;padding-inline:12px} .catalog-pager-v20{display:flex;justify-content:center;align-items:center;gap:10px;padding:18px 0;flex-wrap:wrap} .catalog-pager-v20 button{min-height:44px} .item strong{display:block!important;-webkit-line-clamp:unset;overflow:visible!important;overflow-wrap:anywhere} .buy{grid-template-columns:minmax(0,1fr)!important;gap:8px!important} .buy .price{grid-column:1;grid-row:1;min-height:24px} .buy .add-btn,.buy .stepper{grid-column:1!important;grid-row:2!important;width:100%!important;height:44px!important;min-height:44px!important;max-height:none!important} .buy .stepper{grid-template-columns:44px minmax(0,1fr) 44px!important} .buy .stepper button{width:44px!important;height:40px!important;min-height:40px!important} .favorite-btn{width:44px!important;height:44px!important} button:disabled{cursor:default;opacity:.5} .item,.cart-title,.filters>*,.panel{min-width:0} .cart-title{overflow-wrap:anywhere;flex:1} .qty{flex:none}.qty button{width:44px;height:44px} #cart-total{display:flex;flex-direction:column;gap:8px} input,textarea,select{scroll-margin-top:80px} @media(max-width:640px){.home-categories{display:flex!important;overflow-x:auto;gap:8px!important;overscroll-behavior-x:contain}.cat-tile{flex:0 0 100px}.line{flex-wrap:wrap}.line .qty{margin-left:auto}.checkout-fields input,.checkout-fields textarea{font-size:16px}} .detail-photo-v20{height:240px;display:flex;justify-content:center}.detail-photo-v20 img{width:100%;height:100%;object-fit:contain} .search-row-v20 #v92-search-wrap{flex:1;min-width:0} /* Keep the test banner above the sticky header, including wrapped mobile text. */ #sever-staging-banner{position:fixed;top:0;left:0;right:0;z-index:999999;background:#c62828;color:#fff;text-align:center;font:700 12px/1.4 system-ui,sans-serif;padding:5px 10px;pointer-events:none} body.sever-is-staging::before{content:"";display:block;height:var(--sever-staging-offset,28px)} .sever-is-staging .header{top:var(--sever-staging-offset,28px)} @supports(overflow:clip){html,body{overflow-x:clip}} .staging-stock-warning{padding:10px;border:1px solid #e5a18e;border-radius:10px;background:#fff4ed;color:#82371e} #max-open{display:inline-block;padding:12px 20px;text-decoration:none;border-radius:12px} #max-open[hidden]{display:none} /* Equal icon boxes avoid OS-dependent emoji baselines in the bottom navigation. */ .nav button{grid-template-rows:24px auto;align-content:center} .nav .sym{display:grid;place-items:center;width:24px;height:24px;line-height:1} .nav .sym svg{display:block;width:24px;height:24px} /* A category image must fit the aspect-ratio box, not size its implicit grid row. */ .cat-visual{position:relative} .cat-visual>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain} /* SEVER: убрать обводку полей имени и телефона в корзине */ #cart-view #buyer-name, #cart-view #buyer-phone { outline: none !important; box-shadow: none !important; } #cart-view #buyer-name:focus, #cart-view #buyer-phone:focus, #cart-view #buyer-name:active, #cart-view #buyer-phone:active { outline: none !important; box-shadow: none !important; border-color: #dce5f0 !important; } /* SEVER: без жёлтых обводок в доставке */ #ozon-pvz, #ozon-phone, #local-address, #ozon-pvz:focus, #ozon-phone:focus, #local-address:focus, #ozon-pvz:active, #ozon-phone:active, #local-address:active { outline: none !important; box-shadow: none !important; border-color: #dce5f0 !important; } /* SEVER: без жёлтой обводки комментария к заказу */ #cart-view #order-comment, #cart-view #order-comment:focus, #cart-view #order-comment:active { outline: none !important; box-shadow: none !important; border-color: #dce5f0 !important; } /* SEVER: hide obsolete messenger linking UI */ #identity-v911-max { display: none !important; } /* SEVER: аккуратные настройки личного кабинета */ #account-view .account-settings { display: block; } #account-view #profile-name-form { display: grid; grid-template-columns: 1fr; gap: 10px; margin: 16px 0; } #account-view #profile-name-form label, #account-view #profile-name-form input, #account-view #profile-name-form button { width: 100%; max-width: 100%; box-sizing: border-box; } #account-view #profile-name-form button { min-height: 48px; margin: 0; } #account-view #identity-links-v911 { margin-top: 20px; padding-top: 18px; border-top: 1px solid #e0e5ed; } #account-view .sever-push-settings-v22 { margin-top: 16px; } #account-view .sever-push-settings-v22 h3 { margin: 0 0 14px; } #account-view .sever-push-settings-v22 button { width: 100%; min-height: 48px; margin: 8px 0 0 !important; box-sizing: border-box; } #account-view .sever-push-settings-v22 #push-status-v20 { margin: 8px 0 12px; } #account-view .sever-push-settings-v22 .hint { margin-top: 12px; } /* SEVER: статус строго по ширине текста */ .status-v85 { display: inline-flex !important; align-self: flex-start !important; flex: 0 0 auto !important; width: max-content !important; max-width: 100%; white-space: nowrap; align-items: center; justify-content: center; } /* SEVER_HISTORY_UI_V26 */ .history-card-v20 > summary{ position:relative; cursor:pointer; list-style:none; padding-right:32px!important; } .history-card-v20 > summary::-webkit-details-marker{ display:none; } .history-card-v20 > summary::after{ content:''; position:absolute; right:13px; top:50%; width:8px; height:8px; border-right:2px solid #416b96; border-bottom:2px solid #416b96; transform:translateY(-65%) rotate(45deg); transition:transform .18s; } .history-card-v20[open] > summary::after{ transform:translateY(-25%) rotate(225deg); } .history-items-v20 li{ display:flex; align-items:center; gap:10px; } .history-items-v20 li>span:not(.history-photo-empty-v26){ flex:1; min-width:0; overflow-wrap:anywhere; } .history-photo-v26,.history-photo-empty-v26{ width:52px; height:52px; flex:0 0 52px; object-fit:contain; background:#f3f6fa; border:1px solid #e4eaf2; border-radius:10px; } .history-photo-empty-v26{ display:grid; place-items:center; }