
:root{font-family:Arial,Helvetica,sans-serif;color:#202631;background:white;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}header{position:sticky;top:0;z-index:3;background:#fff;border-bottom:1px solid #e8edf3}.head{max-width:1250px;margin:auto;min-height:83px;display:flex;align-items:center;gap:30px;padding:14px 24px}.logo{font-weight:800;font-size:22px;white-space:nowrap;letter-spacing:-.8px}.logo span{color:#1672e8}.search{flex:1;max-width:570px}.search input{width:100%;background:#f5f7fa;border:1px solid #f1f3f6;border-radius:30px;padding:14px 20px;outline:none}.search input:focus{border-color:#1672e8}.cartnav{margin-left:auto;border:1px solid #1872ed;background:#fff;color:#0765d1;border-radius:30px;padding:12px 18px;font-weight:700;white-space:nowrap}.cartnav:hover{background:#f0f7ff}.num{display:inline-block;background:#1672e8;color:white;border-radius:99px;padding:2px 7px;margin-left:5px;font-size:12px}main{max-width:1250px;margin:0 auto;padding:30px 24px 70px}h1{font-size:25px;margin:0 0 7px}.sub{color:#78818c;font-size:14px;margin:0 0 23px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.chip{border:1px solid #e1e6ef;background:#fff;border-radius:20px;padding:9px 16px;color:#3c4859}.chip.on{background:#1872ed;color:#fff;border-color:#1872ed}.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:17px}.product{border:1px solid #e6ebf2;border-radius:15px;padding:13px;display:flex;flex-direction:column;min-width:0}.product:hover{border-color:#c8d8ed}.photo{height:155px;background:#f6f8fb;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#b2bdcb;font-size:48px}.product-title{min-height:50px;font-size:15px;font-weight:700;line-height:1.4;margin:15px 0 7px}.category{font-size:12px;color:#87909d;margin-bottom:16px}.add{margin-top:auto;border:0;border-radius:9px;background:#1872ed;color:white;padding:11px 6px;font-weight:700}.add:hover,.primary:hover{background:#075bc5}.qtybox{display:flex;align-items:center;justify-content:space-between;margin-top:auto;gap:8px}.qtybox button{width:36px;height:37px;border:1px solid #ccd9ed;background:white;color:#116fe3;border-radius:9px;font-size:20px}.qtybox b{font-size:16px}.shade{position:fixed;inset:0;background:#11182773;z-index:5;display:none}.shade.show{display:block}.drawer{position:fixed;right:0;top:0;bottom:0;z-index:6;width:min(440px,100vw);background:white;box-shadow:-8px 0 30px #0002;transform:translateX(110%);transition:transform .2s;display:flex;flex-direction:column}.drawer.open{transform:translateX(0)}.dhead{border-bottom:1px solid #e8edf3;padding:23px;display:flex;align-items:center;justify-content:space-between}.dhead h2{margin:0;font-size:21px}.close{border:0;background:transparent;font-size:28px;color:#546071}.dbody{padding:22px;overflow:auto;flex:1}.cartline{padding:14px 0;border-bottom:1px solid #edf0f4;display:flex;align-items:center;justify-content:space-between;gap:10px}.cartline span{font-size:14px;font-weight:600}.mini{display:flex;align-items:center;gap:8px}.mini button{background:#f3f7fd;border:0;border-radius:7px;width:28px;height:28px;color:#1266cf;font-size:20px}.mini b{min-width:15px;text-align:center}.formtitle{margin:27px 0 15px;font-size:17px}.field{display:block;font-size:13px;font-weight:bold;margin:14px 0 6px}.fieldinput{display:block;width:100%;padding:13px;border:1px solid #d8e0e8;border-radius:9px;outline:none}.fieldinput:focus{border-color:#1872ed}.dbottom{padding:19px 22px;border-top:1px solid #e8edf3}.primary{width:100%;padding:14px;background:#1872ed;border:none;border-radius:9px;color:white;font-weight:700}.primary:disabled{background:#9bbded;cursor:not-allowed}.note{color:#8190a1;font-size:12px;line-height:1.5;margin-top:11px}.empty{color:#7e8997;text-align:center;padding:50px 10px}.success{text-align:center;padding:45px 12px}.success .check{font-size:50px;color:#129e69}.success h2{font-size:21px}.success p{color:#697586;line-height:1.6}.success button{margin-top:15px}.noshow{display:none!important}footer{text-align:center;color:#a1a9b2;font-size:12px;padding:20px} @media(max-width:1100px){.grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:850px){.grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.head{gap:12px;padding:12px 15px;flex-wrap:wrap;min-height:0}.logo{font-size:19px}.cartnav{padding:10px 12px;font-size:13px}.search{order:3;flex-basis:100%;max-width:none}.search input{padding:12px 14px}main{padding:23px 14px 40px}h1{font-size:22px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product{padding:9px;border-radius:12px}.photo{height:120px}.product-title{font-size:13px;min-height:50px}.chip{padding:8px 12px;font-size:13px}.add{font-size:13px}.qtybox button{width:33px;height:34px}}

.photo img{height:100%;width:100%;object-fit:contain;border-radius:10px} .muted{color:#768397;font-size:13px}.custom-section{background:#f7faff;padding:15px;border-radius:12px;margin-top:22px}.custom-row{display:flex;gap:8px;margin:8px 0}.custom-row input:first-child{flex:1;min-width:0}.custom-row input:last-child{width:75px}.custom-row button{border:1px solid #1872ed;color:#1872ed;background:#fff;padding:8px 12px;border-radius:8px}.notice{padding:12px;border-radius:9px;background:#fff1d7;font-size:13px;margin-top:10px}.cartline small{display:block;color:#8a95a5}.formtitle{margin-top:22px} .success button{margin-top:12px} .header-admin{color:#9aabc2;font-size:11px}

.pack-info{font-size:12px;color:#44546a;margin:-6px 0 13px}.pack-total{font-size:12px;color:#56647a;margin-top:6px;text-align:center}.qtybox{margin-top:auto}.cartline small{font-size:12px;font-weight:400;line-height:1.5;margin-top:4px}.mini{flex-shrink:0}

/* Двухуровневая навигация, компактная на телефоне */
.major-cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 20px}
.major-btn{min-height:88px;background:#fff;border:1px solid #dce5ef;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px 8px;text-align:center;color:#253344}
.major-btn span{font-size:25px}.major-btn b{font-size:14px}.major-btn:hover,.major-btn.on{background:#edf5ff;border-color:#1872ed;color:#075bc5}
.subcat-box{margin-bottom:23px}.subcat-title{font-size:14px;font-weight:700;color:#5c6877;margin-bottom:11px}.subcat-box .chips{margin-bottom:0}
@media(max-width:750px){.major-cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.major-btn{min-height:76px}.major-btn span{font-size:23px}.major-btn b{font-size:13px}}

/* v2.2.4: compact major categories, scrollable left navigation, seven-day arrivals */
.major-cats{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:15px}
.major-btn{min-height:66px;padding:7px 6px;gap:4px;border-radius:11px}
.major-btn span{font-size:19px}.major-btn b{font-size:13px}
.catalog-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:17px;align-items:start}
.subcat-box{position:sticky;top:98px;margin-bottom:0;border:1px solid #e3e9f1;border-radius:12px;padding:13px;max-height:calc(100vh - 118px);overflow:auto}
.subcat-box .chips{display:flex;flex-direction:column;align-items:stretch;gap:3px}
.subcat-box .chip{border-radius:8px;text-align:left;white-space:normal;padding:8px 10px;font-size:13px;line-height:1.3}
.subcat-title{margin-bottom:10px}.catalog-list{min-width:0}.catalog-section-heading{font-size:17px;margin:0 0 12px;color:#334254}
.catalog-list .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.mobile-cat-toggle{display:none}.new-arrivals{margin-bottom:22px}.new-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}
.new-heading h2{font-size:19px;margin:0}.new-heading button{background:none;border:0;color:#1264ca;font-weight:bold;padding:8px}
.new-scroll{display:flex;gap:9px;overflow-x:auto;padding-bottom:9px;scroll-snap-type:x proximity}
.new-card{flex:0 0 120px;display:flex;flex-direction:column;align-items:stretch;gap:5px;scroll-snap-align:start;text-align:left;border:1px solid #e2e8f1;background:#fff;border-radius:11px;padding:8px;color:#253344}
.new-card img{width:100%;height:88px;object-fit:contain;background:#f7f9fb;border-radius:7px}.new-card span{font-size:12px;font-weight:600;line-height:1.35;max-height:34px;overflow:hidden}
.product-highlight{outline:3px solid #1872ed;outline-offset:2px}
@media(max-width:1050px){.catalog-layout{grid-template-columns:185px minmax(0,1fr)}.catalog-list .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:750px){.major-cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.major-btn{min-height:62px;flex-direction:row;gap:7px;padding:7px 8px}.major-btn span{font-size:17px}.major-btn b{font-size:12px}.catalog-layout{display:block}.subcat-box{position:static;max-height:none;padding:0;margin-bottom:13px;border:0}.mobile-cat-toggle{display:block;width:100%;padding:11px;border:1px solid #d4deec;border-radius:9px;background:#f7faff;text-align:left;font-weight:700;color:#166acb}.subcat-box #sidebarContent{display:none;max-height:300px;overflow:auto;border:1px solid #e3e9f1;padding:10px;margin-top:5px;border-radius:9px}.subcat-box.mobile-open #sidebarContent{display:block}.catalog-list .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.new-card{flex-basis:108px}.new-card img{height:75px}}
