/* Offer layout: a product scene and a visible specification of the result. */
body{--paper:#f7f2e9}.composition{min-height:620px;height:calc(100svh - 125px);max-height:900px}.visual{width:54%;height:100%;inset:0 auto 0 0;transform:none!important}.is-selected .introduction{opacity:1}.introduction{left:4vw;top:112px}.introduction h1{font-size:clamp(32px,3vw,43px)}.introduction p{max-width:240px;line-height:1.7}.reading{right:3vw;top:15px;bottom:12px;width:44vw;max-width:680px;padding:4px 17px 25px 8px}.reset{min-height:38px;font-size:10px;padding:7px 15px}.reading-content{padding-top:22px}.reading h2{font-size:clamp(38px,3.7vw,53px);margin-bottom:15px}.reading [data-copy]{max-width:520px;font-size:12px;line-height:1.85;margin-bottom:22px}.offer-price{padding:21px 23px;background:#c6552d;color:#fff5e5;display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:3px 25px 3px 3px;box-shadow:inset 0 1px 0 #f2b18a,0 8px 15px -11px #6a351c88}.estimate .price-caption{font-size:10px;line-height:1.4;color:#ffe0c8;margin:0 0 8px}.estimate strong{font-size:clamp(29px,3vw,42px);line-height:1.15;letter-spacing:-.05em;white-space:nowrap}.estimate span{color:#ffdfc4;font-size:10px}.offer-price .cta{background:#302820;border:1px solid #302820;color:#fff6e9;box-shadow:inset 0 1px 0 #716254;margin:0;padding:12px 20px;font-size:11px}.offer-price .cta:hover{background:#49392d}.delivery{margin-top:28px}.delivery-heading{display:flex;justify-content:space-between;align-items:baseline;gap:15px;border-bottom:1px solid #d4bda6;padding-bottom:13px}.delivery-heading h3{font-size:15px;font-weight:500;letter-spacing:-.025em;margin:0}.delivery-heading>span{font-size:10px;color:#9c6e4a;text-align:right}.blueprint{position:relative;height:213px;overflow:hidden;background:#e8d9c5;margin:18px 0 0;padding:20px 23px 0;border:1px solid #dbc7ae;perspective:900px}.desktop-preview{position:relative;width:79%;max-width:390px;background:#fffaf0;border:1px solid #c9b194;border-radius:6px 6px 0 0;box-shadow:9px 12px 12px #7f5a2926;transform:rotateY(-8deg) rotateZ(-1deg);transform-origin:center bottom;min-height:191px}.browser-strip{display:flex;align-items:center;gap:3px;height:17px;padding:0 8px;border-bottom:1px solid #e1d3c0;background:#f3eadb;border-radius:5px 5px 0 0}.browser-strip i{width:3px;height:3px;border-radius:50%;background:#ba9879}.browser-strip span{font-size:6px;color:#a58a6e;margin-left:10px}.mini-page{padding:10px 13px}.mini-nav{display:flex;justify-content:space-between;align-items:center;font-size:5px;color:#927556}.mini-nav b{font-weight:500;font-size:7px;color:#473323}.mini-hero{margin-top:12px;position:relative;padding:9px 10px 10px;background:#edc2a2;min-height:76px}.mini-hero strong{display:block;max-width:70%;font:700 15px/1.1 Caveat,cursive;color:#7d3d21;letter-spacing:0}.mini-line{display:block;width:52%;height:2px;background:#ba8e6a;margin-top:5px}.mini-line.short{width:39%;margin-top:3px}.mini-button{display:inline-block;border-radius:20px;padding:3px 8px;background:#b84c25;color:#fff5e4;font-size:5px;margin-top:7px}.mini-hero::after{content:'';position:absolute;right:12px;top:13px;bottom:14px;width:26%;border-radius:55% 6% 55% 6%;background:#d78d5d;box-shadow:inset 3px 3px 5px #f6d6b3,inset -4px -3px 6px #b2663c;transform:rotate(-12deg)}.mini-columns{display:flex;gap:7px;margin-top:7px}.mini-columns>span{display:block;flex:1;border-top:1px solid #dbc6ad;padding:5px 0;font-size:5px;color:#93714f}.mini-form{display:flex;align-items:center;gap:5px;border-top:1px solid #ddc7ab;padding-top:5px}.mini-form>span{font-size:5px;color:#a2764e}.mini-form i{height:6px;border:1px solid #e6d5bd;flex:1}.mini-form b{height:7px;width:19px;background:#c26535;border-radius:4px}.phone-preview{position:absolute;right:14%;bottom:-7px;width:60px;height:135px;border:3px solid #4a3d30;border-radius:11px;background:#fff8e9;padding:14px 6px 6px;box-shadow:6px 7px 10px #50382344;transform:rotate(6deg);z-index:2}.phone-speaker{position:absolute;top:4px;left:17px;width:20px;height:3px;border-radius:3px;background:#6d5a46}.phone-preview>b{display:block;background:#dfa176;height:34px;border-radius:2px;margin-bottom:6px}.phone-preview>i{display:block;height:2px;width:100%;background:#c8af90;margin-top:4px}.phone-preview>i:nth-of-type(2){width:70%}.phone-preview>em{display:block;background:#ba5428;width:24px;height:6px;border-radius:6px;margin:7px 0}.phone-preview>div{border-top:1px solid #dac3a5;height:12px;margin-top:5px}.blueprint-caption{position:absolute;right:15px;top:16px;writing-mode:vertical-rl;font-size:8px;letter-spacing:.05em;color:#987656}.reading ul{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin:13px 0 0}.reading li{border-bottom:1px solid #ddc6ae;padding:12px 0;line-height:1.65;font-size:10px}.reading li::before{display:none}.reading li strong{font-weight:500;font-size:11px;display:block;color:#543724;margin-bottom:4px}.reading li span{display:block;color:#967353}.reading .revision-note{font-size:10px;line-height:1.75;margin:15px 0 0;color:#78583e;padding-left:12px;border-left:2px solid #c97645}.reading .terms{margin-top:18px;max-width:520px;font-size:9px;color:#9a7d61}.blueprint[data-kind=personal] .mini-hero{background:#dedac0}.blueprint[data-kind=personal] .mini-hero::after{border-radius:50%;background:#b5b499;box-shadow:inset 3px 3px 6px #edebda,inset -3px -3px 6px #898969}.blueprint[data-kind=update] .mini-hero{background:#e5c7b1}.blueprint[data-kind=update] .mini-hero::after{border-radius:3px;transform:rotate(-4deg);background:repeating-linear-gradient(to bottom,#c38356 0,#c38356 7px,#dfa97c 7px,#dfa97c 9px);box-shadow:3px 3px 0 #b16a3b}.blueprint[data-kind=update] .mini-form{opacity:.4}
@media(max-width:1000px){.composition{height:auto;min-height:0;padding-top:90px;max-height:none}.visual{width:100%;position:relative;height:420px}.reading{position:relative;width:auto;max-width:720px;inset:auto;padding:0 35px 35px}.introduction{top:108px;left:6vw}.reading h2{font-size:49px}.offer-price{padding:23px 26px}.estimate strong{font-size:39px}.blueprint{height:235px;padding-left:35px}.desktop-preview{max-width:430px;width:80%;min-height:215px}.mini-hero{min-height:88px}.phone-preview{height:153px;width:69px;right:17%}.blueprint-caption{right:23px}.reading li{font-size:11px}.reading li strong{font-size:12px}}
@media(max-width:600px){.introduction{left:25px;top:100px}.introduction h1{font-size:34px}.introduction p{font-size:10px;max-width:250px}.composition{padding-top:100px}.visual{height:330px}.reading{padding:0 24px 30px}.reading-content{padding-top:22px}.reading h2{font-size:41px}.reading [data-copy]{font-size:12px;line-height:1.85}.offer-price{padding:19px 17px;border-radius:3px 20px 3px 3px;gap:15px}.estimate .price-caption{font-size:9px}.estimate strong{font-size:30px}.estimate span{font-size:9px}.offer-price .cta{font-size:10px;padding:10px 14px;min-height:44px}.delivery{margin-top:26px}.delivery-heading h3{font-size:14px}.delivery-heading>span{font-size:9px;max-width:120px}.blueprint{height:199px;padding:18px 15px 0}.desktop-preview{width:83%;min-height:185px}.phone-preview{right:11%;width:53px;height:122px;padding:14px 5px 4px;border-width:2px;border-radius:9px}.phone-speaker{left:15px;width:18px}.phone-preview>b{height:29px}.phone-preview>div{height:10px}.blueprint-caption{right:10px;top:15px;font-size:7px}.mini-page{padding:9px}.mini-hero{padding:8px;min-height:73px}.mini-hero strong{font-size:14px}.reading ul{gap:0 16px}.reading li{font-size:10px;padding:11px 0}.reading li strong{font-size:11px}.reading .revision-note{font-size:10px}.reading .terms{font-size:9px}footer{font-size:9px}}
.blueprint:not([data-kind=update]) .mini-hero::after{content:'Фото';display:grid;place-items:center;font:5px 'Golos Text',sans-serif;color:#9b6a48;border:1px solid #c99772;border-radius:3px;background:#e8b58f;box-shadow:none;transform:none}
.reading h2:focus-visible{outline:1px solid #a94725;outline-offset:5px}
.blueprint[data-kind=update] .mini-form{display:none}
