/* GRADIS_UI_09: grouped footer and a compact mobile catalog toolbar. */
.gd-footer09{padding:48px 0 24px}
.gd-footer09 .footer-main{display:grid;grid-template-columns:minmax(170px,1fr) minmax(150px,.85fr) minmax(210px,1.1fr) minmax(190px,1.1fr);gap:36px;align-items:start}
.gd-footer09 .footer-main>div{grid-column:auto;min-width:0}
.gd-footer09 h3{font-size:11px;font-weight:700;letter-spacing:.13em;color:#999fa4;margin:0 0 16px;line-height:1.4}
.gd-footer09 .footer-main a:not(.logo),.gd-footer09 .footer-main button{display:flex;align-items:center;min-height:38px;width:fit-content;max-width:100%;margin:0;padding:7px 0;font-size:14px;line-height:1.5;text-align:left;overflow-wrap:anywhere;transition:color .18s,background-color .18s,border-color .18s}
.gd-footer09 .gd-footer-brand p{margin-top:20px;font-size:13px;line-height:1.65;color:#bec2c5}
.gd-footer09 .gd-footer-contacts .gd-footer-help{margin-top:14px;padding:10px 14px;min-height:42px;border:1px solid #60646a;border-radius:6px;color:#fff}
.gd-footer09 .gd-footer-contacts .gd-footer-help:hover{background:#34302d;color:#ff9a61;border-color:#bc7a52}
.gd-footer09 .footer-legal{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end;margin-top:36px;padding-top:22px}
.gd-footer09 .footer-legal p{margin:0;font-size:12px;line-height:1.7;max-width:none;color:#aeb3b7}
.gd-footer09 .footer-legal>p:last-child{grid-column:auto;text-align:right}
.gd-footer09 .gd-footer-copyright{display:flex;flex-direction:column;align-items:flex-end}
.gd-catalog-help{display:none}
.gd-sort-short{display:none}
.purchase .gd-quantity-status{font-size:12px;line-height:1.5;color:#656b70;margin:0 0 14px}
@media(min-width:1024px) and (max-width:1300px){.header .brand-note{display:none}.header-phone,.header .desktop-help,.header .request-label,.header .nav a{white-space:nowrap}.header-main{gap:16px}.header-main>.row{gap:12px}.header .nav{gap:18px}}
@media(max-width:1100px){.gd-footer09 .footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 40px}.gd-footer09 .gd-footer-brand{grid-column:auto}}
@media(max-width:700px){
 .gd-footer09{padding:32px 0 22px}
 .gd-footer09 .footer-main{grid-template-columns:minmax(0,1fr);gap:0}
 .gd-footer09 .footer-main>div{grid-column:auto;padding:22px 0;border-top:1px solid #ffffff20}
 .gd-footer09 .footer-main>.gd-footer-brand{border-top:0;padding:0 0 24px}
 .gd-footer09 .gd-footer-brand p{margin-top:16px;font-size:13px;line-height:1.6}
 .gd-footer09 h3{font-size:11px;line-height:1.4;margin-bottom:10px;color:#a4aaaf}
 .gd-footer09 .footer-main a:not(.logo),.gd-footer09 .footer-main button{font-size:14px;line-height:1.5;min-height:40px;padding:8px 0}
 .gd-footer09 .gd-footer-nav nav{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 22px;align-items:start}
 .gd-footer09 .gd-footer-nav a{width:100%!important;align-items:flex-start!important}
 .gd-footer09 .gd-footer-contacts .gd-footer-help{padding:10px 14px;margin-top:12px;min-height:44px}
 .gd-footer09 .gd-footer-docs a{max-width:100%;width:100%!important}
 .gd-footer09 .footer-legal{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:0;padding-top:22px;align-items:start}
 .gd-footer09 .footer-legal p{font-size:12px;line-height:1.75}
 .gd-footer09 .footer-legal>p:last-child{text-align:left;display:flex;flex-direction:row;align-items:flex-start;gap:8px;flex-wrap:wrap;font-size:12px;color:#92999f}
 .gd-footer09 .gd-footer-copyright span+span:before{content:'·';margin-right:8px}
 .gd-catalog-heading>.btn,.page-head:has(+.catalog-layout)>.btn{display:none}
 .gd-catalog-heading{margin-bottom:20px}
 .catalog-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 10px;padding-top:0}
 .catalog-top>.total{grid-column:1/-1;margin-bottom:0;font-size:12px;line-height:1.6}
 .catalog-top .filter-mobile{grid-column:1;min-width:0;width:100%;min-height:48px;font-size:13px;padding:11px 10px;gap:9px}
 .catalog-top .sort-control{grid-column:2;min-width:0;margin:0}
 .catalog-top .gd-sort{width:100%;min-width:0}
 .catalog-top .gd-sort-trigger{min-height:48px;font-size:13px;padding:11px 12px;gap:8px}
 .catalog-top .gd-sort-full{display:none}
 .catalog-top .gd-sort-short{display:inline;min-width:0}
 .gd-sort-options{width:max(100%,215px);max-width:calc(100vw - 40px)}
 .gd-catalog-help{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0 4px;margin-top:18px;border-top:1px solid #e0e3e5}
 .gd-catalog-help p{font-size:13px;line-height:1.5;color:#686e73}
 .gd-catalog-help button{min-height:44px;padding:10px 12px;flex:none;border:1px solid #cbd0d3;border-radius:6px;font-size:12px;font-weight:700;line-height:1.4;color:#202124;background:#fff;transition:background-color .18s,border-color .18s,color .18s}
 .gd-catalog-help button:hover{background:#fff0e6;border-color:#e3a17b;color:#9c3b0b}
 .purchase-actions>[data-product-add]{white-space:normal;line-height:1.3;padding-inline:10px;font-size:14px}
}
@media(max-width:359px){.gd-footer09 .gd-footer-nav nav{gap:2px 14px}.gd-footer09 .footer-main a:not(.logo),.gd-footer09 .footer-main button{font-size:13px}.catalog-top .filter-mobile{gap:6px;font-size:12px}.catalog-top .gd-sort-trigger{font-size:12px;padding-inline:10px}.gd-catalog-help{gap:10px}.gd-catalog-help p{font-size:12px}.gd-catalog-help button{font-size:11px;padding-inline:10px}}

/* GRADIS_UI_10: consistent empty-state actions and composed hero visual. */
.empty>.btn{width:240px;max-width:100%;min-height:48px;vertical-align:middle;padding:13px 16px;line-height:1.3}
#confirm-dialog .dialog-content>.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#confirm-dialog .dialog-content>.row>.btn{width:100%;min-height:48px}
.hero-foot{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:24px 0;align-items:stretch}
.hero-foot .hero-benefit{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start;align-content:start;gap:12px;padding:0 28px}
.hero-foot .hero-benefit:first-child{padding-left:0}
.hero-foot .hero-benefit:last-child{padding-right:0}
.hero-foot .hero-benefit+.hero-benefit{border-left:1px solid #ffffff24}
.hero-foot .hero-benefit svg{display:block;width:22px;height:22px;margin:0}
.hero-foot .hero-benefit p{max-width:none;font-size:14px;line-height:22px;margin:0}
.hero-visual{display:grid;grid-template-columns:minmax(0,1fr) 72px;grid-template-rows:auto minmax(0,1fr) auto;gap:18px;padding:24px;align-items:center;isolation:isolate}
.hero-visual:before{display:none}
.hero-visual .visual-index{position:static;grid-column:1;grid-row:1;align-self:center;justify-self:start;max-width:none;font-size:11px;line-height:1.5;z-index:3}
.hero-visual .hero-badge{position:static;inset:auto;grid-column:2;grid-row:1;justify-self:end;align-self:center;width:66px;height:66px;margin:0}
.hero-visual>img{grid-column:1/-1;grid-row:2;position:relative;z-index:2;height:330px;width:80%;max-width:100%;max-height:100%;margin:0;align-self:center;justify-self:center}
.hero-visual .hero-photo-note{position:relative;grid-column:1/-1;grid-row:3;inset:auto;align-self:start;justify-self:start;width:100%;margin:0;padding:0;font-size:12px;line-height:1.5}
.hero-visual .hero-photo-note strong{display:block;font-size:15px;line-height:1.45;margin-top:4px}
.hero-visual:after{position:relative;grid-column:1/-1;grid-row:2;inset:auto;align-self:stretch;justify-self:stretch;width:auto;height:auto;min-width:0;min-height:0;border:0;transform:none;opacity:1;background:linear-gradient(32deg,transparent 0 50%,#f26a21 50% 65%,transparent 65%);clip-path:inset(0);z-index:0}
@media(min-width:701px) and (max-width:1023px){.hero-foot .hero-benefit{padding-inline:16px;gap:10px;grid-template-columns:22px minmax(0,1fr)}.hero-foot .hero-benefit p{font-size:13px;line-height:21px}.hero-visual{padding:20px;gap:16px;grid-template-columns:minmax(0,1fr) 62px}.hero-visual .visual-index{font-size:9px}.hero-visual .hero-badge{width:58px;height:58px}.hero-visual>img{height:270px}}
@media(max-width:700px){
 .empty>.btn{display:flex;width:100%;max-width:320px;min-height:48px;margin:12px auto 0;font-size:13px;padding:13px 16px}
 .hero-foot{grid-template-columns:minmax(0,1fr);gap:14px;padding:22px 0}
 .hero-foot .hero-benefit,.hero-foot .hero-benefit:first-child,.hero-foot .hero-benefit:last-child{grid-template-columns:20px minmax(0,1fr);gap:11px;padding:0}
 .hero-foot .hero-benefit+.hero-benefit{border-left:0}
 .hero-foot .hero-benefit svg{width:19px;height:19px;margin-top:1px}
 .hero-foot .hero-benefit p{font-size:13px;line-height:21px}
 .hero-visual{grid-template-columns:minmax(0,1fr) 54px;grid-template-rows:auto 250px auto;gap:16px;padding:20px;height:auto;min-height:0}
 .hero-visual .visual-index{font-size:9px;line-height:1.5;max-width:none}
 .hero-visual .hero-badge{width:54px;height:54px;font-size:9px}
 .hero-visual .hero-badge b{font-size:18px}
 .hero-visual>img{height:250px;width:82%;margin:0;max-width:100%}
 .hero-visual .hero-photo-note{font-size:11px;line-height:1.5}
 .hero-visual .hero-photo-note strong{font-size:13px;line-height:1.5;margin-top:4px}
}
@media(max-width:359px){.hero-visual{padding:18px;gap:14px;grid-template-rows:auto 220px auto}.hero-visual>img{height:220px}.hero-visual .visual-index{font-size:8px;letter-spacing:.08em}.hero-visual .hero-photo-note strong{font-size:12px}}