:root{--navy:#172a3a;--teal:#087f79;--teal-dark:#056761;--orange:#f36f45;--blue:#eaf5fb;--bg:#f5f7f8;--white:#fff;--text:#1e2d38;--muted:#677681;--line:#dfe5e8;--shadow:0 14px 34px rgba(30,45,56,.09);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--text);background:var(--white);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--white)}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}.shell{width:min(1280px,calc(100% - 40px));margin-inline:auto}.prototype-note{padding:7px 20px;color:#fff;background:var(--navy);font-size:11px;text-align:center}.header{position:sticky;z-index:40;top:0;background:#fff;box-shadow:0 3px 16px rgba(20,42,58,.08)}.header-top{display:flex;align-items:center;justify-content:space-between;min-height:35px;color:var(--muted);font-size:11px}.header-links,.header-meta{display:flex;gap:22px}.header-meta .status-dot{display:flex;align-items:center;gap:7px}.status-dot:before{width:7px;height:7px;background:#30a66c;border-radius:50%;content:""}.header-main{display:grid;grid-template-columns:210px 1fr auto;gap:28px;align-items:center;min-height:82px}.logo{display:flex;align-items:center;gap:11px;width:max-content}.logo-sign{display:grid;width:48px;height:48px;place-items:center;color:#fff;background:var(--orange);border-radius:12px}.logo-sign svg{width:34px;fill:currentColor}.logo>span:last-child{display:flex;flex-direction:column}.logo strong{font-size:24px;font-weight:900;letter-spacing:.06em;line-height:1}.logo small{margin-top:5px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.search{display:grid;grid-template-columns:auto 1fr auto;align-items:center;height:48px;padding-left:15px;overflow:hidden;background:var(--bg);border:1px solid var(--line);border-radius:9px}.search svg{width:20px;fill:none;stroke:var(--muted);stroke-width:1.8}.search input{width:100%;padding:0 12px;border:0;outline:0;background:transparent;font-size:13px}.search button{height:100%;padding:0 24px;border:0;color:#fff;background:var(--teal);cursor:pointer;font-size:12px;font-weight:750}.header-actions{display:flex;align-items:center;gap:12px}.action-link,.cart-button{display:flex;align-items:center;gap:9px;min-height:48px;padding:0 11px;border:0;background:transparent;border-radius:9px}.action-link svg,.cart-button svg{width:24px;fill:none;stroke:var(--teal);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.action-link span,.cart-button span{display:flex;flex-direction:column;align-items:flex-start}.action-link small,.cart-button small{color:var(--muted);font-size:9px}.action-link strong,.cart-button strong{margin-top:3px;font-size:12px}.cart-button{position:relative;background:var(--blue);cursor:pointer}.cart-button b{position:absolute;top:-4px;right:-4px;display:grid;min-width:21px;height:21px;padding:0 5px;place-items:center;color:#fff;background:var(--orange);border:2px solid #fff;border-radius:50%;font-size:9px}.category-nav{background:var(--teal)}.category-nav-inner{display:flex;align-items:center;min-height:47px;overflow-x:auto}.category-nav a{display:flex;align-items:center;height:47px;padding:0 22px;color:#fff;font-size:12px;font-weight:700;white-space:nowrap}.category-nav a:hover{background:rgba(255,255,255,.1)}.category-nav .catalog-link{min-width:210px;padding-left:0;font-weight:800}.burger{margin-right:10px;font-size:17px}.category-nav .sale-link{color:#fff0b5}.hero{position:relative;height:420px;margin-top:24px;overflow:hidden;background:#edf1f4;border-radius:16px}.hero>img{width:100%;height:100%;object-fit:cover}.hero-content{position:absolute;top:0;bottom:0;left:0;display:flex;width:53%;flex-direction:column;align-items:flex-start;justify-content:center;padding:55px}.hero-label,.section-kicker,.section-title-row>div>span{color:var(--teal);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero h1{margin:13px 0 16px;color:var(--navy);font-size:48px;line-height:1.05;letter-spacing:-.035em}.hero-content p{max-width:520px;margin:0 0 25px;color:var(--muted);font-size:15px;line-height:1.6}.primary-button,.secondary-button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:0 23px;border:0;color:#fff;background:var(--teal);border-radius:8px;cursor:pointer;font-size:12px;font-weight:800;transition:.18s ease}.primary-button:hover{background:var(--teal-dark)}.secondary-button{color:var(--teal);background:var(--blue)}.primary-button.full{width:100%}.hero-delivery{position:absolute;right:24px;bottom:24px;display:flex;align-items:center;gap:12px;padding:13px 17px;background:rgba(255,255,255,.94);border-radius:10px;box-shadow:var(--shadow)}.hero-delivery svg{width:28px;fill:none;stroke:var(--orange);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.hero-delivery span{display:flex;flex-direction:column}.hero-delivery strong{font-size:12px}.hero-delivery small{margin-top:4px;color:var(--muted);font-size:9px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px;overflow:hidden;border:1px solid var(--line);border-radius:12px}.benefits article{display:flex;align-items:center;gap:13px;min-height:90px;padding:17px 20px}.benefits article+article{border-left:1px solid var(--line)}.benefit-icon{display:grid;width:46px;height:46px;flex:0 0 46px;place-items:center;border-radius:12px}.benefit-icon.blue{background:#e6f3fa}.benefit-icon.green{background:#e5f6ee}.benefit-icon.orange{background:#fff0e9}.benefit-icon.purple{background:#f2ebfa}.benefit-icon svg{width:24px;fill:none;stroke:var(--teal);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}.benefit-icon.orange svg{stroke:var(--orange)}.benefits article>div{display:flex;flex-direction:column}.benefits strong{font-size:12px}.benefits small{margin-top:5px;color:var(--muted);font-size:10px}.pet-categories,.catalog-section{padding-top:75px}.section-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:25px}.section-title-row h2,.delivery-inner h2,.about h2,.drawer-header h2,.checkout-dialog h2{margin:7px 0 0;color:var(--navy);font-size:32px;line-height:1.15;letter-spacing:-.025em}.section-title-row>a{color:var(--teal);font-size:12px;font-weight:750}.pet-category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.pet-category-grid>a{display:flex;min-height:220px;align-items:center;flex-direction:column;padding:16px;background:var(--bg);border:1px solid transparent;border-radius:13px;text-align:center;transition:.18s ease}.pet-category-grid>a:hover{border-color:#8fc8c4;box-shadow:var(--shadow);transform:translateY(-3px)}.animal-photo,.animal-symbol{width:130px;height:130px;margin-bottom:12px;background:#dcebed;border-radius:50%}.animal-photo{background-image:url("./assets/lapki-hero-v2.png");background-repeat:no-repeat;background-size:auto 230px}.dog-photo{background-position:70% 42%}.cat-photo{background-position:99% 48%}.animal-symbol{display:grid;place-items:center;color:#fff;background:#e6b583;font-size:46px;font-weight:900}.animal-symbol.bird{background:#88b7ce}.animal-symbol.fish{background:#65b7b2}.pet-category-grid strong{font-size:14px}.pet-category-grid small{margin-top:5px;color:var(--muted);font-size:10px}.catalog-section{padding-bottom:95px}.catalog-title>p{max-width:470px;margin:0;color:var(--muted);font-size:12px;line-height:1.6}.catalog-layout{display:grid;grid-template-columns:220px 1fr;gap:24px}.catalog-sidebar{display:flex;height:max-content;flex-direction:column;padding:18px;background:var(--bg);border-radius:11px}.catalog-sidebar>strong{margin-bottom:12px;font-size:14px}.catalog-sidebar>button{display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:0 9px;border:0;background:transparent;border-radius:7px;cursor:pointer;color:var(--muted);font-size:11px;text-align:left}.catalog-sidebar>button.active{color:var(--teal);background:#fff;font-weight:750}.catalog-sidebar>button span{font-size:9px}.sidebar-banner{display:flex;flex-direction:column;margin-top:15px;padding:17px;color:#fff;background:var(--teal);border-radius:9px}.sidebar-banner small{font-size:9px}.sidebar-banner strong{margin:5px 0 12px;font-size:14px;line-height:1.25}.sidebar-banner span{color:rgba(255,255,255,.75);font-size:9px;line-height:1.4}.catalog-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.category-filters{display:flex;gap:7px}.category-filters button{height:34px;padding:0 13px;border:1px solid var(--line);background:#fff;border-radius:7px;cursor:pointer;font-size:10px}.category-filters button.active{color:#fff;background:var(--teal);border-color:var(--teal)}.catalog-tools select{height:34px;padding:0 28px 0 11px;border:1px solid var(--line);outline:0;background:#fff;border-radius:7px;font-size:10px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.product-card{position:relative;display:flex;min-width:0;flex-direction:column;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:10px;transition:.18s ease}.product-card:hover{border-color:#a8cecb;box-shadow:var(--shadow);transform:translateY(-2px)}.product-image{position:relative;display:grid;height:190px;place-items:center;background:#fff}.product-badge{position:absolute;z-index:2;top:10px;left:10px;padding:5px 7px;color:var(--orange);background:#fff0e9;border-radius:5px;font-size:8px;font-weight:850;text-transform:uppercase}.pack{position:relative;display:flex;width:93px;height:130px;align-items:center;flex-direction:column;justify-content:center;overflow:hidden;color:#fff;background:var(--product-color);border-radius:9px 9px 18px 18px;box-shadow:0 12px 22px rgba(30,45,56,.16);transform:rotate(-2deg)}.pack:before{position:absolute;top:0;right:0;left:0;height:14px;background:rgba(255,255,255,.22);content:""}.pack-mark{font-size:25px;font-weight:900;letter-spacing:-.05em}.pack small{margin-top:4px;color:rgba(255,255,255,.8);font-size:7px;font-weight:800;text-transform:uppercase}.product-info{display:flex;flex:1;flex-direction:column;padding:13px}.product-category{color:var(--teal);font-size:8px;font-weight:800;text-transform:uppercase}.product-info h3{min-height:45px;margin:7px 0 4px;font-size:12px;font-weight:650;line-height:1.35}.product-volume{margin:0 0 12px;color:var(--muted);font-size:9px}.product-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.product-price{display:flex;flex-direction:column}.product-price strong{font-size:16px}.product-price small{margin-top:2px;color:var(--muted);font-size:7px}.add-button{height:34px;padding:0 13px;border:0;color:#fff;background:var(--teal);border-radius:7px;cursor:pointer;font-size:10px;font-weight:800}.add-button:hover{background:var(--orange)}.empty-results{padding:70px;text-align:center}.empty-results h3{margin:0}.empty-results p{color:var(--muted);font-size:12px}.delivery-section{padding:75px 0;background:var(--navy)}.delivery-inner{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;align-items:center;color:#fff}.delivery-inner .section-kicker{color:#73d4ce}.delivery-inner h2{color:#fff;font-size:38px}.delivery-inner>div:first-child>p{max-width:520px;color:rgba(255,255,255,.67);font-size:13px;line-height:1.65}.delivery-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.delivery-cards article{position:relative;min-height:185px;padding:24px;background:#fff;border-radius:12px;color:var(--text)}.delivery-cards b{position:absolute;top:21px;right:21px;color:#b8c2c8;font-size:11px}.delivery-cards strong{display:block;margin-top:50px;font-size:16px}.delivery-cards p{color:var(--muted);font-size:11px;line-height:1.55}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-block:80px}.about h2{font-size:38px}.about>p{color:var(--muted);font-size:14px;line-height:1.75}.footer{padding:60px 0 22px;color:#fff;background:#0f202d}.footer-main{display:grid;grid-template-columns:1.3fr 1fr .8fr 1fr;gap:45px}.footer-logo .logo-sign{font-size:22px;font-weight:900}.footer-logo small{color:rgba(255,255,255,.5)}.footer-main>div{display:flex;align-items:flex-start;flex-direction:column;gap:9px}.footer-main p,.footer-main span,.footer-main a:not(.logo){color:rgba(255,255,255,.55);font-size:10px;line-height:1.6}.footer-main>div>small{margin-bottom:7px;color:#70d3cd;font-size:9px;font-weight:800;text-transform:uppercase}.footer-main>div>strong{font-size:13px}.footer-bottom{display:flex;justify-content:space-between;margin-top:38px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.4);font-size:9px}.drawer-backdrop{position:fixed;z-index:80;inset:0;background:rgba(10,27,38,.48)}.cart-drawer{position:fixed;z-index:90;top:0;right:0;display:flex;width:min(430px,100%);height:100dvh;flex-direction:column;padding:25px;background:#fff;box-shadow:-24px 0 60px rgba(15,32,45,.2);transform:translateX(105%);transition:transform .24s ease}.cart-drawer.open{transform:translateX(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--line)}.drawer-header small{color:var(--teal);font-size:9px;font-weight:800;text-transform:uppercase}.drawer-header h2{font-size:28px}.icon-button{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--line);background:#fff;border-radius:50%;cursor:pointer;font-size:22px}.cart-items{flex:1;overflow:auto}.cart-item{display:grid;grid-template-columns:62px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.cart-item-visual{display:grid;width:62px;height:62px;place-items:center;color:#fff;background:var(--item-color);border-radius:8px;font-size:20px;font-weight:900}.cart-item h3{margin:0 0 4px;font-size:11px}.cart-item p{margin:0;color:var(--muted);font-size:8px}.quantity-control{display:flex;align-items:center;gap:7px;margin-top:7px}.quantity-control button{display:grid;width:23px;height:23px;padding:0;place-items:center;border:1px solid var(--line);background:#fff;border-radius:5px;cursor:pointer}.quantity-control span{font-size:9px}.cart-item>strong{font-size:11px}.cart-empty{margin:auto;padding:50px;text-align:center}.cart-empty svg{width:52px;margin:auto;fill:none;stroke:#a9b5bb;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}.cart-empty h3{font-size:18px}.cart-empty p{color:var(--muted);font-size:10px}.cart-summary{padding-top:18px;border-top:1px solid var(--line)}.cart-summary>div{display:flex;justify-content:space-between;margin-bottom:9px;color:var(--muted);font-size:10px}.cart-summary>div strong{color:var(--text)}.cart-summary .cart-total{margin:15px 0;padding-top:15px;border-top:1px dashed var(--line);font-size:14px}.cart-summary .cart-total strong{font-size:19px}.cart-summary>small{display:block;margin-top:8px;color:var(--muted);font-size:8px;text-align:center}.checkout-dialog{width:min(520px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:34px;overflow:auto;border:0;border-radius:14px}.checkout-dialog::backdrop{background:rgba(10,27,38,.6)}.dialog-close{position:absolute;top:18px;right:18px}.checkout-dialog h2{margin:8px 0 24px;font-size:29px}.receive-toggle{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:16px;padding:4px;background:var(--bg);border-radius:8px}.receive-toggle input{position:absolute;opacity:0}.receive-toggle span{display:grid;height:39px;place-items:center;border-radius:6px;cursor:pointer;font-size:10px;font-weight:750}.receive-toggle input:checked+span{color:#fff;background:var(--teal)}.form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;font-size:9px;font-weight:750}.form-field input,.form-field textarea{padding:12px;border:1px solid var(--line);outline:0;border-radius:7px;font-size:11px;font-weight:400;resize:vertical}.form-field input:focus,.form-field textarea:focus{border-color:var(--teal)}.test-notice{margin:16px 0;padding:11px;color:#7b5722;background:#fff4d8;border-radius:7px;font-size:9px}.success-view{padding:20px;text-align:center}.success-icon{display:grid;width:66px;height:66px;margin:0 auto 20px;place-items:center;color:#fff;background:var(--teal);border-radius:50%;font-size:28px}.success-view p{color:var(--muted);font-size:11px;line-height:1.6}.toast{position:fixed;z-index:100;right:20px;bottom:20px;padding:12px 16px;color:#fff;background:var(--navy);border-radius:8px;font-size:10px;opacity:0;pointer-events:none;transform:translateY(15px);transition:.2s ease}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1050px){.header-main{grid-template-columns:170px 1fr auto}.action-link{display:none}.category-nav a{padding-inline:15px}.benefits{grid-template-columns:repeat(2,1fr)}.benefits article:nth-child(3){border-left:0;border-top:1px solid var(--line)}.benefits article:nth-child(4){border-top:1px solid var(--line)}.product-grid{grid-template-columns:repeat(3,1fr)}.pet-category-grid{grid-template-columns:repeat(3,1fr)}.delivery-inner{grid-template-columns:1fr}.footer-main{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.shell{width:min(100% - 24px,620px)}.prototype-note{font-size:9px}.header-top{display:none}.header{position:relative}.header-main{grid-template-columns:1fr auto;gap:10px;min-height:70px}.logo-sign{width:40px;height:40px}.logo-sign svg{width:28px}.logo strong{font-size:20px}.search{grid-column:1/-1;grid-row:2;margin-bottom:10px}.header-actions .cart-button span{display:none}.category-nav-inner{width:100%;padding-left:12px}.category-nav .catalog-link{min-width:auto}.category-nav a{padding-inline:13px}.hero{height:470px;margin-top:12px}.hero>img{object-position:64% center}.hero:after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(238,243,246,.97) 0%,rgba(238,243,246,.8) 55%,rgba(238,243,246,.05) 100%);content:""}.hero-content{z-index:2;width:82%;padding:28px}.hero h1{font-size:36px}.hero-content p{font-size:12px}.hero-delivery{z-index:3;right:12px;bottom:12px;left:12px}.benefits{grid-template-columns:1fr}.benefits article+article{border-top:1px solid var(--line);border-left:0}.pet-categories,.catalog-section{padding-top:55px}.section-title-row{align-items:flex-start;flex-direction:column;gap:12px}.pet-category-grid{grid-template-columns:repeat(2,1fr);gap:9px}.pet-category-grid>a{min-height:185px}.animal-photo,.animal-symbol{width:105px;height:105px}.animal-photo{background-size:auto 190px}.catalog-layout{grid-template-columns:1fr}.catalog-sidebar{display:none}.catalog-tools{align-items:stretch;flex-direction:column}.category-filters{overflow-x:auto}.category-filters button{flex:0 0 auto}.product-grid{grid-template-columns:repeat(2,1fr);gap:8px}.product-image{height:165px}.product-info h3{font-size:11px}.delivery-cards{grid-template-columns:1fr}.about{grid-template-columns:1fr;gap:20px;padding-block:60px}.footer-main{grid-template-columns:1fr}.checkout-dialog{padding:28px 18px}}
@media(max-width:410px){.hero-content{width:100%}.hero h1{font-size:32px}.pet-category-grid{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:1fr}.product-image{height:210px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Трёхуровневый каталог из структуры Saby */
.category-tree{display:flex;flex-direction:column;gap:3px}.category-tree button,.category-tree summary{width:100%;border:0;color:var(--muted);background:transparent;cursor:pointer;font-size:11px;text-align:left}.tree-all{display:flex;min-height:40px;align-items:center;justify-content:space-between;padding:0 9px;border-radius:7px!important}.category-tree button.active{color:var(--teal);background:#fff;font-weight:800}.category-tree b{color:#7d8b94;font-size:9px;font-weight:700}.tree-group{border-top:1px solid #e3e8ea}.tree-group:first-of-type{border-top:0}.tree-group>summary,.tree-subgroup>summary{display:flex;min-height:39px;align-items:center;justify-content:space-between;gap:8px;padding:0 8px;list-style:none;font-weight:800}.tree-group>summary::-webkit-details-marker,.tree-subgroup>summary::-webkit-details-marker{display:none}.tree-group>summary:before,.tree-subgroup>summary:before{content:"›";width:12px;color:var(--teal);font-size:16px;transition:transform .15s ease}.tree-group[open]>summary:before,.tree-subgroup[open]>summary:before{transform:rotate(90deg)}.tree-group>summary span,.tree-subgroup>summary span{flex:1}.tree-branch{padding:0 0 7px 10px;border-left:1px solid #cfdadb}.tree-branch>button,.tree-leaves button{display:flex;min-height:34px;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border-radius:6px;line-height:1.25}.tree-subgroup>summary{min-height:35px;padding-left:8px;font-weight:650}.tree-subgroup>summary:before{font-size:14px}.tree-leaves{padding:0 0 4px 12px}.tree-leaves button{font-size:10px}.catalog-breadcrumbs{display:flex;align-items:center;gap:7px;min-height:30px;margin-bottom:8px;overflow-x:auto;color:var(--muted);white-space:nowrap}.catalog-breadcrumbs button{padding:0;border:0;color:inherit;background:transparent;cursor:pointer;font-size:10px}.catalog-breadcrumbs button[aria-current="page"]{color:var(--teal);font-weight:800}.catalog-breadcrumbs span{color:#aab5bb;font-size:12px}

@media(max-width:760px){.catalog-sidebar{display:flex;max-height:420px;overflow:auto}.sidebar-banner{display:none}.catalog-breadcrumbs{margin-top:4px}}

/* Реальный каталог из файла Saby */
.product-image{padding:12px}
.product-image>img{width:100%;height:100%;object-fit:contain}
.image-placeholder{display:flex;width:108px;height:140px;align-items:center;flex-direction:column;justify-content:center;color:#fff;background:linear-gradient(145deg,#0b8c85,#075d59);border-radius:9px 9px 18px 18px;box-shadow:0 12px 22px rgba(30,45,56,.14)}
.image-placeholder span{font-size:17px;font-weight:900;letter-spacing:.08em}
.image-placeholder small{margin-top:7px;color:rgba(255,255,255,.72);font-size:7px;text-transform:uppercase}
.product-image .product-badge{color:var(--teal);background:#e9f7f6}
.product-volume{min-height:24px;margin-bottom:8px;line-height:1.35}
.stock{margin-bottom:10px;font-size:8px;font-weight:750}
.stock.available{color:#248357}
.stock.unavailable{color:#a64c40}
.add-button:disabled{cursor:not-allowed;opacity:.35}
.catalog-loading{grid-column:1/-1;padding:80px;color:var(--muted);background:var(--bg);border-radius:10px;text-align:center}
.catalog-loading.error{color:#a64c40}
.cart-item-visual{overflow:hidden}
.cart-item-visual img{width:100%;height:100%;object-fit:contain}
.cart-item-visual{color:#71818b;background:#f1f4f5}
.cart-photo-missing{font-size:8px;font-weight:750;line-height:1.25;text-align:center}
.cart-item-visual .photo-coming-soon{min-height:0;border:0;border-radius:8px}
.cart-item-visual .photo-coming-icon{display:none}
.cart-item-visual .photo-coming-soon strong{font-size:8px}

/* Единая геометрия карточек товаров */
.product-card{height:438px;background:#fff}
.product-image{display:flex;height:210px;min-height:210px;align-items:center;justify-content:center;overflow:hidden;padding:18px;background:#f8fafb;border-bottom:1px solid #edf0f2}
.product-image>img{display:block;width:auto;max-width:100%;height:auto;max-height:100%;object-fit:contain}
.product-info{min-height:0;padding:14px 15px 15px}
.product-info h3{display:-webkit-box;height:49px;min-height:49px;margin:7px 0 5px;overflow:hidden;font-size:12px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.product-volume{display:-webkit-box;height:27px;min-height:27px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.stock{height:13px;min-height:13px;margin-bottom:9px}
.product-footer{min-height:38px;padding-top:9px;border-top:1px solid #edf0f2}
.add-button{flex:0 0 auto;white-space:nowrap}

@media(max-width:760px){.product-card{height:420px}.product-image{height:190px;min-height:190px}}
@media(max-width:410px){.product-card{height:448px}.product-image{height:218px;min-height:218px}}

/* Статус временных изображений и подробная карточка товара */
.image-coming-soon{position:absolute;right:10px;bottom:10px;left:10px;padding:7px 9px;color:#664716;background:rgba(255,245,211,.96);border:1px solid #f2d38c;border-radius:7px;font-size:9px;font-weight:800;text-align:center}
.photo-coming-soon{display:flex;width:100%;height:100%;min-height:120px;align-items:center;flex-direction:column;justify-content:center;color:#71818b;background:linear-gradient(145deg,#f5f7f8,#edf1f3);border:1px dashed #cbd4d9;border-radius:10px;text-align:center}
.photo-coming-icon{display:grid;width:42px;height:42px;margin-bottom:12px;place-items:center;color:#8ca0aa;background:#fff;border-radius:50%;font-size:21px;box-shadow:0 5px 15px rgba(30,45,56,.06)}
.photo-coming-soon strong{max-width:130px;font-size:11px;line-height:1.35}
.details-button{align-self:flex-start;margin:-1px 0 8px;padding:0;border:0;border-bottom:1px dashed #8aa8a6;color:var(--teal);background:transparent;cursor:pointer;font-size:9px;font-weight:750;line-height:1.4}
.details-button:hover{color:var(--orange);border-color:var(--orange)}
.product-dialog{width:min(850px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:38px;overflow:auto;border:0;border-radius:16px;box-shadow:0 28px 80px rgba(15,32,45,.26)}
.product-dialog::backdrop{background:rgba(10,27,38,.62)}
.product-dialog-layout{display:grid;grid-template-columns:minmax(230px,320px) 1fr;gap:34px;align-items:center}
.product-dialog-image{position:relative;display:flex;height:300px;align-items:center;justify-content:center;overflow:hidden;padding:24px;background:#f8fafb;border:1px solid var(--line);border-radius:12px}
.product-dialog-image>img{display:block;width:auto;max-width:100%;height:auto;max-height:100%;object-fit:contain}
.product-dialog-image .image-placeholder{width:145px;height:190px}
.product-dialog-copy h2{margin:9px 0 8px;color:var(--navy);font-size:25px;line-height:1.25}
.product-dialog-path{margin:0 0 20px;color:var(--muted);font-size:11px;line-height:1.5}
.product-dialog-price{display:block;margin-bottom:9px;font-size:24px}
.product-dialog-copy .stock{height:auto;margin:0 0 16px;font-size:10px}
.product-dialog-add{min-width:135px;height:40px}
.product-dialog-section{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.product-dialog-section h3{margin:0 0 12px;color:var(--navy);font-size:16px}
.product-dialog-section>p{margin:0;color:var(--text);font-size:12px;line-height:1.65}
.product-dialog-section>p:not(.details-empty){white-space:pre-line}
.product-dialog-section .details-empty,.image-source-note{color:var(--muted)}
.product-attributes{margin:0}
.product-attributes>div{display:grid;grid-template-columns:minmax(145px,1fr) 2fr;gap:20px;padding:9px 0;border-bottom:1px solid #edf0f2;font-size:11px}
.product-attributes dt{color:var(--muted)}
.product-attributes dd{margin:0;font-weight:650}
.image-source-note{margin:18px 0 0;padding:10px 12px;background:#fff7df;border-radius:7px;font-size:9px;line-height:1.5}
@media(max-width:620px){.product-dialog{padding:52px 18px 24px}.product-dialog-layout{grid-template-columns:1fr;gap:20px}.product-dialog-image{height:240px}.product-dialog-copy h2{font-size:20px}.product-attributes>div{grid-template-columns:1fr;gap:4px}}

/* Витрина разделов по логике крупных зоомагазинов */
.catalog-layout{grid-template-columns:238px minmax(0,1fr);gap:30px}
.catalog-sidebar{position:sticky;top:150px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 24px rgba(30,45,56,.05)}
.catalog-sidebar>strong{padding:8px 10px 12px;color:var(--navy);font-size:15px}
.category-tree{gap:2px}
.catalog-root-button{display:grid;width:100%;min-height:43px;grid-template-columns:28px minmax(0,1fr) auto 12px;gap:8px;align-items:center;padding:5px 9px;border:0;color:#435460;background:transparent;border-radius:9px;cursor:pointer;font-size:11px;text-align:left}
.catalog-root-button:hover{color:var(--teal);background:#f0f8f7}
.catalog-root-button.active{color:#fff!important;background:var(--teal)!important}
.catalog-root-button.active b,.catalog-root-button.active i{color:rgba(255,255,255,.8)}
.catalog-root-icon{display:grid;width:27px;height:27px;place-items:center;background:#eff5f5;border-radius:8px;font-size:14px;font-style:normal}
.catalog-root-button.active .catalog-root-icon{background:rgba(255,255,255,.18)}
.catalog-root-button b{color:#829099;font-size:9px;font-weight:700}
.catalog-root-button i{color:#9dabb2;font-size:16px;font-style:normal}
.catalog-main{min-width:0}
.catalog-breadcrumbs{margin-bottom:13px}
.catalog-navigation{margin-bottom:24px}
.catalog-navigation-header{margin-bottom:22px}
.catalog-navigation-header span,.catalog-result-heading span{color:var(--teal);font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.catalog-navigation-header h3,.catalog-result-heading h3{margin:6px 0 5px;color:var(--navy);font-size:29px;line-height:1.15}
.catalog-navigation-header p{margin:0;color:var(--muted);font-size:11px}
.catalog-navigation-header.compact{display:grid;grid-template-columns:1fr auto;align-items:end}
.catalog-navigation-header.compact span{grid-column:1/-1}
.catalog-navigation-header.compact p{padding-bottom:4px}
.catalog-section-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.catalog-section-card{position:relative;display:flex;min-height:128px;align-items:flex-start;flex-direction:column;overflow:hidden;padding:16px;border:0;background:#edf6f5;border-radius:13px;cursor:pointer;text-align:left;transition:transform .18s ease,box-shadow .18s ease}
.catalog-section-card:hover,.catalog-tile:hover{box-shadow:0 13px 28px rgba(30,45,56,.12);transform:translateY(-3px)}
.catalog-section-card.tone-1,.catalog-tile.tone-1{background:#f8eee7}.catalog-section-card.tone-2,.catalog-tile.tone-2{background:#eef0f8}.catalog-section-card.tone-3,.catalog-tile.tone-3{background:#f7f2df}.catalog-section-card.tone-4,.catalog-tile.tone-4{background:#eaf4fa}.catalog-section-card.tone-5,.catalog-tile.tone-5{background:#f4ebf4}
.catalog-section-symbol{display:grid;width:34px;height:34px;margin-bottom:9px;place-items:center;background:rgba(255,255,255,.72);border-radius:10px;font-size:18px}
.catalog-section-card strong{max-width:85%;color:var(--navy);font-size:14px;line-height:1.25}
.catalog-section-card small{display:-webkit-box;max-width:88%;margin-top:6px;overflow:hidden;color:var(--muted);font-size:9px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.catalog-section-card b{margin-top:auto;padding-top:8px;color:var(--teal);font-size:9px}
.catalog-section-card i,.catalog-tile i{position:absolute;right:16px;bottom:14px;color:var(--teal);font-size:17px;font-style:normal}
.catalog-tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.catalog-tile,.catalog-tile.tone-1,.catalog-tile.tone-2,.catalog-tile.tone-3,.catalog-tile.tone-4,.catalog-tile.tone-5{position:relative;display:flex;min-height:82px;align-items:center;overflow:hidden;padding:14px 46px 14px 16px;border:1px solid var(--line);background:#fff;border-radius:11px;cursor:pointer;text-align:left;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.catalog-tile:hover{border-color:#9bc5c2}
.catalog-tile-copy{position:relative;z-index:2;display:flex;width:100%;flex-direction:column}
.catalog-tile strong{color:var(--navy);font-size:13px;line-height:1.25}
.catalog-tile small{margin-top:5px;color:var(--muted);font-size:9px}
.catalog-tile i{z-index:3;top:50%;right:16px;bottom:auto;left:auto;transform:translateY(-50%)}
.catalog-subcategory-chips{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:4px}
.catalog-subcategory-chips button{min-height:36px;padding:7px 13px;border:1px solid var(--line);color:#52636e;background:#fff;border-radius:999px;cursor:pointer;font-size:10px}
.catalog-subcategory-chips button:hover,.catalog-subcategory-chips button.active{color:#fff;background:var(--teal);border-color:var(--teal)}
.catalog-subcategory-chips b{margin-left:5px;font-size:8px;opacity:.72}
.catalog-result-heading{margin-bottom:18px}
.catalog-result-heading h3{font-size:24px}
.catalog-section{scroll-margin-top:135px}
.catalog-back-row{display:flex;margin-bottom:12px}
.catalog-back-row button{min-height:34px;padding:0 12px;border:1px solid var(--line);color:var(--teal);background:#fff;border-radius:8px;cursor:pointer;font-size:10px;font-weight:750}
.catalog-back-row button:hover{background:#eef8f7;border-color:#a7cecb}
.catalog-pagination{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;margin-top:26px;padding:16px 0;border-top:1px solid var(--line)}
.pagination-back{justify-self:start;min-height:38px;padding:0 13px;border:1px solid var(--line);color:var(--teal);background:#fff;border-radius:8px;cursor:pointer;font-size:10px;font-weight:800}
.pagination-summary{color:var(--muted);font-size:10px;white-space:nowrap}
.pagination-pages{display:flex;justify-self:end;gap:5px}
.pagination-pages button{display:grid;min-width:36px;height:36px;padding:0 8px;place-items:center;border:1px solid var(--line);color:#4a5d68;background:#fff;border-radius:8px;cursor:pointer;font-size:10px;font-weight:750}
.pagination-pages button:hover:not(:disabled),.pagination-pages button.active{color:#fff;background:var(--teal);border-color:var(--teal)}
.pagination-pages button:disabled{cursor:default;opacity:.35}
[hidden]{display:none!important}

@media(max-width:1050px){.catalog-layout{grid-template-columns:210px minmax(0,1fr);gap:18px}.catalog-section-grid,.catalog-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.catalog-layout{grid-template-columns:1fr}.catalog-sidebar{position:sticky;z-index:20;top:0;display:block;max-height:none;margin-inline:-12px;padding:8px 12px;overflow-x:auto;background:#fff;border-width:1px 0;border-radius:0;box-shadow:0 7px 18px rgba(30,45,56,.08)}.catalog-sidebar>strong,.sidebar-banner{display:none}.category-tree{width:max-content;max-width:none;flex-direction:row}.catalog-root-button{display:flex;width:auto;min-width:max-content;padding:6px 12px;border:1px solid var(--line)}.catalog-root-button b,.catalog-root-button i{display:none}.catalog-navigation-header.compact{display:block}.catalog-navigation-header.compact p{margin-top:5px}.catalog-section-grid,.catalog-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-section-card{min-height:124px}.catalog-tile{min-height:74px}.catalog-navigation-header h3{font-size:25px}.catalog-pagination{grid-template-columns:1fr auto}.pagination-back{grid-column:1/-1;width:100%}.pagination-summary{justify-self:start}.pagination-pages{justify-self:end}.pagination-pages button:not(:first-child):not(:last-child){display:none}.pagination-pages button.active{display:grid!important}}
@media(max-width:460px){.catalog-section-grid{grid-template-columns:1fr}.catalog-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-section-card{min-height:120px}.catalog-tile{min-height:70px;padding:12px 34px 12px 12px}.catalog-tile i{right:11px}.catalog-tile strong{font-size:11px}.catalog-tile small{font-size:8px}}

/* Компактный каталог: одна ясная навигация без дублирующих панелей */
.catalog-section{padding-top:48px}
.catalog-title{margin-bottom:18px}
.catalog-title h2{font-size:30px}
.catalog-layout{display:block}
.catalog-sidebar{position:static;display:block;width:100%;margin:0 0 22px;padding:6px;overflow-x:auto;background:#f4f7f7;border:0;border-radius:11px;box-shadow:none;scrollbar-width:thin}
.catalog-sidebar>strong,.sidebar-banner{display:none}
.category-tree{width:max-content;min-width:100%;flex-direction:row;gap:4px}
.catalog-root-button{display:flex;width:auto;min-width:max-content;min-height:38px;gap:7px;padding:0 12px;color:#51636e;border:0;border-radius:8px;font-size:10px;font-weight:700}
.catalog-root-button:hover{background:#fff}
.catalog-root-button.active{color:#fff;background:var(--teal)}
.catalog-root-icon,.catalog-root-button i{display:none}
.catalog-root-button b{color:inherit;font-size:8px;opacity:.68}
.catalog-breadcrumbs{min-height:24px;margin:0 0 12px}
.catalog-navigation{margin-bottom:16px}
.catalog-navigation-header{margin-bottom:15px}
.catalog-navigation-header.compact{display:block}
.catalog-navigation-header.compact span{display:block}
.catalog-navigation-header.compact h3{margin:4px 0 3px;font-size:27px}
.catalog-navigation-header.compact p{padding:0;font-size:10px}
.catalog-subcategory-chips{gap:6px;padding:4px 0 2px}
.catalog-subcategory-chips button{min-height:32px;padding:5px 11px;font-size:9px}
.catalog-tools{justify-content:flex-end;margin:12px 0}
.catalog-tools select{height:38px;min-width:180px;border-radius:8px;font-size:10px}
.product-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.product-card{height:374px;border-color:#e2e7e9;border-radius:11px;box-shadow:none}
.product-card:hover{border-color:#9fc8c5;box-shadow:0 10px 24px rgba(30,45,56,.09);transform:translateY(-2px)}
.product-image{height:160px;min-height:160px;padding:12px;background:#f7f9f9}
.photo-coming-soon{min-height:0;color:#87959d;background:transparent;border:0;border-radius:0}
.photo-coming-icon{display:none}
.photo-coming-soon strong{max-width:none;font-size:9px;font-weight:650}
.product-info{padding:12px 13px 13px}
.product-info h3{height:48px;min-height:48px;margin:6px 0 4px;font-size:11px;line-height:1.42}
.product-volume{height:24px;min-height:24px;margin-bottom:6px;font-size:8px}
.details-button{margin:0 0 7px;font-size:8px}
.product-footer{min-height:35px;padding-top:7px}
.product-price strong{font-size:15px}
.add-button{height:32px;padding-inline:11px;font-size:9px}
.catalog-pagination{margin-top:20px}

@media(max-width:1180px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.catalog-section{padding-top:38px}.catalog-sidebar{position:sticky;top:0;margin-inline:0;padding:6px;border:0;border-radius:9px}.category-tree{min-width:max-content}.catalog-root-button{padding-inline:11px}.catalog-navigation-header.compact h3{font-size:24px}.catalog-tools select{width:100%}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-card{height:370px}.product-image{height:158px;min-height:158px}}
@media(max-width:410px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.product-card{height:358px}.product-image{height:145px;min-height:145px;padding:8px}.product-info{padding:10px}.add-button{padding-inline:8px}}

/* Ровное двухрядное меню категорий */
.catalog-sidebar{padding:8px;overflow:visible;background:#f3f6f6;border:1px solid #e3e8ea;border-radius:12px}
.category-tree{display:grid;width:100%;min-width:0;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.catalog-root-button{display:flex;width:100%;min-width:0;min-height:44px;justify-content:space-between;padding:0 13px;background:#fff;border:1px solid #dde5e7;border-radius:9px;text-align:left}
.catalog-root-button:hover{color:var(--teal);background:#fff;border-color:#9fc8c5}
.catalog-root-button.active{border-color:var(--teal);box-shadow:0 5px 14px rgba(8,127,121,.12)}
.catalog-root-button span:not(.catalog-root-icon){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.catalog-root-button.active b{color:rgba(255,255,255,.75);opacity:1}

@media(max-width:760px){.catalog-sidebar{position:sticky;padding:6px;background:#fff;overflow-x:auto}.category-tree{display:flex;width:max-content;min-width:max-content}.catalog-root-button{width:auto;min-width:max-content;min-height:38px}}

/* Фирменный логотип магазина */
.header-main{grid-template-columns:112px minmax(0,1fr) auto;min-height:104px}
.brand-logo-image{display:block;width:94px;height:94px;object-fit:contain;border-radius:14px}
.footer-logo .brand-logo-image{width:112px;height:112px;border-radius:16px}
@media(max-width:760px){.header-main{grid-template-columns:74px auto;min-height:82px}.brand-logo-image{width:68px;height:68px;border-radius:10px}.footer-logo .brand-logo-image{width:96px;height:96px}}

/* Выпадающий каталог: основные разделы слева, подразделы справа */
.category-nav .catalog-link{display:flex;min-width:210px;height:47px;align-items:center;padding:0;border:0;color:#fff;background:transparent;cursor:pointer;font-size:12px;font-weight:800;white-space:nowrap}
.category-nav .catalog-link:hover,.category-nav .catalog-link[aria-expanded="true"]{background:rgba(255,255,255,.1)}
.menu-chevron{margin-left:auto;font-size:17px;line-height:1;transition:transform .18s ease}
.catalog-link[aria-expanded="true"] .menu-chevron{transform:rotate(180deg)}
.catalog-mega-menu{position:absolute;z-index:55;top:100%;right:0;left:0;max-height:calc(100vh - 145px);overflow:auto;padding:20px 0 26px;background:#fff;border-top:1px solid #e8edef;box-shadow:0 22px 45px rgba(20,42,58,.16)}
.catalog-mega-inner{display:grid;grid-template-columns:236px minmax(0,1fr);gap:28px;align-items:start}
.mega-category-list{display:flex;flex-direction:column;gap:3px;padding:6px;background:#f3f6f6;border-radius:12px}
.mega-category-list .catalog-root-button{display:grid;width:100%;min-width:0;min-height:42px;grid-template-columns:28px minmax(0,1fr) auto 10px;gap:8px;align-items:center;padding:5px 9px;color:#435460;background:transparent;border:0;border-radius:8px;box-shadow:none;cursor:pointer;font-size:11px;font-weight:700;text-align:left}
.mega-category-list .catalog-root-button:hover,.mega-category-list .catalog-root-button.menu-active{color:var(--teal);background:#fff}
.mega-category-list .catalog-root-button.active{color:var(--teal)!important;background:#fff!important;box-shadow:none}
.mega-category-list .catalog-root-button span:not(.catalog-root-icon){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mega-category-list .catalog-root-icon{display:grid;width:27px;height:27px;place-items:center;background:#e7f0ef;border-radius:7px;font-size:14px;font-style:normal}
.mega-category-list .catalog-root-button b{display:block;color:#829099;font-size:9px;font-weight:700}
.mega-category-list .catalog-root-button i{display:block;color:#9dabb2;font-size:15px;font-style:normal}
.mega-subcategories{min-width:0}
.mega-menu-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:2px 0 16px}
.mega-menu-heading span{color:var(--teal);font-size:9px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.mega-menu-heading h2{margin:4px 0 0;color:var(--navy);font-size:25px;line-height:1.15}
#closeCatalogMenu{display:grid;width:34px;height:34px;flex:0 0 34px;padding:0;place-items:center;color:#667680;background:#f3f6f6;border:0;border-radius:50%;cursor:pointer;font-size:22px;line-height:1}
#closeCatalogMenu:hover{color:#fff;background:var(--teal)}
.mega-subcategory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.mega-subcategory-card,.mega-all-link{position:relative;display:flex;min-height:86px;align-items:flex-start;flex-direction:column;padding:14px 42px 13px 15px;color:var(--text);background:#fff;border:1px solid var(--line);border-radius:10px;cursor:pointer;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.mega-all-link{color:#fff;background:var(--teal);border-color:var(--teal)}
.mega-subcategory-card:hover,.mega-all-link:hover{border-color:#8fc4c1;box-shadow:0 9px 20px rgba(30,45,56,.09);transform:translateY(-2px)}
.mega-subcategory-card strong,.mega-all-link strong{font-size:12px;line-height:1.3}
.mega-subcategory-card span{display:-webkit-box;margin-top:5px;overflow:hidden;color:var(--muted);font-size:8px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.mega-subcategory-card small,.mega-all-link small{margin-top:auto;padding-top:8px;color:var(--teal);font-size:8px;font-weight:750}
.mega-all-link small{color:rgba(255,255,255,.76)}
.mega-subcategory-card i,.mega-all-link i{position:absolute;top:50%;right:15px;color:var(--teal);font-size:17px;font-style:normal;transform:translateY(-50%)}
.mega-all-link i{color:#fff}

@media(max-width:900px){.catalog-mega-inner{grid-template-columns:205px minmax(0,1fr);gap:18px}.mega-subcategory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.category-nav .catalog-link{min-width:max-content;padding:0 13px}.menu-chevron{margin-left:9px}.catalog-mega-menu{top:100%;max-height:calc(100vh - 100px);padding:12px 0 18px}.catalog-mega-inner{grid-template-columns:1fr;gap:12px}.mega-category-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:180px;overflow:auto}.mega-category-list .catalog-root-button{min-height:39px;grid-template-columns:24px minmax(0,1fr) auto}.mega-category-list .catalog-root-button i{display:none}.mega-category-list .catalog-root-icon{width:24px;height:24px}.mega-menu-heading{margin:0 0 10px}.mega-menu-heading h2{font-size:21px}.mega-subcategory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mega-subcategory-card,.mega-all-link{min-height:80px;padding:12px 34px 11px 12px}}
@media(max-width:460px){.mega-category-list,.mega-subcategory-grid{grid-template-columns:1fr}.mega-category-list{max-height:150px}}

/* Компактное многоуровневое меню по образцу крупных интернет-магазинов */
.mega-subcategory-grid{display:block}
.mega-all-link{width:100%;min-height:48px;align-items:center;flex-direction:row;margin-bottom:16px;padding:0 48px 0 16px;border-radius:9px}
.mega-all-link strong{font-size:12px}
.mega-all-link small{margin:0 0 0 9px;padding:0;font-size:9px}
.mega-group-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 28px;align-items:start}
.mega-group{min-width:0;padding:0 0 12px;border-bottom:1px solid #edf0f2}
.mega-group-title{position:relative;display:grid;width:100%;min-height:32px;grid-template-columns:minmax(0,1fr) auto 16px;gap:7px;align-items:center;padding:2px 0;color:var(--navy);background:transparent;border:0;cursor:pointer;text-align:left}
.mega-group-title:hover strong{color:var(--teal)}
.mega-group-title strong{font-size:12px;line-height:1.3;transition:color .14s ease}
.mega-group-title small{color:#89969e;font-size:8px;font-weight:700}
.mega-group-title i{color:var(--teal);font-size:14px;font-style:normal}
.mega-leaf-links{display:flex;align-items:flex-start;flex-direction:column;gap:1px;padding-top:3px}
.mega-leaf-links button{max-width:100%;padding:4px 0;color:#60717b;background:transparent;border:0;cursor:pointer;font-size:9px;line-height:1.35;text-align:left}
.mega-leaf-links button:hover{color:var(--teal);text-decoration:underline;text-underline-offset:2px}
.mega-leaf-links small{margin-left:3px;color:#9aa5ab;font-size:7px}

/* Новый логотип и единый белый фон товарных фотографий */
.header-main{grid-template-columns:145px minmax(0,1fr) auto;min-height:128px}
.brand-logo-image{width:124px;height:118px;object-fit:contain;border-radius:0}
.footer-logo .brand-logo-image{width:148px;height:144px;border-radius:0}
.product-card,.product-image,.product-dialog-image{background:#fff}
.product-image{border-bottom-color:#edf0f2}
.photo-coming-soon{background:#fff}

@media(max-width:900px){.mega-group-list{grid-template-columns:repeat(2,minmax(0,1fr))}.header-main{grid-template-columns:126px minmax(0,1fr) auto}.brand-logo-image{width:112px;height:106px}}
@media(max-width:760px){.header-main{grid-template-columns:90px auto;min-height:96px}.brand-logo-image{width:86px;height:82px}.footer-logo .brand-logo-image{width:125px;height:120px}.mega-group-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}.mega-all-link{margin-bottom:12px}.mega-group{padding-bottom:9px}.mega-leaf-links button{font-size:8px}}
@media(max-width:460px){.mega-group-list{grid-template-columns:1fr}.mega-subcategory-grid{display:block}}

/* Обновлённый вид меню: спокойная панель, крупный текст и четыре колонки */
.catalog-mega-menu{padding:14px 0 22px;background:#f3f5f4;border-top:0;box-shadow:0 24px 46px rgba(20,42,58,.18)}
.catalog-mega-inner{grid-template-columns:230px minmax(0,1fr);gap:30px;padding:20px;background:#fff;border:1px solid #e5eae9;border-radius:17px;box-shadow:0 12px 32px rgba(30,45,56,.08)}
.mega-category-list{gap:4px;padding:8px;background:#f6f7f4;border-radius:12px}
.mega-category-list .catalog-root-button{min-height:46px;grid-template-columns:30px minmax(0,1fr) auto 12px;padding:6px 10px;font-size:12px;border:1px solid transparent;border-radius:9px}
.mega-category-list .catalog-root-button:hover,.mega-category-list .catalog-root-button.menu-active,.mega-category-list .catalog-root-button.active{color:var(--teal)!important;background:#fff!important;border-color:#dce8e6;box-shadow:0 5px 14px rgba(30,45,56,.06)}
.mega-category-list .catalog-root-icon{width:29px;height:29px;background:#e8f1ef;font-size:15px}
.mega-category-list .catalog-root-button b{font-size:9px}
.mega-menu-heading{align-items:center;margin:0 0 10px;padding-bottom:13px;border-bottom:1px solid #edf0ef}
.mega-menu-heading h2{margin-top:3px;font-size:28px}
.mega-menu-heading span{font-size:9px}
#closeCatalogMenu{width:38px;height:38px;flex-basis:38px;background:#f4f6f5;font-size:23px}
.mega-all-link{display:inline-flex;width:auto;min-height:38px;margin:0 0 18px;padding:0 42px 0 14px;color:var(--teal);background:#eaf5f3;border:1px solid #cfe3e0;border-radius:9px;box-shadow:none;transform:none}
.mega-all-link:hover{color:#fff;background:var(--teal);border-color:var(--teal);box-shadow:none;transform:none}
.mega-all-link strong{font-size:11px}
.mega-all-link small{color:#6f8885;font-size:8px}
.mega-all-link:hover small{color:rgba(255,255,255,.76)}
.mega-all-link i{right:13px;color:var(--teal)}
.mega-all-link:hover i{color:#fff}
.mega-group-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 30px}
.mega-group{padding:0;border:0}
.mega-group-title{min-height:36px;grid-template-columns:minmax(0,1fr) auto 17px;padding:0 0 7px;border-bottom:2px solid #e6eeee}
.mega-group-title strong{font-size:13px;font-weight:800}
.mega-group-title small{font-size:9px}
.mega-group-title i{font-size:15px}
.mega-leaf-links{gap:2px;padding-top:7px}
.mega-leaf-links button{padding:4px 0;color:#5f7079;font-size:10px;line-height:1.35}
.mega-leaf-links small{font-size:8px}

/* Логотип немного крупнее */
.header-main{grid-template-columns:158px minmax(0,1fr) auto;min-height:140px}
.brand-logo-image{width:138px;height:132px}

@media(max-width:1180px){.mega-group-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.catalog-mega-inner{grid-template-columns:205px minmax(0,1fr);gap:20px;padding:15px}.mega-group-list{grid-template-columns:repeat(2,minmax(0,1fr))}.header-main{grid-template-columns:140px minmax(0,1fr) auto;min-height:126px}.brand-logo-image{width:122px;height:116px}}
@media(max-width:760px){.catalog-mega-menu{padding:8px 0 14px}.catalog-mega-inner{grid-template-columns:1fr;gap:13px;padding:12px;border-radius:13px}.mega-category-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:174px}.mega-category-list .catalog-root-button{min-height:41px;font-size:10px}.mega-menu-heading h2{font-size:23px}.mega-all-link{margin-bottom:14px}.mega-group-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.mega-group-title strong{font-size:12px}.mega-leaf-links button{font-size:9px}.header-main{grid-template-columns:96px auto;min-height:102px}.brand-logo-image{width:92px;height:88px}}
@media(max-width:460px){.mega-group-list{grid-template-columns:1fr}.catalog-mega-inner{width:calc(100% - 16px)}}

/* Бесшовное mega-меню: продолжение основной навигации, без «окна внутри сайта» */
.catalog-mega-menu{padding:0 0 28px;background:#fff;border-top:1px solid rgba(8,127,121,.14);box-shadow:0 20px 36px rgba(20,42,58,.13)}
.catalog-mega-inner{display:block;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.mega-category-list{display:flex;max-height:none;align-items:center;flex-direction:row;gap:5px;padding:13px 0 12px;overflow-x:auto;background:transparent;border-bottom:1px solid #e8edec;border-radius:0;scrollbar-width:thin}
.mega-category-list .catalog-root-button{display:flex;width:auto;min-width:max-content;min-height:39px;gap:7px;padding:5px 11px;color:#52646d;background:transparent;border:1px solid transparent;border-radius:999px;box-shadow:none;font-size:11px}
.mega-category-list .catalog-root-button:hover,.mega-category-list .catalog-root-button.menu-active,.mega-category-list .catalog-root-button.active{color:var(--teal)!important;background:#edf7f5!important;border-color:#cae2df;box-shadow:none}
.mega-category-list .catalog-root-icon{display:grid;width:25px;height:25px;background:#fff;border:1px solid #dfe8e6;border-radius:50%;font-size:13px}
.mega-category-list .catalog-root-button b,.mega-category-list .catalog-root-button i{display:none}
.mega-subcategories{position:relative;padding-top:18px}
.mega-menu-heading{min-height:45px;align-items:flex-start;margin:0 0 16px;padding:0 250px 0 0;border:0}
.mega-menu-heading span{font-size:9px;letter-spacing:.14em}
.mega-menu-heading h2{margin-top:4px;font-size:30px}
#closeCatalogMenu{position:absolute;top:17px;right:0;width:36px;height:36px;flex-basis:36px;background:#f2f5f4}
.mega-all-link{position:absolute;top:19px;right:52px;display:inline-flex;width:auto;min-height:34px;margin:0;padding:0 34px 0 12px;color:var(--teal);background:transparent;border:1px solid #cee2df;border-radius:999px}
.mega-all-link:hover{color:#fff;background:var(--teal);border-color:var(--teal)}
.mega-all-link strong{font-size:10px}
.mega-all-link small{font-size:8px}
.mega-all-link i{right:11px;font-size:14px}
.mega-group-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 34px}
.mega-group{padding:0;border:0}
.mega-group-title{min-height:34px;padding:0 0 7px;border-bottom:2px solid #dceae8}
.mega-group-title strong{font-size:13px}
.mega-leaf-links{gap:2px;padding-top:7px}
.mega-leaf-links button{font-size:10px}

@media(max-width:1180px){.mega-group-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.catalog-mega-menu{padding-bottom:18px}.catalog-mega-inner{width:min(100% - 24px,620px);padding:0}.mega-category-list{display:flex;max-height:none;grid-template-columns:none;padding:9px 0}.mega-category-list .catalog-root-button{min-height:36px;font-size:10px}.mega-subcategories{padding-top:14px}.mega-menu-heading{min-height:42px;padding-right:42px}.mega-menu-heading h2{font-size:24px}#closeCatalogMenu{top:12px}.mega-all-link{position:relative;top:auto;right:auto;margin:0 0 16px}.mega-group-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.mega-leaf-links button{font-size:9px}}
@media(max-width:460px){.catalog-mega-inner{width:calc(100% - 20px)}.mega-group-list{grid-template-columns:1fr}.mega-menu-heading h2{font-size:22px}}

.delivery-quote{margin:4px 0 14px;padding:14px 16px;border-radius:14px;background:#f4f7f6;color:var(--text)}
.delivery-quote strong{display:block;margin-bottom:4px;font-size:24px}
.delivery-quote>span{display:block;font-size:12px;font-weight:750}
.delivery-quote small{display:block;margin-top:6px;color:var(--muted);line-height:1.35}
.delivery-quote.success{border:1px solid rgba(8,127,121,.18);background:#eef8f4}
.delivery-quote.error{background:#fff1ed;color:#9b341f}
.delivery-availability-notice{margin:-2px 0 12px;padding:10px 13px;border-radius:8px;font-size:9px;font-weight:750;line-height:1.4}.delivery-availability-notice.checking{color:var(--muted);background:#f4f7f6}.delivery-availability-notice.available{color:#176c46;background:#eaf7f0}.delivery-availability-notice.unavailable{color:#943b28;background:#fff0eb}.receive-toggle label:has(input:disabled){cursor:not-allowed;opacity:.48}
.form-field select{padding:12px;border:1px solid var(--line);outline:0;background:#fff;border-radius:7px;font-size:11px;font-weight:400}
.form-field select:focus{border-color:var(--teal)}
.delivery-partner{display:flex;align-items:center;gap:11px;margin:2px 0 10px;padding:11px 13px;background:#f5f7f8;border-radius:8px}
.yandex-delivery-logo{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;color:#fff!important;background:#fc3f1d;border-radius:10px;font-size:19px;font-weight:800}
.delivery-partner-copy{display:flex;flex-direction:column;gap:2px}
.delivery-partner-copy small{color:var(--muted);font-size:8px}
.delivery-partner-copy strong{color:#111;font-size:12px}
.delivery-partner-copy b{color:#fc3f1d;font-weight:800}
.tariff-auto{display:flex;flex-direction:column;gap:3px;margin-bottom:12px;padding:10px 13px;border:1px solid var(--line);border-radius:8px}
.tariff-auto strong{font-size:10px}
.tariff-auto span{color:var(--muted);font-size:8px}
.address-field{position:relative}.address-input-wrap{position:relative}.address-input-wrap>input{width:100%}.address-field>small{margin-top:0;color:var(--muted);font-size:8px;font-weight:500}.address-field>small.address-hint-success{color:#17804c}.address-field>small.address-hint-error{color:#a43b25}.address-suggestions{position:absolute;z-index:130;top:calc(100% + 5px);right:0;left:0;max-height:245px;padding:5px;overflow-y:auto;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 14px 35px rgba(15,32,45,.18)}.address-suggestions button{display:flex;width:100%;align-items:flex-start;flex-direction:column;gap:3px;padding:10px;border:0;background:#fff;border-radius:6px;cursor:pointer;text-align:left}.address-suggestions button:hover,.address-suggestions button:focus{outline:0;background:#eef7f5}.address-suggestions strong{font-size:10px;line-height:1.35}.address-suggestions small{color:var(--muted);font-size:8px;line-height:1.3}
.legal-consent{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;align-items:start;margin:14px 0;color:var(--muted);font-size:9px;line-height:1.45}
.legal-consent input{width:16px;height:16px;margin:0;accent-color:var(--teal)}
.legal-consent a{color:var(--teal);font-weight:750;text-decoration:underline;text-underline-offset:2px}

/* Motion system: short, interruptible and consistent across the storefront. */
:root{
  --motion-ease-out:cubic-bezier(.23,1,.32,1);
  --motion-ease-in-out:cubic-bezier(.77,0,.175,1);
  --motion-ease-drawer:cubic-bezier(.32,.72,0,1);
  --motion-press:140ms;
  --motion-fast:180ms;
  --motion-panel:240ms;
}

.primary-button,.secondary-button{
  transition:transform var(--motion-press) var(--motion-ease-out),background-color var(--motion-fast) var(--motion-ease-out),color var(--motion-fast) var(--motion-ease-out);
}
.pet-category-grid>a,.product-card,.catalog-section-card,.catalog-tile,.mega-subcategory-card,.mega-all-link{
  transition:transform var(--motion-fast) var(--motion-ease-out),border-color var(--motion-fast) var(--motion-ease-out),box-shadow var(--motion-fast) var(--motion-ease-out),background-color var(--motion-fast) var(--motion-ease-out),color var(--motion-fast) var(--motion-ease-out);
}
.cart-drawer{transition:transform var(--motion-panel) var(--motion-ease-drawer)}
.toast{transition:opacity 160ms var(--motion-ease-out),transform var(--motion-fast) var(--motion-ease-out)}
.catalog-mega-menu{
  opacity:0;
  transform:translateY(-8px);
  transition:opacity 140ms var(--motion-ease-out),transform 140ms var(--motion-ease-out);
}
.catalog-mega-menu.is-open{
  opacity:1;
  transform:translateY(0);
  transition-duration:var(--motion-fast);
}
.menu-chevron,.tree-group>summary:before,.tree-subgroup>summary:before{
  transition:transform var(--motion-fast) var(--motion-ease-in-out);
}
.primary-button:active,.secondary-button:active,.add-button:active,.cart-button:active,.icon-button:active,.category-filters button:active,.catalog-subcategory-chips button:active,.pagination-pages button:active,.catalog-root-button:active,.catalog-back-row button:active,.mega-subcategory-card:active,.mega-all-link:active,.address-suggestions button:active{
  transform:scale(.97);
  transition-duration:var(--motion-press);
}

@media(hover:none),(pointer:coarse){
  .pet-category-grid>a:hover,.product-card:hover,.catalog-section-card:hover,.catalog-tile:hover,.mega-subcategory-card:hover,.mega-all-link:hover{
    box-shadow:none;
    transform:none;
  }
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
  }
}
