*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Georgia',serif;color:#2b2b28;background:#fff;font-size:16px;line-height:1.5}
a{text-decoration:none;color:inherit}
h1,h2,h3{font-family:'Georgia',serif;font-weight:400;color:#221f1a}
button{font-family:inherit;cursor:pointer;border:none;background:none}
ul{list-style:none}

.sp_topbar{width:100%;padding:1.1em 40px 18px;border-bottom:1px solid #eee;position:sticky;top:0;background:#fff;z-index:50}
.sp_topbar_in{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}
.logoImg{height:34px;display:block}
.navWrap a{margin:0 14px;font-size:14px;text-transform:uppercase;letter-spacing:.5px}
.topRightBtns{display:flex;align-items:center;gap:18px}
.cartBtn{position:relative;font-size:20px;color:#1e1a15}
.cartCount{position:absolute;top:-8px;right:-10px;background:#c98a2b;color:#fff;font-size:11px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.sp_btnTop{background:#1e1a15;color:#fff;padding:10px 18px 10px 20px;border-radius:2px;font-size:13px;text-transform:uppercase}

.sp-hero{background:#f4ede2;padding:6.25em 40px 120px}
.heroTxtBox{max-width:760px;margin:0 auto;text-align:center}
.heroTag{font-size:12px;letter-spacing:3px;color:#c98a2b;margin-bottom:18px}
.sp-hero h1{font-size:56px;line-height:1.15;margin-bottom:.6em}
.sp-hero h1 em{font-style:italic;color:#c98a2b}
.heroSub{font-size:18px;color:#5a544a;max-width:560px;margin:0 auto 34px}
.heroBtnRow{display:flex;gap:18px;justify-content:center;align-items:center}
.btn_primary{background:#1e1a15;color:#fff;padding:14px 28px;border-radius:2px;font-size:14px;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;gap:8px}
.btn_primary.sm{padding:10px 22px;font-size:13px}
.btn_primary.lg{padding:18px 38px;font-size:16px}
.btn_ghost{color:#1e1a15;font-size:14px;border-bottom:1px solid #1e1a15;padding-bottom:2px;display:inline-flex;align-items:center;gap:6px;background:none}
.btn_ghost.sm{border:1px solid #1e1a15;padding:9px 18px;border-radius:2px;text-transform:uppercase;font-size:12px}

.strip_black{background:#1e1a15;padding:16px 0;overflow:hidden}
.strip_in{display:flex;justify-content:space-around;color:#f4ede2;font-size:13px;letter-spacing:2px;flex-wrap:wrap}

.kicker{font-size:12px;letter-spacing:3px;color:#c98a2b;margin-bottom:14px}
.numTag{font-size:22px;color:#c98a2b;margin-bottom:8px}


.sect_vacancy{display:flex;align-items:stretch;flex-wrap:wrap;max-width:1200px;margin:6.4em auto}
.vacImg{flex:1;min-width:280px;height:24em;object-fit:cover}
.vacTxt{flex:1;min-width:280px;padding:60px 50px;background:#171512;color:#f4ede2;display:flex;flex-direction:column;justify-content:center}
.vacTxt h2{color:#f4ede2;font-size:32px;margin-bottom:16px}
.vacTxt p{color:#cfc7ba;margin-bottom:26px;max-width:440px}


.sect_products{max-width:1200px;margin:100px auto;padding:0 40px}
.prodHead{margin-bottom:2.5em}
.prodHead h2{font-size:34px}
.prodGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.prodCard{border:1px solid #eee2cd;padding:16px 16px 20px}
.prodCard img{width:100%;height:150px;object-fit:cover;margin-bottom:14px}
.prodCard h3{font-size:16px;margin-bottom:6px}
.prodDesc{font-size:13px;color:#5a544a;margin-bottom:16px;min-height:2.6em}
.prodBottom{display:flex;align-items:center;justify-content:space-between}
.prodPrice{font-size:18px;color:#1e1a15}
.addCartBtn{border:1px solid #1e1a15;padding:6px 12px;font-size:12px;text-transform:uppercase;border-radius:2px}
.addCartBtn:hover{background:#1e1a15;color:#fff}


.sect_tips{display:flex;align-items:center;gap:60px;flex-wrap:wrap;max-width:1200px;margin:0 auto 100px;padding:0 40px}
.tipsTxt{flex:1;min-width:280px}
.tipsTxt h2{font-size:32px;margin-bottom:20px}
.tipsList{margin-bottom:24px}
.tipsList li{color:#3d372e;margin-bottom:10px;font-size:15px}
.tipsImg{flex:1;min-width:280px;height:320px;object-fit:cover}


.sect_how_bg{background-image:url('../static/notebook-budget-6630.webp')}
.sect_how{background-size:cover;background-position:center;position:relative;padding:120px 40px}
.sect_how:before{content:"";position:absolute;inset:0;background:rgba(20,18,15,.72)}
.howOverlay{position:relative;max-width:1200px;margin:0 auto;color:#f4ede2;text-align:center}
.howOverlay h2{color:#fff;font-size:34px;margin-bottom:50px}
.howRow{display:flex;gap:30px;flex-wrap:wrap;justify-content:center;text-align:left}
.howCardA,.howCardB,.howCard_c{flex:1;min-width:240px;max-width:320px;border-left:2px solid #c98a2b;padding-left:20px}
.howCardA h3,.howCardB h3,.howCard_c h3{color:#fff;font-size:19px;margin-bottom:6px}
.howCardA p,.howCardB p,.howCard_c p{color:#cfc7ba;font-size:14px}


.sect_services_bg{background-image:url('../static/calculator-desk-8845.webp')}
.sect_services{background-size:cover;background-position:center;position:relative;padding:7.5em 40px}
.sect_services:before{content:"";position:absolute;inset:0;background:rgba(15,13,10,.68)}
.servOverlay{position:relative;max-width:1200px;margin:0 auto;text-align:center}
.servOverlay .kicker{color:#e0b25f}
.servOverlay h2{color:#fff;font-size:34px;margin-bottom:50px}
.servRow{display:flex;gap:34px;flex-wrap:wrap;justify-content:center}
.servItem{flex:1;min-width:240px;max-width:320px;color:#f4ede2}
.servItem i{font-size:26px;color:#c98a2b;margin-bottom:14px;display:block}
.servItem h3{color:#fff;font-size:18px;margin-bottom:8px}
.servItem p{color:#cfc7ba;font-size:14px}


.sect_advantages{max-width:1200px;margin:100px auto;padding:0 40px}
.advHead{margin-bottom:2.4em;text-align:center}
.advHead h2{font-size:32px}
.advRow{display:flex;gap:60px;align-items:center;flex-wrap:wrap}
.advImg{flex:1;min-width:260px;max-width:360px;height:26em;object-fit:cover}
.advTxt{flex:1.4;min-width:280px}
.advTxt p{color:#3d372e;margin-bottom:18px;max-width:560px}
.advStats{display:flex;gap:40px;margin-top:28px;flex-wrap:wrap}
.advStatItem strong{display:block;font-size:26px;color:#c98a2b}
.advStatItem span{font-size:13px;color:#5a544a;text-transform:uppercase;letter-spacing:.5px}


.sect_faq{max-width:900px;margin:100px auto;padding:0 40px}
.faqHead{text-align:center;margin-bottom:2.2em}
.faqHead h2{font-size:32px}
.faqItem{border-bottom:1px solid #e9e2d3}
.faqQ{width:100%;text-align:left;padding:20px 4px;font-size:16px;display:flex;justify-content:space-between;align-items:center;color:#221f1a}
.faqIco{transition:transform .2s ease}
.faqItem.open .faqIco{transform:rotate(45deg)}
.faqA{max-height:0;overflow:hidden;transition:max-height .25s ease}
.faqA p{padding:0 4px 18px;color:#5a544a;font-size:14px}
.faqMoreLink{display:block;text-align:center;margin-top:2em}


.sect_contact{max-width:1200px;margin:0 auto 110px;padding:0 40px;display:flex;gap:70px;flex-wrap:wrap}
.contactLeft{flex:1;min-width:280px}
.contactLeft h2{font-size:32px;margin-bottom:16px}
.contactLeft p{color:#5a544a;margin-bottom:26px;max-width:400px}
.contactInfoRow p{margin-bottom:10px;font-size:14px;color:#3d372e}
.contactForm{flex:1.2;min-width:300px;background:#f8f4ec;padding:36px;display:flex;flex-direction:column;gap:14px}
.formRow{display:flex;gap:14px;flex-wrap:wrap}
.formRow input{flex:1;min-width:140px}
.contactForm input,.contactForm textarea{padding:12px 14px;border:1px solid #ddd3c2;font-family:inherit;font-size:14px;background:#fff}
.contactForm textarea{resize:vertical}
.hp_field{position:absolute;left:-9999px;opacity:0}
.formMsg{font-size:13px;min-height:1em}
.formMsg.ok{color:#3a7a4a}
.formMsg.err{color:#b23a3a}


.sp_footer{background:#f4ede2;padding:70px 40px 30px}
.footerIn{max-width:1200px;margin:0 auto;display:flex;gap:60px;flex-wrap:wrap;padding-bottom:40px}
.footLogoImg{height:30px;margin-bottom:14px}
.footBrand p{color:#5a544a;font-size:14px;margin-top:8px}
.footCol h4{font-size:14px;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}
.footCol a, .footCol p{display:block;color:#5a544a;font-size:14px;margin-bottom:10px}
.footBottom{max-width:1200px;margin:0 auto;border-top:1px solid #ddd3c2;padding-top:20px;font-size:13px;color:#8a8377}


.cartOverlay{display:none;position:fixed;inset:0;background:rgba(20,18,15,.55);z-index:200;align-items:center;justify-content:center}
.cartOverlay.show{display:flex}
.cartPopup{width:50vw;height:50vh;min-width:340px;min-height:420px;background:#fff;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.3);border-top:4px solid #c98a2b}
.cartPopHead{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #eee}
.cartPopHead h3{font-size:18px;display:flex;gap:8px;align-items:center}
.cartCloseBtn{font-size:18px;color:#5a544a}
.cartItemsWrap{flex:1;overflow-y:auto;padding:10px 24px}
.cartRow{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #f1ece1}
.cartRow img{width:56px;height:56px;object-fit:cover}
.cartRowInfo{flex:1}
.cartRowInfo h4{font-size:14px;margin-bottom:4px;font-weight:normal}
.cartRowInfo span{font-size:13px;color:#8a8377}
.qtyBox{display:flex;align-items:center;gap:8px}
.qtyBox button{width:24px;height:24px;border:1px solid #ddd3c2;font-size:14px;line-height:1}
.cartRowPrice{width:60px;text-align:right;font-size:14px}
.removeItemBtn{color:#b23a3a;font-size:15px}
.cartEmptyMsg{display:none;text-align:center;color:#8a8377;padding:40px 20px;font-size:14px}
.cartFootRow{border-top:1px solid #eee;padding:18px 24px 22px}
.cartTotalRow{display:flex;justify-content:space-between;font-size:16px;margin-bottom:14px}
.cartBtnRow{display:flex;justify-content:space-between;gap:12px}


.orderModalOverlay{display:none;position:fixed;inset:0;background:rgba(20,18,15,.6);z-index:300;align-items:center;justify-content:center}
.orderModalOverlay.show{display:flex}
.orderModal{width:420px;max-width:90vw;background:#fff;padding:32px;border-top:4px solid #c98a2b}
.orderModal h3{font-size:20px;margin-bottom:10px}
.orderModal p{font-size:14px;color:#5a544a;margin-bottom:20px}
.orderModal input{width:100%;padding:12px 14px;border:1px solid #ddd3c2;margin-bottom:12px;font-family:inherit;font-size:14px}
.orderModalBtns{display:flex;justify-content:flex-end;gap:12px;margin-top:6px}


.thankYouOverlay{display:none;position:fixed;inset:0;background:rgba(20,18,15,.6);z-index:400;align-items:center;justify-content:center}
.thankYouOverlay.show{display:flex}
.thankYouBox{background:#fff;padding:44px 40px;text-align:center;width:360px;max-width:90vw;border-top:4px solid #c98a2b}
.thankIco{font-size:40px;color:#3a7a4a;margin-bottom:14px}
.thankYouBox h3{font-size:20px;margin-bottom:10px}
.thankYouBox p{font-size:14px;color:#5a544a;margin-bottom:22px}


.cookieBar{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);width:min(92vw,980px);background:#1e1a15;color:#f4ede2;z-index:500;border-radius:6px;box-shadow:0 14px 40px rgba(0,0,0,.35);display:none}
.cookieBar.show{display:block}
.cookieBarIn{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 26px;flex-wrap:wrap}
.cookieTxt p{font-size:13px;color:#cfc7ba;max-width:600px}
.cookieTxt a{color:#e0b25f;border-bottom:1px solid #e0b25f}
.cookieBtns{display:flex;gap:10px;flex-wrap:wrap}
.cookieBar .btn_ghost{color:#f4ede2;border-color:#f4ede2}
.cookieSettingsPanel{display:none;padding:0 26px 22px;border-top:1px solid #322d25}
.cookieSettingsPanel.show{display:block;padding-top:16px}
.cookieSetRow{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;color:#cfc7ba;max-width:300px}
.swToggle,.swOn{position:relative;width:36px;height:20px;display:inline-block}
.swToggle input,.swOn input{opacity:0;width:0;height:0}

@media(max-width:900px){
.prodGrid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
.sp-hero h1{font-size:36px}
.navWrap{display:none}
.sp_topbar{padding:14px 20px}
.sect_products,.sect_tips,.sect_advantages,.sect_faq,.sect_contact,.sp_footer{padding-left:20px;padding-right:20px}
.sect_vacancy{margin:60px auto}
.prodGrid{grid-template-columns:1fr 1fr}
.cartPopup{width:92vw;height:80vh}
}

.legalWrap{max-width:820px;margin:70px auto 100px;padding:0 40px}
.legalWrap h1{font-size:36px;margin:.3em 0 .2em}
.legalUpdated{color:#8a8377;font-size:13px;margin-bottom:2em}
.legalWrap p{color:#3d372e;margin-bottom:1.2em;font-size:15px}
.legalWrap h2{font-size:20px;margin:1.6em 0 .5em}

.pageHero{background:#f4ede2;padding:70px 40px 60px;text-align:center}
.pageHero .kicker{justify-content:center;display:block}
.pageHero h1{font-size:38px}

.infoSectWrap{max-width:900px;margin:70px auto 100px;padding:0 40px}
.infoSectBlk{margin-bottom:3em}
.infoSectBlk h2{font-size:24px;margin-bottom:.5em}
.infoSectBlk p{color:#3d372e;font-size:15px;margin-bottom:.9em}
.infoSectBlk:nth-child(even) h2{color:#c98a2b}

.faqFullGrid{max-width:900px;margin:70px auto 100px;padding:0 40px}