
body:has(.box-page){overflow-x:clip}.box-page{--orange:#fe9b00;--orange2:#e78900;--ink:#282828;--muted:#68716d;--line:#dfe4e1;--soft:#f4f6f5;--green:#167c74;width:100vw;margin-left:calc(50% - 50vw);font:16px/1.45 Arial,sans-serif;color:var(--ink);background:#fff}.box-page *{box-sizing:border-box}.box-shell{width:min(1240px,calc(100% - 40px));margin:auto}.box-header{height:78px;border-bottom:1px solid var(--line);background:#fff}.box-header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.box-brand{color:#282828!important;text-decoration:none!important;font-size:clamp(19px,2vw,24px);font-weight:800}.box-brand span{color:var(--orange2)}.box-brand small{display:block;color:var(--muted);font-size:12px;font-weight:400}.box-nav{display:flex;align-items:center;gap:25px}.box-nav a{color:#282828!important;text-decoration:none!important}.box-nav a:hover{color:#b66500!important}.box-phone{font-weight:700;color:#282828!important;white-space:nowrap}.box-hero{padding:70px 0 64px;background:linear-gradient(135deg,#fff9ef 0,#f2f6f4 68%,#e5efeb 100%)}.box-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:55px}.box-kicker{color:#9b5900;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:13px}.box-hero h1{margin:12px 0 20px;font-size:clamp(38px,5.4vw,72px);line-height:1.02;max-width:760px}.box-hero p{max-width:650px;margin:0 0 28px;font-size:19px;color:#4f5854}.box-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:0 22px;border:0;border-radius:6px;background:var(--orange);color:#171717!important;text-decoration:none!important;font:700 16px Arial;cursor:pointer}.box-button:hover{background:#ed9000}.box-button-secondary{background:#fff;border:1px solid #c8cfcb}.box-button-secondary:hover{background:#fff6e9}.box-hero-art{width:100%;filter:drop-shadow(0 22px 25px #22432d25)}.box-section{padding:68px 0}.box-section-soft{background:var(--soft)}.box-heading{max-width:780px;margin-bottom:30px}.box-heading h2{margin:0 0 10px;font-size:clamp(30px,4vw,48px);line-height:1.08}.box-heading p{margin:0;color:var(--muted);font-size:18px}.box-calculator{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);gap:28px;align-items:start}.box-panel{padding:28px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 10px 30px #263a3010}.box-step{display:flex;gap:12px;align-items:flex-start;margin-bottom:22px}.box-step-num{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:50%;background:#282828;color:#fff;font-weight:700}.box-step h3{margin:2px 0 4px;font-size:22px}.box-step p{margin:0;color:var(--muted)}.box-materials{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:30px}.box-material{position:relative;display:block;border:2px solid transparent;border-radius:10px;background:#f5f5f3;overflow:hidden;cursor:pointer}.box-material input{position:absolute;opacity:0}.box-material img{display:block;width:100%;height:120px;object-fit:cover}.box-material[data-material="plywood3"] img{object-position:62% 40%}.box-material[data-material="plywood4"] img{object-position:42% 35%}.box-material[data-material="hdf3"] img{object-position:50% 40%}.box-material-copy{display:block;padding:12px}.box-material strong,.box-material small{display:block}.box-material small{margin-top:4px;color:var(--muted);font-size:12px}.box-material:has(input:checked){border-color:var(--orange);box-shadow:0 0 0 2px #fe9b0025}.box-toggle{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:8px;background:#edf0ee;margin-bottom:18px}.box-toggle label{position:relative}.box-toggle input{position:absolute;opacity:0}.box-toggle span{display:block;padding:11px 12px;text-align:center;border-radius:6px;cursor:pointer;font-weight:700}.box-toggle input:checked+span{background:#fff;box-shadow:0 2px 9px #0002}.box-dimensions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.box-field{display:grid;gap:6px;font-weight:700}.box-field span{font-size:13px}.box-field input,.box-field textarea,.box-field select{width:100%;min-height:46px;border:1px solid #bdc6c1;border-radius:6px;padding:10px 12px;font:16px Arial;background:#fff}.box-field input:focus,.box-field textarea:focus,.box-field select:focus{outline:2px solid #fe9b0060;border-color:#d68000}.box-field textarea{min-height:108px;resize:vertical}.box-unit{position:relative}.box-unit input{padding-right:40px}.box-unit:after{content:'мм';position:absolute;right:12px;bottom:12px;color:var(--muted);font-size:13px;font-weight:400}.box-limit{margin:10px 0 0;color:var(--muted);font-size:13px}.box-quantity{max-width:210px}.box-quantity .box-unit:after{content:'шт.'}.box-preview{position:sticky;top:18px}.box-preview-stage{min-height:350px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(160deg,#f8f5ee,#e7ece8);overflow:hidden}.box-model-canvas{display:block;width:100%;height:390px;touch-action:none}.box-model-hint{margin:9px 0 0;color:var(--muted);font-size:12px;text-align:center}.box-preview-controls{display:flex;gap:8px;margin-bottom:12px}.box-preview-controls button{padding:8px 12px;border:1px solid var(--line);border-radius:5px;background:#fff;cursor:pointer}.box-preview-controls button.is-active{background:#282828;color:#fff}.box-summary{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.box-summary dl{display:grid;grid-template-columns:1fr auto;gap:9px 18px;margin:0}.box-summary dt{color:var(--muted)}.box-summary dd{margin:0;text-align:right;font-weight:700}.box-price{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-top:18px;padding:17px;border-radius:8px;background:#fff4df}.box-price strong{display:block;font-size:28px}.box-price small{color:var(--muted)}.box-price-unset{font-size:16px!important}.box-warning{display:none;margin:14px 0 0;padding:12px;border-radius:6px;background:#fff1ef;color:#912b20}.box-admin{margin-bottom:30px;padding:24px;border:1px dashed #c47400;border-radius:10px;background:#fff8eb}.box-admin h3{margin:0 0 8px}.box-admin-table{width:100%;border-collapse:collapse;margin:16px 0}.box-admin-table th,.box-admin-table td{padding:8px;border:1px solid #e2d3b9;text-align:left}.box-admin-table input{width:95px;padding:7px;border:1px solid #bda980}.box-admin-min{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:16px}.box-admin-min label{display:grid;gap:5px}.box-message{padding:14px 16px;border-radius:7px;background:#e9f5ee;color:#12604e;margin-bottom:20px}.box-message-error{background:#fff0ee;color:#9b2921}.box-request-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.box-field-wide{grid-column:1/-1}.box-consent{display:flex;gap:10px;grid-column:1/-1;color:#555;font-size:14px}.box-consent input{margin-top:3px}.box-form-trap{position:absolute!important;left:-10000px!important}.box-footer{padding:35px 0;background:#282828;color:#ddd}.box-footer-inner{display:flex;justify-content:space-between;gap:25px;align-items:center}.box-footer a{color:#fff!important}.box-noscript{padding:15px;background:#fff0cf}.box-hidden{display:none!important}
@media(max-width:900px){.box-nav{display:none}.box-hero-grid,.box-calculator{grid-template-columns:1fr}.box-hero-art{max-width:600px}.box-preview{position:static}.box-materials{grid-template-columns:1fr}.box-material{display:grid;grid-template-columns:120px 1fr}.box-material img{height:100%;min-height:105px}.box-admin{overflow-x:auto}.box-footer-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.box-shell{width:min(100% - 24px,1240px)}.box-header{height:68px}.box-phone{font-size:13px}.box-hero{padding:44px 0}.box-section{padding:46px 0}.box-panel{padding:18px}.box-dimensions,.box-request-grid{grid-template-columns:1fr}.box-field-wide,.box-consent{grid-column:auto}.box-preview-stage{min-height:270px}.box-footer-inner{font-size:14px}}
.box-material-wrap{position:relative;min-width:0}.box-material-wrap .box-material{height:100%}.box-material-edit{position:absolute;z-index:3;right:8px;top:8px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid #d17b00;border-radius:6px;background:#fff;color:#7b4700;box-shadow:0 2px 8px #0002;cursor:pointer}.box-material-edit:hover{background:#fff4df}.box-material-edit svg{width:17px;height:17px}.box-material-dialog{width:min(520px,calc(100% - 24px));padding:0;border:0;border-radius:12px;box-shadow:0 24px 70px #0006}.box-material-dialog::backdrop{background:#17201c99}.box-material-form{display:grid;gap:16px;padding:24px}.box-material-form h3{margin:0;font-size:24px}.box-material-form label{display:grid;gap:6px;font-weight:700}.box-material-form input[type=text],.box-material-form textarea,.box-material-form input[type=file]{width:100%;padding:10px 12px;border:1px solid #bdc6c1;border-radius:6px;font:16px Arial}.box-material-form textarea{min-height:90px;resize:vertical}.box-material-current{display:flex;gap:14px;align-items:center}.box-material-current img{width:120px;height:80px;object-fit:cover;border-radius:6px}.box-material-actions{display:flex;justify-content:flex-end;gap:10px}.box-material-actions button{min-height:42px;padding:0 16px;border:1px solid #c8cfcb;border-radius:6px;background:#fff;font-weight:700;cursor:pointer}.box-material-actions .box-button{border:0;background:var(--orange)}
@font-face{font-family:Roboto;src:url('/proizvodство/korobki-na-zakaz/assets/Roboto-Regular.ttf?v=2') format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url('/proizvodство/korobki-na-zakaz/assets/Roboto-Bold.ttf?v=2') format('truetype');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url('/proizvodство/korobki-na-zakaz/assets/Roboto-Italic.ttf?v=2') format('truetype');font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Roboto;src:url('/proizvodство/korobki-na-zakaz/assets/Roboto-BoldItalic.ttf?v=2') format('truetype');font-weight:700;font-style:italic;font-display:swap}.box-accordion{border-top:1px solid var(--line)}.box-accordion:first-child{border-top:0}.box-accordion>.box-step{position:relative;align-items:center;margin:0;padding:16px 38px 16px 0;list-style:none;cursor:pointer;user-select:none}.box-accordion>.box-step::-webkit-details-marker{display:none}.box-accordion>.box-step:after{content:'›';position:absolute;right:8px;top:50%;font-size:30px;line-height:1;transform:translateY(-50%) rotate(90deg);transition:transform .16s}.box-accordion[open]>.box-step:after{transform:translateY(-50%) rotate(-90deg)}.box-accordion>.box-step:hover h3{color:#a55e00}.box-accordion-body{padding:0 0 24px}.box-engraving-step{margin-top:0}.box-engraving-fields{display:grid;grid-template-columns:minmax(0,2fr) minmax(230px,1fr);align-items:start;column-gap:10px;row-gap:12px;margin:0;padding:13px;border-radius:8px;background:#fff8eb}.box-engraving-fields>.box-field{align-content:start}.box-engraving-fields>.box-field>span:first-child{display:flex;align-items:flex-end;min-height:19px}.box-engraving-text-field textarea{height:82px;min-height:82px}.box-font-row{display:flex;align-items:stretch;gap:7px}.box-font-size-field .box-font-size-control{width:108px;flex:0 0 108px}.box-font-size-field input{height:46px;min-height:46px}.box-font-style{width:46px;height:46px;flex:0 0 46px;padding:0;border:1px solid #bdc6c1;border-radius:6px;background:#fff;color:#222;font-size:18px;cursor:pointer}.box-font-style:hover{background:#ffe8c2}.box-font-style[aria-pressed="true"]{border-color:#dc8500;background:#ffd89a;color:#522f00;box-shadow:inset 0 0 0 1px #dc8500}.box-font-italic{font-style:italic}.box-engraving-fields textarea{line-height:1.25}.box-logo-field{grid-column:1/2}.box-logo-field input{min-width:0;flex:1;height:46px;padding:8px;background:#fff}.box-logo-upload{display:flex;align-items:center;gap:7px}.box-logo-remove{width:46px;height:46px;flex:0 0 46px;padding:0;border:1px solid #d8c7a8;border-radius:6px;background:#fff;color:#6d4a27;font-size:23px;line-height:1;cursor:pointer}.box-logo-remove:hover{background:#ffe4b5}.box-logo-remove[hidden]{display:none}.box-logo-position{grid-column:2/3}.box-logo-position select{height:46px}.box-logo-size{grid-column:1/-1;display:flex!important;flex-direction:row!important;align-items:center;gap:12px}.box-logo-size>span:first-child{flex:0 0 auto;white-space:nowrap}.box-logo-range{display:flex;align-items:center;gap:12px}.box-logo-range input{min-width:0;flex:1;padding:0}.box-logo-range output{min-width:62px;font-weight:700;text-align:right}.box-logo-note{display:block;margin-top:4px;color:var(--muted);font-size:12px;line-height:1.25}.box-engraving-details{grid-column:1/-1;margin:0;color:var(--muted);font-size:12px;line-height:1.3}.box-summary #sum-engraving{max-width:280px}.box-assembly-switch{display:flex;align-items:center;gap:10px;font-weight:700;cursor:pointer}.box-assembly-switch input{width:18px;height:18px;accent-color:var(--orange)}.box-assembly-note{margin:9px 0 0;padding-left:28px;color:#9a4f00;font-size:13px;line-height:1.35}.box-admin h4{margin:20px 0 8px}@media(max-width:560px){.box-accordion>.box-step{padding-right:30px}.box-engraving-fields{grid-template-columns:1fr}.box-logo-field,.box-logo-position,.box-logo-size{grid-column:1}.box-engraving-text-field textarea{height:auto;min-height:72px}}
.box-hero{background:#fff}.box-hero-art{display:block;height:auto;filter:none}.box-exact-scheme{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;padding:10px}.box-exact-scheme figure{min-width:0;margin:0;text-align:center}.box-exact-scheme svg{width:100%;height:90px;display:block}.box-exact-scheme figcaption{font-size:11px;font-weight:700}.box-exact-scheme small{font-size:10px;color:#626b67}.box-preview-column{position:relative;align-self:stretch;min-width:0}.box-preview{top:12px;padding:18px!important;align-self:start}.box-preview-controls{margin-bottom:8px}.box-preview-controls button{padding:6px 10px;font-size:13px}.box-preview-stage{display:block;min-height:0}.box-model-tools{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:7px;font-size:11px;line-height:1.2}.box-model-tools label{display:flex;align-items:center;gap:4px}.box-model-tools input[type=range]{width:82px}.box-model-tools button{font:inherit;padding:5px 8px;border:1px solid #ccd4ce;background:#fff;border-radius:5px;cursor:pointer}.box-model-canvas{height:325px}.box-model-hint{margin:5px 0 0;font-size:11px}.box-summary{margin-top:9px;padding-top:9px;font-size:14px;line-height:1.2}.box-summary dl{gap:5px 14px}.box-price{margin-top:10px;padding:11px}.box-price strong{font-size:22px}.box-price small{font-size:11px}.box-model-canvas:focus-visible{outline:2px solid #fe9b00;outline-offset:-2px}.box-material:focus-within{outline:2px solid #d68000;outline-offset:2px}.box-toggle input:checked+span{background:#ffe4b5;box-shadow:none}.box-toggle label:focus-within{outline:0}.box-toggle label:focus-within span{background:#ffdda3}.box-material img{height:120px!important}@media(max-width:900px){.box-preview-column{align-self:auto}.box-preview{position:static!important;width:auto!important}}@media(max-width:560px){.box-model-canvas{height:310px}}
.box-font-size-control{position:relative;display:block}.box-font-size-control input{padding-right:50px;-moz-appearance:textfield}.box-font-size-control input::-webkit-inner-spin-button,.box-font-size-control input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.box-font-size-buttons{position:absolute;top:1px;right:1px;bottom:1px;display:grid;width:42px;grid-template-rows:1fr 1fr;border-left:1px solid #bdc6c1;overflow:hidden;border-radius:0 5px 5px 0}.box-font-size-buttons button{display:grid;place-items:center;min-width:0;min-height:0;padding:0;border:0;background:#f4f6f5;color:#343a37;font:700 15px/1 Arial;cursor:pointer}.box-font-size-buttons button+button{border-top:1px solid #bdc6c1}.box-font-size-buttons button:hover{background:#ffe5b9}.box-font-size-buttons button:active{background:#ffc86b}
.box-optional-note{font-size:13px;font-weight:400;color:var(--muted);white-space:nowrap}.box-summary-note{display:block;font-size:10px;font-weight:400;line-height:1.15;color:var(--muted)}
.box-seo{background:#fff}.box-seo-intro{max-width:850px;margin-bottom:30px}.box-seo-intro h2{margin:0 0 10px;font-size:clamp(30px,4vw,46px);line-height:1.1}.box-seo-intro p{margin:0;color:var(--muted);font-size:18px}.box-seo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.box-seo-card{padding:26px;border:1px solid var(--line);border-radius:12px;background:#fff}.box-seo-card h2,.box-seo-card h3{margin:0 0 12px;font-size:25px;line-height:1.2}.box-seo-card p{margin:0 0 12px;color:#4f5854}.box-seo-card p:last-child{margin-bottom:0}.box-seo-card ol,.box-seo-card ul{margin:0;padding-left:22px;color:#4f5854}.box-seo-card li+li{margin-top:7px}.box-seo-card-wide{grid-column:1/-1}.box-use-list{columns:2;column-gap:42px}.box-use-list li{break-inside:avoid}.box-seo-note{margin-top:18px;padding:16px 20px;border-radius:8px;background:#fff4df;color:#634214}@media(max-width:700px){.box-seo-grid{grid-template-columns:1fr}.box-seo-card-wide{grid-column:auto}.box-use-list{columns:1}}
