.heading-cards>div{position:relative;border:1px solid #e1dbd3;border-radius:12px;background:#fff}.heading-cards>div.active{border-color:#987d60;background:#f6f0e8}.heading-cards>div>button{width:100%;height:100%;border:0!important;background:transparent!important}.heading-cards>div>.curtain-help{position:absolute;right:7px;top:7px;margin:0}.curtain-field-label{display:inline-flex!important;align-items:center;gap:5px}.curtain-help{position:relative;display:inline-flex;vertical-align:middle}.curtain-help>button{display:grid;place-items:center;width:18px;height:18px;padding:0;border:0;border-radius:50%;background:transparent;color:#8a7b6b;cursor:help}.curtain-help>button:focus-visible,.curtain-help>button:hover{background:#eee7dd;color:#3f342a;outline:none}.curtain-help>[role=tooltip]{position:absolute;z-index:40;left:50%;bottom:calc(100% + 9px);width:260px;padding:11px 13px;transform:translateX(-50%) translateY(4px);border:1px solid #ded4c7;border-radius:10px;background:#2f2a25;color:#fff;font-size:11px;font-weight:500;line-height:1.5;text-align:left;box-shadow:0 12px 30px rgba(28,22,17,.2);opacity:0;visibility:hidden;pointer-events:none;transition:.15s ease}.curtain-help>[role=tooltip]:after{content:"";position:absolute;top:100%;left:50%;width:9px;height:9px;transform:translate(-50%,-5px) rotate(45deg);background:#2f2a25}.curtain-help:focus-within>[role=tooltip],.curtain-help:hover>[role=tooltip]{transform:translateX(-50%) translateY(0);opacity:1;visibility:visible}.heading-cards .curtain-help{margin-left:4px}.heading-cards .curtain-help>button{width:16px;height:16px}.heading-cards .curtain-help>[role=tooltip]{white-space:normal}@media(max-width:650px){.curtain-help>[role=tooltip]{position:fixed;left:18px;right:18px;bottom:18px;width:auto;transform:none}.curtain-help:focus-within>[role=tooltip],.curtain-help:hover>[role=tooltip]{transform:none}.curtain-help>[role=tooltip]:after{display:none}}.calculator-draft-card{display:flex;align-items:center;gap:16px;padding:20px 24px}.calculator-draft-card>i{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#edf7f1;color:#236952}.calculator-draft-card>div{flex:1 1}.calculator-draft-card span{display:block;color:#89745d;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.07em}.calculator-draft-card strong{display:block;margin:4px 0;font-family:Georgia,serif;font-size:20px}.calculator-draft-card p{font-size:13px}.calculator-draft-card>em{padding:7px 10px;border-radius:999px;background:#f7f0e8;color:#866543;font-size:11px;font-style:normal;font-weight:700}.curtain-preview-shell{margin-top:22px;overflow:hidden;border:1px solid #dedbd5;border-radius:24px;background:#fbfaf8;box-shadow:0 18px 50px rgba(45,40,32,.07)}.curtain-preview-shell>header{display:flex;align-items:flex-start;justify-content:space-between;padding:30px 34px 24px;background:linear-gradient(120deg,#fff,#f8f4ee)}.curtain-preview-shell>header h2{margin:4px 0;font-family:Georgia,serif;font-size:29px;font-weight:500}.curtain-preview-shell>header p{margin:0;color:#736f69}.curtain-preview-shell>header>em{display:flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid #d8d0c4;border-radius:999px;background:#fff;color:#6d5943;font-size:11px;font-style:normal;font-weight:700}.curtain-preview-shell>nav{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #e9e4dc;border-bottom:1px solid #e4ded6;background:#fff}.curtain-preview-shell>nav button{display:flex;gap:12px;align-items:center;padding:17px 26px;border:0;border-bottom:3px solid transparent;background:transparent;text-align:left;cursor:pointer}.curtain-preview-shell>nav button+button{border-left:1px solid #eee9e2}.curtain-preview-shell>nav button.active{border-bottom-color:#80664c;background:#fbf7f1}.curtain-preview-shell>nav i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eee9e2;color:#6f6559;font-style:normal;font-weight:700}.curtain-preview-shell>nav .active i{background:#1b3f35;color:#fff}.curtain-preview-shell>nav small,.curtain-preview-shell>nav strong{display:block}.curtain-preview-shell>nav small{margin-top:2px;color:#8a8781}.curtain-calculator-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr)}.curtain-calculator-grid>main{padding:24px 28px;border-right:1px solid #e5e0d8}.curtain-section{padding:22px 0;border-bottom:1px solid #e9e4dd}.curtain-section:first-child{padding-top:4px}.curtain-section>header{display:flex;gap:12px;align-items:flex-start;margin-bottom:17px}.curtain-section>header>i,.curtain-section>header>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#eee9e1;color:#715f4d;font-size:11px;font-style:normal;font-weight:800}.curtain-section>header small,.curtain-section>header strong{display:block}.curtain-section>header strong{font-family:Georgia,serif;font-size:18px;font-weight:500}.curtain-section>header small{margin-top:3px;color:#89847e}.curtain-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.curtain-field-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.curtain-number-field,.curtain-text-field{display:block}.curtain-label,.curtain-number-field>span,.curtain-text-field>span{display:block;margin:0 0 7px;color:#4e4a44;font-size:11px;font-weight:700}.curtain-number-field>div{display:flex;align-items:center;border:1px solid #ddd7cf;border-radius:10px;background:#fff}.curtain-number-field input,.curtain-text-field input{width:100%;padding:11px 12px;border:0;border-radius:10px;background:transparent;outline:0}.curtain-number-field input:focus,.curtain-text-field input:focus{box-shadow:0 0 0 2px #bfa98e}.curtain-number-field em{padding:0 11px;color:#8b867f;font-size:10px;font-style:normal}.curtain-number-field small{display:block;margin-top:5px;color:#96918b;font-size:9px}.curtain-text-field{margin-bottom:14px}.curtain-text-field input{border:1px solid #ddd7cf;background:#fff}.curtain-choice{display:flex;gap:5px;flex-wrap:wrap;margin:0 0 15px}.curtain-choice button{padding:9px 13px;border:1px solid #ddd7cf;border-radius:999px;background:#fff;color:#625d56;font-size:11px;cursor:pointer}.curtain-choice button.active{border-color:#9d856a;background:#eee6dc;color:#342d27;box-shadow:inset 0 0 0 1px #fff}.heading-cards{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:9px;gap:9px}.heading-cards button{padding:12px 8px;border:1px solid #e1dbd3;border-radius:12px;background:#fff;color:#5e5851;cursor:pointer}.heading-cards button.active{border-color:#987d60;background:#f6f0e8}.heading-cards i,.heading-cards span{display:block}.heading-cards i{height:34px;color:#a38d75;font-family:Georgia,serif;font-size:18px;font-style:normal;letter-spacing:2px}.heading-cards span{font-size:10px}.curtain-calculator-grid>main>footer{display:flex;justify-content:space-between;padding-top:20px}.curtain-calculator-grid>main>footer button{display:flex;align-items:center;gap:7px;padding:11px 16px;border:0;border-radius:10px;background:#173f35;color:#fff;font-weight:700;cursor:pointer}.curtain-calculator-grid>main>footer button.secondary{border:1px solid #ddd7cf;background:#fff;color:#5d5851}.curtain-calculator-grid>main>footer button:disabled{opacity:.35}.curtain-calculator-grid>aside{padding:22px;background:#f6f3ee}.curtain-summary,.curtain-visual{overflow:hidden;border:1px solid #e0d9d0;border-radius:16px;background:#fff}.curtain-visual>header{display:flex;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #eee8e1;font-family:Georgia,serif}.curtain-visual>header em{color:#8f7a64;font-family:inherit;font-size:11px;font-style:normal}.curtain-room{position:relative;height:285px;background:linear-gradient(#f1ede6 0 76%,#ded7cd 76% 78%,#c8beb2 78%)}.curtain-window{position:absolute;bottom:22%;left:25%;width:50%;border:8px solid #ded7ce;background:linear-gradient(145deg,#d7e0e0,#fbfcfb);box-shadow:inset 0 0 0 2px #fff}.curtain-window span{position:absolute;background:#ddd6cc}.curtain-window span:first-child{left:49%;top:0;width:2px;height:100%}.curtain-window span:last-child{left:0;top:48%;width:100%;height:2px}.curtain-track{z-index:3;top:10%;height:4px;border-radius:4px;background:#5a5148}.curtain-panels,.curtain-track{position:absolute;left:50%;transform:translateX(-50%)}.curtain-panels{z-index:2;top:12%;display:flex;justify-content:space-between;pointer-events:none}.curtain-panels i{width:23%;height:100%;border-radius:3px 3px 8px 8px;background:repeating-linear-gradient(90deg,rgba(244,239,230,.96) 0 5px,rgba(185,174,158,.8) 6px 8px,rgba(251,249,245,.96) 9px 13px);box-shadow:0 5px 12px rgba(64,50,37,.2)}.curtain-panels.panels-1 i{width:48%;margin:auto}.curtain-panels.panels-3 i{width:28%}.curtain-panels.panels-4 i{width:21%}.curtain-room .measure{position:absolute;z-index:5;padding:3px 6px;border-radius:5px;background:rgba(255,255,255,.88);color:#5d554d;font-size:9px}.curtain-room .measure.horizontal{bottom:8%;left:50%;transform:translateX(-50%)}.curtain-room .measure.vertical{right:3%;top:43%;transform:rotate(90deg)}.curtain-summary{margin-top:14px;padding:18px}.curtain-summary .main-result{margin:12px 0;padding:17px;border:1px solid #eadfd2;border-radius:13px;background:#fbf7f1}.curtain-summary .main-result em,.curtain-summary .main-result small{display:block}.curtain-summary .main-result strong{display:block;margin:4px 0;color:#2a2825;font-family:Georgia,serif;font-size:31px;font-weight:500}.curtain-summary .main-result em{color:#8e8275;font-size:9px;font-style:normal}.curtain-summary dl{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin:16px 0}.curtain-summary dl div{padding-bottom:8px;border-bottom:1px solid #eee9e3}.curtain-summary dt{color:#8b867f;font-size:9px}.curtain-summary dd{margin:3px 0 0;font-size:12px;font-weight:700}.curtain-warning{display:flex;gap:6px;margin:8px 0;padding:9px;border-radius:8px;background:#fff4df;color:#895c22;font-size:10px;line-height:1.4}.curtain-summary>button{width:100%;padding:11px;border:0;border-radius:9px;background:#dedbd5;color:#8a857e;font-size:10px}.shoptet-compatibility{margin-top:18px;padding:24px;border:1px solid #e4e9e6;border-radius:20px;background:#fff}.shoptet-compatibility h2{margin:4px 0 18px}.shoptet-compatibility>div{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.shoptet-compatibility article{padding:16px;border-radius:12px;background:#f6f8f7}.shoptet-compatibility article strong{font-size:12px}.shoptet-compatibility article p{margin:6px 0 0;color:#69736f;font-size:11px;line-height:1.5}@media(max-width:1000px){.curtain-calculator-grid{grid-template-columns:1fr}.curtain-calculator-grid>main{border-right:0}.curtain-field-grid.three{grid-template-columns:1fr 1fr}.shoptet-compatibility>div{grid-template-columns:1fr}}@media(max-width:650px){.curtain-preview-shell>header{padding:22px;flex-wrap:wrap;gap:12px}.curtain-preview-shell>nav{grid-template-columns:1fr}.curtain-preview-shell>nav button+button{border-left:0;border-top:1px solid #eee9e2}.curtain-calculator-grid>main{padding:18px}.curtain-field-grid,.curtain-field-grid.three,.heading-cards{grid-template-columns:1fr 1fr}.curtain-calculator-grid>aside{padding:14px}.calculator-draft-card{align-items:flex-start;flex-wrap:wrap}.calculator-draft-card>em{margin-left:64px}}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}a,button{touch-action:manipulation}button{cursor:pointer}img{max-width:100%}