/* Единые правила витрины, покупки и переписки. */
.nav{height:auto;min-height:80px;gap:24px}.navlinks{gap:18px;flex-wrap:wrap}.navtools form{margin:0}.topbar a{white-space:nowrap}
.commerce-hero{display:block;min-height:440px}.commerce-hero .hero-copy{width:58%;padding:46px 30px 90px 45px}.commerce-hero h1{font-size:clamp(32px,4vw,48px);letter-spacing:-1.4px;line-height:1.12;overflow-wrap:anywhere}.commerce-hero .hero-desc{font-size:16px;max-width:430px}.commerce-hero .hero-art{opacity:.75;transform:none}.commerce-hero .hero-mini{flex-wrap:wrap;font-size:12px}.hero-pause{margin-left:auto;border:1px solid #ffffff50;background:#203a30;color:white;border-radius:7px;padding:8px 12px;font-size:12px}.hero-controls{flex-wrap:wrap}.hero-controls .dots{flex-wrap:wrap;max-width:65%}.hero-widget{max-width:200px;overflow:hidden}.hero-widget img{width:100%;max-height:130px;object-fit:cover}.hero-widget pre{white-space:pre-wrap;font-size:11px}.commerce-hero .code-window{display:block;right:5%;max-width:250px}.commerce-hero .float-bottom{right:8%}
.catalog-controls{position:static}.catalog-controls .tools{padding:8px;gap:12px}.filter-field{display:flex;flex-direction:column;gap:3px;font-size:12px;color:#344734}.filter-field select{padding:9px;border:1px solid #cdd9c7;border-radius:7px;background:white;color:#203a30;max-width:230px}.catalog-controls input{font-size:15px}.catalog-controls .search{min-width:200px}
.product-grid{align-items:stretch}.product{display:flex;flex-direction:column}.product-body{flex:1}.product-body:after{display:none}.product p{font-size:14px;line-height:1.6;min-height:0}.product h3{font-size:22px}.byline{max-width:100%;font-size:12px}.product-bottom{flex-wrap:wrap;gap:12px}.price strong{display:block;font-size:20px}.price small{font-size:12px}.price del{font-size:13px;margin:0}.price .price-pending{font-size:17px}.demo-link{font-size:13px}.product-top{height:250px;padding-top:62px}.card-preview{height:184px;background:#f1f5ed}.card-preview img{width:100%;height:100%;object-fit:cover}.stack-photo{width:100%;height:calc(100% - 23px);object-fit:cover}.preview-placeholder{display:grid;place-items:center;height:100%;padding:20px;color:#344734;font-size:24px;text-align:center}.product-labels{position:absolute;top:12px;left:12px;right:50px;display:flex;gap:5px;flex-wrap:wrap;z-index:6}.product-labels .badge{position:static;white-space:normal;font-size:11px}.badge-discount,.discount-label{background:#ffe8d4!important;color:#853e0e!important}.badge-new{background:#ddf4ea!important;color:#255c48!important}.inline-labels{position:static}.verified-stats{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:#50644e;margin-bottom:14px}.card-tech{font:12px/1.5 monospace;color:#596c51;margin-bottom:12px;overflow-wrap:anywhere}.card-offers{min-height:0}.card-offers span{font-size:12px}.favorite{width:34px;height:34px;z-index:8}.favorite svg{width:18px;height:18px}.visible-empty{display:block}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:30px}
.content-panel{background:#fafbf7;color:#293d32;border:1px solid #d6dfd0;border-radius:20px;padding:32px;margin:24px 0;overflow-wrap:anywhere}.content-panel h1{font-size:clamp(28px,4vw,40px);letter-spacing:-1px;line-height:1.2}.content-panel h2{font-size:25px;letter-spacing:-.5px}.content-panel p{font-size:16px;line-height:1.7}.content-panel a:not(.btn){text-decoration:underline;text-underline-offset:3px}.content-panel .subtle{color:#58685d!important}.narrow{max-width:780px;margin-left:auto;margin-right:auto}.legal-document{max-width:900px;margin-left:auto;margin-right:auto}.back-link{display:inline-block;margin:12px 0;color:inherit}.content-panel .detail-heading{padding:0}.detail-heading h1{margin:10px 0}.photo-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;margin:20px 0}.photo-gallery figure{flex:0 0 85%;scroll-snap-align:start}.photo-gallery img{width:100%;height:350px;object-fit:contain}.photo-gallery figcaption{color:#344734}.detail-byline{margin:20px 0;color:#5a6c5a}.demo-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#eaf2e2;border:1px solid #d3e3c7;border-radius:12px;padding:24px}.demo-panel h2{margin-top:0}.demo-panel p{margin-bottom:0}.demo-panel .btn{flex-shrink:0}.detail-layout{margin-top:32px;gap:32px}.offers-panel{padding:22px;min-width:0}.offers-panel .btn{width:100%}.offer p{font-size:14px}.offer del{color:#657064}.discount-label{padding:4px 8px;border-radius:5px;font-size:13px}.detail-block summary{font-size:18px;font-weight:bold;cursor:pointer}.tags span{font-size:13px}.reviews{border-top:1px solid #d6dfd0;padding-top:25px}.review{border-bottom:1px solid #d6dfd0;padding:20px 0}.review small{display:block;color:#5c6b5c;margin-top:6px}.review blockquote{background:#edf3e6;padding:15px;margin:10px 0;border-left:3px solid #8ab565}
.commerce-form{margin-top:24px}.commerce-form label{display:block;font-weight:600;margin-bottom:6px}.commerce-form input:not([type=checkbox]):not([type=hidden]),.commerce-form textarea,.commerce-form select{width:100%;max-width:100%;padding:12px;border:1px solid #b9c8b2;border-radius:8px;background:white;color:#203a30}.commerce-form textarea{resize:vertical}.commerce-form input[type=checkbox]{width:20px;height:20px;accent-color:#4f763c}.commerce-form .errorlist{color:#a12828}.form-hint{font-size:13px!important;color:#58685d}.legal-links{display:flex;gap:15px;flex-wrap:wrap;margin:20px 0}.legal-links a{text-decoration:underline}.checkout-price strong{display:block;font-size:30px}.checkout-price del{font-size:16px;color:#687965}.order-row{display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid #d6dfd0;padding:20px 0}.order-row p{margin:4px 0}.dashboard{padding:0;max-width:none}.dashboard-empty{text-align:left}.contact-list{display:grid;grid-template-columns:minmax(80px,160px) 1fr;gap:12px}.contact-list dt{color:#58685d}.contact-list dd{margin:0}.home-contacts{margin:40px 0;padding:28px 0;border-top:1px solid #89968555}.home-contacts .actions{margin-top:20px}.footer-legal{display:flex;flex-wrap:wrap;gap:14px;padding-top:24px;padding-bottom:90px;font-size:13px}.support-fab{position:fixed;bottom:20px;right:20px;z-index:25;background:#d5f2b8;color:#263c2e;box-shadow:0 5px 22px #0003;border:1px solid #abc796;border-radius:30px;display:flex;gap:10px;align-items:center;padding:14px 20px;font-weight:600}.backtop{bottom:90px}.chat-messages{display:flex;flex-direction:column;gap:14px;max-height:55vh;overflow:auto;padding:14px 4px}.chat-message{background:#edf2e6;align-self:flex-end;border:1px solid #d7dfce;border-radius:12px;padding:14px;width:min(90%,600px)}.chat-message.staff-message{background:#e5edf5;align-self:flex-start;border-color:#cbd9e5}.chat-message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.chat-message time{font-size:12px;color:#637064}.chat-message strong{font-size:13px}.notice{margin:20px 0;padding:16px;font-size:14px}.how:after,.cta:after{display:none}
@media(max-width:1000px){.nav{flex-wrap:wrap;padding-top:12px;padding-bottom:12px;gap:12px}.navlinks{order:3;flex-basis:100%;justify-content:center;display:flex}.commerce-hero .hero-copy{width:70%}.commerce-hero .hero-widget{display:none}.detail-layout{grid-template-columns:1fr}.offers-panel{max-width:none}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.wrap{padding-left:16px;padding-right:16px}.navtools{gap:7px}.navtools .account{padding:9px;font-size:11px;gap:5px}.nav .brand{font-size:22px}.navlinks{font-size:12px;gap:12px}.topbar{font-size:10px}.commerce-hero{min-height:400px}.commerce-hero .hero-copy{width:100%;padding:30px 22px 110px}.commerce-hero .hero-art{width:100%;right:0;opacity:.22}.commerce-hero .hero-bg:after{background:#21322bd9}.commerce-hero .actions{align-items:stretch;flex-direction:column}.commerce-hero .btn{width:100%;font-size:14px}.hero-controls{left:22px;right:22px;bottom:18px;gap:7px}.hero-pause{font-size:11px}.hero-controls .dots{max-width:50%}.slide-dot{width:22px}.promise-bar{display:grid;grid-template-columns:1fr 1fr;padding:22px 0;font-size:12px}.section-head{align-items:start;flex-direction:column;gap:12px}.section-head h2{font-size:30px}.catalog-controls .tools{padding:0}.filter-field{flex:1;min-width:0}.filter-field select{width:100%;max-width:100%}.product-grid{grid-template-columns:1fr}.content-panel{padding:22px 18px;margin:18px 0;border-radius:14px}.content-panel .detail-heading{display:block}.photo-gallery figure{flex-basis:100%}.photo-gallery img{height:230px}.demo-panel{flex-direction:column;align-items:start;padding:18px}.demo-panel .btn{width:100%}.contact-list{grid-template-columns:1fr;gap:5px}.contact-list dd{margin-bottom:14px}.order-row{flex-direction:column;align-items:start}.support-fab{right:12px;bottom:12px;padding:12px 16px}.chat-message{width:94%}.footer-controls{align-items:start}.tone-picker>span{display:none}.cta{padding:25px}.home-contacts h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Карточки основного баннера снова видны для ручных и автоматических слайдов. */

/* Вступление перед слайдером и сценарии применения решений. */
.store-intro{display:flex;align-items:end;justify-content:space-between;gap:38px;padding:12px 4px 38px;border-bottom:1px solid #91a59655}.store-intro-copy{max-width:830px}.store-intro-label,.business-kicker{display:inline-flex;align-items:center;gap:10px;color:#98c979;font-size:10px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.store-intro-label i{width:7px;height:7px;border-radius:50%;background:#b9ed79;box-shadow:0 0 0 5px #b9ed7922}.store-intro h1{max-width:860px;margin:16px 0 12px;font-size:clamp(34px,4.5vw,62px);line-height:1.06;letter-spacing:-.065em;font-weight:750}.store-intro h1 span{color:#b9ed79}.store-intro p{max-width:760px;margin:0;color:#c5cec5;font-size:clamp(13px,1.3vw,16px);line-height:1.65}.store-intro-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px;flex-shrink:0;padding-bottom:4px}.store-intro-actions .btn{white-space:nowrap;font-size:13px}.store-intro-link{font-size:12px;font-weight:700;color:#cddac8}.store-intro-link:hover,.footer-column a:hover{color:#b9ed79}.commerce-hero h2#hero-title{font-size:clamp(32px,4vw,48px);letter-spacing:-1.4px;line-height:1.12;overflow-wrap:anywhere;font-weight:600;margin:26px 0 22px;max-width:550px}.hero-section{padding-top:22px}
.business-section{margin:24px 0 32px;padding:36px 0 34px;border-top:1px solid #91a59655;border-bottom:1px solid #91a59655;scroll-margin-top:105px}.business-heading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:36px;align-items:end}.business-kicker{color:#8cac78}.business-heading h2{font-size:clamp(30px,3.5vw,47px);line-height:1.12;letter-spacing:-.055em;margin:13px 0 0}.business-heading h2 span{color:#b9ed79}.business-heading>p{font-size:14px;line-height:1.7;color:#c5cec5;margin:0}.business-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px}.business-card{position:relative;min-height:203px;padding:23px 22px 30px;border:1px solid #a2b49c55;border-radius:17px;background:linear-gradient(140deg,#ffffff0c,#a8d77c0b);overflow:hidden}.business-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:#b9ed79;opacity:.55}.business-number{font:700 10px/1.4 monospace;letter-spacing:.09em;color:#b9ed79}.business-card h3{max-width:230px;font-size:19px;line-height:1.18;letter-spacing:-.035em;margin:27px 0 10px}.business-card p{max-width:250px;font-size:12px;line-height:1.55;color:#c5cec5;margin:0}.business-card-mark{position:absolute;right:18px;top:18px;font-size:20px;color:#b9ed79;opacity:.7}
.footer-main{display:grid;grid-template-columns:minmax(220px,1.45fr) repeat(3,minmax(145px,1fr));gap:34px;padding-top:45px;padding-bottom:32px}.footer-about .brand{display:inline-flex}.footer-about p{max-width:295px;margin:20px 0 0;line-height:1.6;font-size:13px}.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:11px;min-width:0}.footer-column h2{font-size:14px;letter-spacing:-.02em;margin:3px 0 9px}.footer-column a,.footer-column span{font-size:12px;line-height:1.45;overflow-wrap:anywhere}.footer-column a:hover{text-decoration:underline;text-underline-offset:4px}.footer-contact a[href^="https://max.ru/"]{color:#b9ed79;font-weight:700}.footer-bottom .footer-controls{margin-top:0}.footer-bottom{padding-bottom:70px}
body[data-tone="ivory"] .store-intro-label,body[data-tone="ivory"] .business-kicker,body[data-tone="ivory"] .business-number{color:#587d3e}body[data-tone="ivory"] .store-intro h1 span,body[data-tone="ivory"] .business-heading h2 span{color:#557d37}body[data-tone="ivory"] .store-intro p,body[data-tone="ivory"] .business-heading>p,body[data-tone="ivory"] .business-card p{color:#596d59}body[data-tone="ivory"] .store-intro-link{color:#314d36}body[data-tone="ivory"] .business-card{background:linear-gradient(140deg,#ffffffb8,#e7f2d8a8);border-color:#c9d8be}body[data-tone="ivory"] .business-card-mark,body[data-tone="ivory"] .footer-contact a[href^="https://max.ru/"]{color:#557d37}body[data-tone="ivory"] .footer-column a:hover{color:#557d37}
@media(max-width:1050px){.store-intro{align-items:start;flex-direction:column;gap:22px}.store-intro-actions{flex-direction:row;align-items:center}.business-heading{grid-template-columns:1fr;gap:14px}.business-heading>p{max-width:760px}.business-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 24px}}
@media(max-width:600px){.store-intro{padding:4px 0 26px;gap:18px}.store-intro h1{font-size:clamp(33px,9vw,46px)}.store-intro p{font-size:13px}.store-intro-actions{flex-wrap:wrap;gap:16px}.commerce-hero h2#hero-title{font-size:clamp(32px,9vw,47px);margin:20px 0 18px}.business-section{margin:12px 0 26px;padding:28px 0}.business-heading h2{font-size:31px}.business-heading>p{font-size:13px}.business-grid{grid-template-columns:1fr;gap:10px;margin-top:22px}.business-card{min-height:0;padding:19px 21px 20px}.business-card h3{max-width:none;margin:16px 0 7px;font-size:18px}.business-card p{max-width:none}.footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px;padding-top:36px}.footer-about{grid-column:1/-1}.footer-about p{max-width:420px;margin-top:12px}.footer-column h2{font-size:13px}.footer-column a,.footer-column span{font-size:11px}.footer-bottom{padding-bottom:85px}}
.commerce-hero #hero-widgets{position:static}
.commerce-hero .hero-widget{text-decoration:none;min-width:175px;max-width:205px;overflow:hidden;display:block;line-height:1.35}
.commerce-hero .hero-widget:hover{filter:brightness(1.05)}
.commerce-hero .hero-widget:focus-visible{outline:3px solid #c2f77b;outline-offset:4px}
.commerce-hero .hero-widget .round-icon,.commerce-hero .hero-widget .tick{display:grid;place-items:center}
.commerce-hero .hero-widget .round-icon svg,.commerce-hero .hero-widget .tick svg{width:17px;height:17px}
.commerce-hero .hero-widget .tiny{font-size:10px;line-height:1.4;margin:8px 0 3px}
.commerce-hero .hero-widget strong{display:block;font-size:15px;line-height:1.3;overflow-wrap:anywhere}
.commerce-hero .hero-widget img{width:100%;max-height:125px;object-fit:cover;border-radius:7px;margin-top:8px}
.commerce-hero .hero-widget pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.4;margin:8px 0 0}
.commerce-hero .float-top{right:20px;top:65px;animation:float 6.5s ease-in-out infinite}
.commerce-hero .float-bottom{right:25%;bottom:84px;animation:float-side 7.5s ease-in-out infinite -2s}
.commerce-hero .hero-widget.code-window{right:8%;top:156px;bottom:auto;animation:float-side 8s ease-in-out infinite -3s;max-width:280px}
@keyframes float-side{0%,100%{translate:0 0}50%{translate:8px -7px}}
.category-section .category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:0}
.category-section .category{position:relative;isolation:isolate;min-height:72px;overflow:hidden;background:#fff9}
.category-section .category.active{background:#eaf3da}
.category-section .category .cat-icon{position:relative;z-index:1}
.category-section .category span:last-child{position:relative;z-index:1}
.category-section .category b{font-size:13px}
.category-section .category small{font-size:11px}
.category-section .category-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.14;z-index:0}
@media(max-width:1000px){
  .commerce-hero .hero-copy{width:100%;padding-bottom:30px}
  .commerce-hero #hero-widgets{position:relative;display:flex;flex-wrap:wrap;gap:12px;padding:0 25px 88px;z-index:4}
  .commerce-hero .hero-widget,.commerce-hero .hero-widget.code-window{position:relative;inset:auto;display:block;flex:1 1 180px;max-width:none;transform:none;animation:float 7s ease-in-out infinite}
  .commerce-hero .hero-widget:nth-child(2){animation-delay:-2s}
  .category-section .category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:600px){
  .commerce-hero .hero-copy{padding-bottom:22px}
  .commerce-hero #hero-widgets{padding:0 18px 85px;gap:8px}
  .commerce-hero .hero-widget,.commerce-hero .hero-widget.code-window{flex:1 1 calc(50% - 8px);min-width:0;padding:12px;max-height:145px}
  .commerce-hero .hero-widget strong{font-size:12px}
  .commerce-hero .hero-widget .tiny{font-size:9px}
  .category-section .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .category-section .category{padding:12px 9px;gap:8px}
}

/* Личный кабинет: фото открывает загрузку, продукты представлены карточками. */
.dashboard-header{display:flex;align-items:center;gap:22px;padding-bottom:28px;border-bottom:1px solid #d8dfd3;flex-wrap:wrap}
.dashboard-header .dashboard-greeting{flex:1 1 220px}
.dashboard-greeting p{font-size:14px;margin:0 0 4px;color:#566a59}
.dashboard-greeting h1{margin:0 0 4px}
.dashboard-greeting small{color:#6a796a;font-size:12px}
.dashboard-admin-link{margin-left:auto}
.avatar-form{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.profile-avatar,.author-avatar{position:relative;display:grid;place-items:center;overflow:hidden;flex:none;background:#dff2c7;color:#24432c;border:2px solid #b5d39c;border-radius:50%;font-weight:700}
.profile-avatar{width:86px;height:86px;font-size:34px}
.profile-avatar img,.author-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.profile-avatar-editable{cursor:pointer;transition:box-shadow .2s,transform .2s}
.profile-avatar-editable:hover{box-shadow:0 0 0 4px #d7edbd;transform:translateY(-2px)}
.avatar-edit-icon{position:absolute;right:1px;bottom:1px;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#203a30;color:white;border:2px solid #fafbf7;font-size:20px;line-height:1}
.avatar-form input[type=file]{position:absolute;width:1px;height:1px;padding:0;margin:0;opacity:0;overflow:hidden;clip-path:inset(50%)}
.avatar-form:focus-within .profile-avatar{outline:3px solid #85b44b;outline-offset:4px}
.avatar-form.avatar-autosubmit .avatar-submit{display:none}
.avatar-submit{border:1px solid #b6cba8;background:#eff5e8;border-radius:8px;padding:9px 13px;cursor:pointer}
.avatar-error{color:#a12828;font-size:12px;max-width:300px}
.avatar-error ul{margin:0;padding-left:18px}
.dashboard-section{margin-top:34px}
.dashboard-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.dashboard-section-head h2{margin:0 0 16px}
.dashboard-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.dashboard-product-card{display:flex;flex-direction:column;min-width:0;background:white;border:1px solid #d6dfd0;border-radius:14px;overflow:hidden;box-shadow:0 5px 18px #1328190a;transition:transform .2s,box-shadow .2s}
.dashboard-product-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #13281917}
.dashboard-product-image{display:grid;place-items:center;height:166px;background:linear-gradient(135deg,#e2edda,#c9ddbf);color:#365139;font-size:50px;overflow:hidden}
.dashboard-product-image img{width:100%;height:100%;object-fit:cover}
.dashboard-product-content{display:flex;flex:1;flex-direction:column;padding:18px}
.dashboard-product-content h3{font-size:20px;line-height:1.25;margin:12px 0 8px;overflow-wrap:anywhere}
.dashboard-product-content p{font-size:13px;line-height:1.5;margin:0 0 18px;color:#5b6d5c;flex:1}
.dashboard-product-open{font-size:13px;font-weight:700}
.dashboard-product-status{align-self:flex-start;border-radius:5px;padding:4px 8px;background:#edf1e8;color:#415d47;font-size:11px;font-weight:700}
.dashboard-product-status.status-published{background:#e0f2d0;color:#2c6532}
.dashboard-product-status.status-review{background:#fff0ce;color:#815d16}
.dashboard-product-status.status-rejected{background:#fae4dc;color:#95422e}

/* Форматы поставки идут сразу за демо и занимают всю ширину карточки продукта. */
.product-detail .detail-byline{display:flex;align-items:center;gap:12px}
.author-avatar{width:46px;height:46px;font-size:19px}
.detail-byline strong{display:block;color:#314d38;font-size:14px}
.detail-byline small{display:block;font-size:12px;color:#637162;margin-top:2px}
.delivery-section{margin:30px 0 34px;padding:27px;background:#eef4e9;border:1px solid #d5e3ce;border-radius:16px}
.delivery-heading h2{margin:0 0 5px;font-size:26px}
.delivery-heading p{margin:0 0 20px!important;font-size:14px!important;color:#5d6e60}
.delivery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}
.delivery-card{display:flex;flex-direction:column;min-width:0;padding:22px;background:#fff;border:1px solid #d9e2d3;border-radius:12px}
.delivery-kind{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#5c8b3a;font-weight:700}
.delivery-card h3{font-size:20px;margin:8px 0 14px;line-height:1.2}
.delivery-price{min-height:45px;display:flex;flex-wrap:wrap;align-items:center;gap:7px}
.delivery-price strong{display:block;width:100%;font-size:23px}
.delivery-price del{font-size:13px;color:#7e8a7c}
.delivery-description{font-size:13px;line-height:1.6;color:#4c6050;flex:1;margin:10px 0 20px}
.delivery-description p{font-size:13px;line-height:1.6;margin:0}
.delivery-card .btn{width:100%;white-space:normal;text-align:center}
.delivery-question{margin:16px 0 0!important;font-size:13px!important}
.detail-content{max-width:900px;margin:0 auto 35px}
.catalog-category-links{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:20px 0 8px}
.catalog-category-links:before{content:'Что хотите запустить?';font-size:12px;color:#637764;margin-right:2px}
.catalog-category-links a{display:inline-flex;align-items:center;min-height:30px;padding:5px 12px;border:1px solid #b9c9b1;border-radius:18px;background:#ecf2e7;color:#314637;font-size:12px;text-decoration:none;transition:transform .2s,background .2s}
.catalog-category-links a:hover{transform:translateY(-2px);background:#e0efd2}
.catalog-category-links a[aria-current="page"]{border-color:#83ad57;background:#d7edbe;font-weight:700}
body[data-tone="graphite"] .catalog-category-links:before{color:#d1d7dc}
body[data-tone="graphite"] .catalog-category-links a{background:#555d63;color:#f7faf8;border-color:#7c878a}
body[data-tone="graphite"] .catalog-category-links a:hover{background:#65716e}
body[data-tone="graphite"] .catalog-category-links a[aria-current="page"]{background:#c4eb9b;color:#24382b;border-color:#c4eb9b}
@media(max-width:850px){.dashboard-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.dashboard-header{gap:14px}.profile-avatar{width:68px;height:68px;font-size:28px}.dashboard-greeting small{font-size:11px}.dashboard-admin-link{margin-left:0}.dashboard-product-grid{grid-template-columns:1fr}.delivery-section{padding:17px}.delivery-grid{grid-template-columns:1fr}}

/* Фильтры каталога на широком экране выровнены по одной линии. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.catalog-controls .tools{display:grid;grid-template-columns:minmax(0,1fr) 150px 150px max-content;align-items:center;gap:12px;padding:8px}
.catalog-controls .search{height:48px;min-width:0;width:100%;margin:0}
.catalog-controls .search input{min-width:0;width:100%;height:100%}
.catalog-controls .filter-field{display:block;min-width:0}
.catalog-controls .filter-field select{height:48px;width:100%;max-width:none;padding:0 10px}
.catalog-controls .tools>.btn{height:48px;white-space:nowrap}
.catalog-controls .filter-reset{grid-column:1/-1}
@media(max-width:760px){.catalog-controls .tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.catalog-controls .search{grid-column:1/-1}.catalog-controls .tools>.btn{grid-column:1/-1;width:100%}}

/* Изображение начинается под плотным фоном и постепенно проявляется вправо. */
@media(min-width:601px){
  .commerce-hero .hero-bg:after{background:linear-gradient(90deg,#102c22 0%,#102c22 35%,#102c22e8 46%,#102c2280 61%,transparent 79%),linear-gradient(0deg,#102c22ad,transparent 38%)}
  body[data-tone="graphite"] .commerce-hero .hero-bg:after{background:linear-gradient(90deg,#292f2f 0%,#292f2f 35%,#292f2fe8 46%,#292f2f80 61%,transparent 79%),linear-gradient(0deg,#292f2fad,transparent 38%)}
}
.commerce-hero .hero-widget.code-window{z-index:3;min-height:155px;background:#101e1aeb;color:#d1e8ca;border-color:#7fa27688}
.commerce-hero .hero-widget.code-window pre{color:#b8df9b}
/* Нижняя карточка перекрывает только угол окна кода и оставляет его текст видимым. */
@media(min-width:1001px){.commerce-hero .hero-widget.float-bottom{right:28%;bottom:34px;z-index:4}}

/* Официальные варианты логотипа следуют выбранной теме витрины. */
.brand .site-logo{display:block;width:176px;height:auto;max-width:100%}.brand .site-logo-on-dark{display:none}body[data-tone="graphite"] .brand .site-logo-on-light{display:none}body[data-tone="graphite"] .brand .site-logo-on-dark{display:block}
@media(max-width:600px){.nav .brand .site-logo{width:150px}.footer-about .brand .site-logo{width:165px}}

/* Равная высота карточек поставки и общий нижний край кнопок. */
.detail-info > .plan-box { display:flex; flex-direction:column; height:100%; min-width:0; }
.detail-info > .plan-box > .btn { margin-top:auto; }
.order-materials { display:flex; flex-wrap:wrap; gap:10px; margin:18px 0; }
.order-materials form { margin:0; }
.order-materials .btn { white-space:normal; }
.purchased-order { align-items:flex-start; gap:24px; }
.purchased-order-info { min-width:0; flex:1; overflow-wrap:anywhere; }
.purchased-order h3 { margin:0 0 10px; }
.purchased-order > .btn { flex-shrink:0; }
.purchased-order details { margin:12px 0; }
@media(max-width:600px){ .order-materials,.order-materials form,.order-materials .btn { width:100%; } }