:root{--accent:#ff902e;--ink:#202329;--paper:#f2f1ed;--muted:#58616a;--line:#d9dbd8;--store-dark:#151719;--store-soft:#c7cbd0}
body{background:var(--paper)}#glassCanvas{display:none}.preview{background:#0d0f10;color:#c8cbd0;font-size:12px;padding:9px max(24px,calc((100vw - 1376px)/2));border-bottom:1px solid #303236}
header{background:var(--store-dark)!important;color:#fff;padding:22px max(32px,calc((100vw - 1376px)/2));border:0;gap:24px;box-shadow:0 8px 24px #00000014}header .logo{color:#fff;font-size:40px}header .logo span{color:#ffad68;font-size:9px;letter-spacing:.22em}header nav{gap:24px}header nav a{font-size:14px;color:#e1e3e5}header nav a:hover{color:#ffad68}.header-actions button{background:transparent;color:white;border:1px solid #606469;border-radius:30px;font-size:14px;padding:10px 20px}.header-actions .dark{background:var(--accent);border-color:var(--accent);color:#191b1e;font-weight:800}#cart-count{background:#1b1d20;color:white;border-radius:50%;font-size:12px}
main{max-width:1504px;padding:24px 40px 48px}.hero{border-radius:16px;min-height:740px;padding:64px;background:#151719!important;border:1px solid #383a3d!important;align-items:center}.hero-copy{max-width:650px}.hero .eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.18em;color:#ffd4b3}.hero .eyebrow:before{content:'';height:7px;width:7px;background:var(--accent);border-radius:50%}.hero h1{font-size:clamp(52px,6.5vw,96px);font-weight:900;letter-spacing:-.055em;line-height:.99;margin:28px 0 24px}.hero h1 em{color:#ff9a43}.hero p{max-width:440px;font-size:17px;line-height:1.6;color:#e1e3e5}.hero:after{background:linear-gradient(90deg,#101214f5 0%,#101214c9 35%,#10121418 75%),linear-gradient(0deg,#10121485,transparent 50%)}.cinema-image{object-position:65% center}.hero .cinema-caption{position:absolute;bottom:12px;right:20px;max-width:290px;font-size:10px!important;color:#d3d5d9!important;text-align:right;line-height:1.4}.hero-search{max-width:470px;margin-top:30px}.hero-search label{font-size:12px;color:#e2e3e5;letter-spacing:.04em}.hero-search>div{padding:6px;background:#fff;border-radius:12px;gap:4px}.hero-search input{border:0;background:transparent;padding:12px;color:#202329}.hero-search button{border:0;background:var(--accent);border-radius:8px;font-weight:800;padding:12px 23px}.hero-assistant{padding:0;border:0;min-height:44px;font-size:14px;border-radius:0;border-bottom:1px solid #a3a6a9;margin-bottom:22px}.hero-assistant:hover{background:transparent;color:#ffae6c}.hero-foot{gap:24px;font-size:10px;color:#d2d5d9;letter-spacing:.08em}.hero-foot span:before{content:'✓';color:var(--accent);margin-right:8px}
.project-strip{padding:24px 8px;border-color:#d0d1ce;gap:12px;color:#434a50;font-size:11px;letter-spacing:.06em}.project-strip b{font-family:Consolas,monospace;color:#a74500;background:#e8e5df;border-radius:50%;padding:8px;font-size:11px}.helper-hub{padding:64px 0 16px}.section-title h2{font-size:clamp(32px,3.5vw,48px);font-weight:800;letter-spacing:-.045em}.section-title p{font-size:15px;line-height:1.6}.eyebrow{font-size:10px;letter-spacing:.16em}.helper-grid{gap:16px}.helper-card{background:#191b1e!important;color:white;min-height:310px!important;padding:28px!important;border:0;border-radius:12px;isolation:isolate;justify-content:flex-end;box-shadow:none!important}.helper-card:before{content:'';position:absolute;inset:0;z-index:-2;background-size:cover;background-position:72% center;transition:transform .3s ease}.helper-card:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#101214fa 0%,#101214b5 40%,#10121410 100%)}.helper-card[data-browse=materials]:before{background-image:url('photos/photo-11.webp')}.helper-card[data-browse=tools]:before{background-image:url('photos/photo-02.webp')}.helper-card[data-browse=fasteners]:before{background-image:url('photos/photo-08.webp')}.helper-card[data-browse=project]:before{background-image:url('photos/photo-20.webp')}.helper-card:hover:before{transform:scale(1.04)}.helper-card:hover{transform:none}.helper-card>span{color:#ffd2af;font:700 10px/1.5 Consolas,monospace;letter-spacing:.08em}.helper-card h3{font-size:25px;line-height:1.15;margin:14px 0 8px}.helper-card p{color:#e0e3e5;font-size:14px;margin:0 0 18px}.helper-card strong{font-size:12px;color:#ffae6c;margin-top:0}.helper-symbol{display:none}
.catalog{padding:56px 0}.search-row{background:white;border:1px solid #c2c7cb;border-radius:12px;padding:6px;gap:6px}.search-row input{border:0;padding:12px 16px}.search-row button{background:#eceeea;border:0;font-size:14px;border-radius:8px}.filters{padding:20px 0;border-bottom:1px solid #d7d9d6}.filters label{font-size:13px;font-weight:650}.filters select{border-color:#ced2d5;border-radius:8px;font-size:15px}.filters .checkbox{font-size:14px}.filters>button{font-size:14px}.catalog .products{gap:16px}.product{padding:14px;border:1px solid #d9dddf;border-radius:12px;gap:10px;box-shadow:0 2px 5px #20232904}.product:hover{transform:none;box-shadow:0 8px 24px #20232912}.product-picture{border:0;border-radius:8px;height:180px;background:#eff0ec}.product h3{font-size:17px;font-weight:750;line-height:1.35;min-height:46px}.product .price{font-size:25px;letter-spacing:-.03em}.product small{font-size:12px}.product .actions button:first-child{font-size:14px;background:#ff902e;border-color:#ff902e}.stock{font-size:13px}.address-demo{font-size:11px;border:0;border-radius:6px;background:#eef2f4;padding:8px;color:#40546a}.cart-preview{border-radius:12px;border:1px solid #d4d8d9;border-top:3px solid var(--accent);padding:24px}.cart-preview h3{font-size:23px;letter-spacing:-.03em}.cart-preview>p{font-size:14px}.cart-preview>button{width:100%;background:var(--ink);color:white;font-size:14px}.cart-preview .preview-total{font-size:24px}.preview-line strong{font-size:14px}
.photo-story{border-radius:16px;margin:40px 0 64px}.photo-sticky{border-radius:16px}.photo-copy h2{font-weight:850}.work-guides{border-radius:12px;padding:24px;border-color:#d4d7d6}.work-guides summary{font-size:18px}.app-card{border-radius:12px!important;box-shadow:none!important}.apps-section .section-title h2{font-size:42px}.how{background:#191c1f;border-radius:16px;padding:56px}.receiving>div{border-radius:12px}.receiving h2{font-size:30px}.receiving .eyebrow{color:#a24500}footer{background:#151719}footer p{font-size:14px}footer .logo{font-size:40px}#bot-open{background:#202329;color:white;border:1px solid #64676a;box-shadow:0 8px 30px #0004;border-radius:40px;padding:16px 24px;font-size:14px}#bot-open:before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:#ff902e;margin-right:10px}#bot-dialog{background:#f8f8f5;border-radius:18px;border-color:#d9dcd9;border-top:4px solid var(--accent);box-shadow:0 24px 80px #0005}.bot-note{font-size:13px}.bot-shortcuts button{font-size:12px;border-radius:20px}.bot-result{border-radius:10px}#bot-draft{box-shadow:none;border:0;min-height:52px}dialog{background:#f6f6f2}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b95200;outline-offset:4px}
@media(max-width:1200px){header nav{gap:14px}header{gap:16px}header nav a{font-size:13px}.hero{padding:48px}.helper-card{padding:22px!important}.helper-card h3{font-size:23px}}
@media(max-width:900px){main{padding:20px}.hero{min-height:780px;padding:290px 32px 48px;align-items:end}.hero h1{font-size:64px}.hero-copy{max-width:600px}.hero:after{background:linear-gradient(0deg,#101214 0%,#101214ef 40%,#10121422 100%)}.cinema-image{object-position:75% top}.hero .cinema-caption{display:none}.helper-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.helper-card{min-height:290px!important}.hero-foot{font-size:9px}.photo-story{border-radius:12px}header{padding:20px}.header-actions button{font-size:13px}.photo-sticky{border-radius:12px}}
@media(max-width:500px){main{padding:12px}.preview{font-size:10px;padding:8px 16px}header{padding:16px;gap:14px;flex-wrap:nowrap}.logo,header .logo{font-size:31px}.logo span,header .logo span{font-size:7px}.header-actions{gap:6px;flex-wrap:nowrap;justify-content:flex-end}.header-actions button{padding:10px 12px;flex:initial;min-height:44px;font-size:11px}#cart-count{padding:2px 5px;margin-left:4px}.hero{border-radius:12px;min-height:740px;padding:265px 22px 32px}.hero .eyebrow{font-size:9px;letter-spacing:.08em}.hero h1{font-size:52px;line-height:1.02;margin:22px 0 18px}.hero p{font-size:15px}.hero-search{margin-top:22px}.hero-search>div{flex-direction:row}.hero-search input{font-size:16px;width:0;padding:10px}.hero-search button{padding:10px 16px;font-size:14px}.hero-foot{gap:10px}.hero-foot span{font-size:8px}.project-strip{display:grid;grid-template-columns:1fr;padding:22px 10px;gap:20px;font-size:10px}.helper-hub{padding-top:34px}.section-title{gap:0}.section-title h2{font-size:33px}.section-title p{font-size:14px}.helper-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.helper-card{min-height:250px!important;padding:16px!important}.helper-card h3{font-size:20px}.helper-card>span{font-size:8px}.helper-card p{font-size:12px;line-height:1.45;margin-bottom:12px}.helper-card strong{font-size:10px}.catalog{padding:36px 4px}.catalog .products{grid-template-columns:1fr}.search-row{flex-direction:column}.product{padding:18px}.product-picture{height:200px}.product h3{font-size:19px;min-height:0}.product small{font-size:13px}.address-demo{font-size:12px}.product .actions button:first-child{font-size:15px}.photo-story{margin:24px 0 36px}.apps-section .section-title h2{font-size:33px}.how{padding:28px}.receiving>div{padding:24px}.work-guides{padding:14px}.work-guides summary{font-size:16px}#bot-dialog{border-radius:0}footer{padding:36px 24px 100px}}
@media(prefers-reduced-motion:reduce){.helper-card:before{transition:none}.helper-card:hover:before{transform:none}}