@import "https://fonts.cdnfonts.com/css/articulat-cf";@import "https://fonts.cdnfonts.com/css/mariupol";:root{--bg:#f5f3f0;--dark:#1a1a1a;--dark-mid:#2e2e2e;--text:#1a1a1a;--text-mid:#5c5c5c;--text-light:#8a8a8a;--cream:#eceae7;--accent:#a67c52;--white:#fff;--radius:10px;--radius-sm:6px;--radius-xs:4px;--side-pad:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;zoom:1.1}@media (width>=1600px){html{zoom:1.25}}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Mariupol,Inter,system-ui,-apple-system,sans-serif;line-height:1.6}.container{max-width:1200px;padding:0 var(--side-pad);margin:0 auto}.grain-overlay{z-index:999;pointer-events:none;opacity:.18;width:200%;height:200%;position:fixed;inset:-50%}.header{z-index:100;transition:all .5s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;right:0}.header--dock{-webkit-backdrop-filter:blur(40px)saturate(1.8);backdrop-filter:blur(40px)saturate(1.8);background:#f5f3f08c;border-radius:10px;max-width:1200px;margin:0 auto;top:12px;left:0;right:0;transform:translateZ(0);box-shadow:0 2px 20px #0000000f,inset 0 0 0 1px #ffffff4d}.header--dock .header-inner{max-width:none;padding:0 24px}.header--dock .header-brand-text strong{color:var(--text)}.header--dock .header-brand-text small{color:var(--text-light)}.header--dock .header-nav a{color:var(--text-mid)}.header--dock .header-nav a:hover{color:var(--text);background:#0000000f}.header--dock .header-phone{color:var(--text-mid)}.header--dock .header-phone:hover{color:var(--text)}.header--dock .burger span{background:var(--text)}.header--hidden{transform:translateY(calc(-100% - 24px))}.header-inner{align-items:center;gap:24px;height:64px;display:flex}.header-logo{align-items:center;gap:10px;margin-right:auto;text-decoration:none;display:flex}.header-logo-img{width:auto;height:32px}.header-brand-text{flex-direction:column;line-height:1.2;display:flex}.header-brand-text strong{color:var(--white);font-size:12px;font-weight:600;transition:color .5s}.header-brand-text small{color:#ffffff73;font-size:10px;transition:color .5s}.header-nav{gap:2px;display:flex}.header-nav a{color:#ffffffb3;border-radius:10px;padding:7px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:color .25s,background .25s,transform .2s}.header-nav a:hover{color:var(--white);background:#ffffff1f;transform:translateY(-1px)}.header-nav a:active{transform:scale(.95)}.header-phone{color:#ffffffb3;white-space:nowrap;font-size:13px;font-weight:500;text-decoration:none;transition:color .25s}.header-phone:hover{color:var(--white)}.burger{cursor:pointer;background:0 0;border:none;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;transition:background .2s;display:none}.burger:hover{background:#ffffff1a}.burger span{background:var(--white);border-radius:2px;width:20px;height:2px;transition:all .3s;display:block}.burger--open span:first-child{transform:rotate(45deg)translate(5px,5px)}.burger--open span:nth-child(2){opacity:0}.burger--open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.hero{background:var(--dark);align-items:center;height:80vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.hero-bg{object-fit:cover;object-position:center 70%;width:100%;height:100%;position:absolute;inset:0}.hero-overlay{background:linear-gradient(#1a1a1a08 0%,#1a1a1a1f 30%,#1a1a1aa6 65%,#1a1a1af2 100%);position:absolute;inset:0}.hero-content{z-index:2;max-width:520px;margin-top:-5%;position:relative}.hero h1{color:var(--white);letter-spacing:-.5px;text-shadow:0 2px 20px #0006;margin-bottom:16px;font-family:Articulat CF,Inter,system-ui,sans-serif;font-size:46px;font-weight:800;line-height:1.08}.hero h1 em{font-style:italic}.hero-desc{color:#ffffffa6;letter-spacing:.01em;max-width:400px;margin-bottom:28px;font-size:15px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:10px;display:flex}.btn{cursor:pointer;letter-spacing:.02em;border:none;border-radius:100px;align-items:center;gap:8px;padding:12px 26px;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transform:scale(.96)translateY(0)}.btn-primary{background:var(--white);color:var(--dark);box-shadow:0 2px 8px #0000001a}.btn-primary:hover{box-shadow:0 8px 24px #0003}.btn-outline{color:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1.5px solid #fff3}.btn-outline:hover{background:#ffffff24;border-color:#ffffff73;box-shadow:0 4px 16px #0000001a}.catalog{background:var(--cream);padding:80px 0}.catalog-block{margin-bottom:72px}.catalog-block:last-child{margin-bottom:0}.catalog-block-top{margin-bottom:32px}.catalog-block-title{letter-spacing:-.3px;color:var(--dark);margin-bottom:6px;font-family:Articulat CF,Inter,system-ui,sans-serif;font-size:28px;font-weight:700}.catalog-block-desc{color:var(--text-mid);max-width:480px;font-size:14px;line-height:1.6}.catalog-block-specs{color:var(--text-light);letter-spacing:.04em;margin-top:4px;font-size:12px;font-weight:500;display:inline-block}.catalog-showcase{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;display:grid}.showcase-item{cursor:pointer;text-align:center;transition:transform .3s}.showcase-item:hover{transform:translateY(-4px)}.showcase-img-wrap{aspect-ratio:1;border-radius:var(--radius);background:var(--cream);width:100%;position:relative;overflow:hidden}.showcase-img{object-fit:contain;width:100%;height:100%;padding:20px;transition:opacity .4s}.showcase-hover-card{border-radius:var(--radius);background:var(--white);animation:.35s fadeUp;position:absolute;inset:0;overflow:hidden;box-shadow:0 8px 32px #0000001f}.showcase-hover-card img{object-fit:cover;width:100%;height:100%}.showcase-hover-price{background:var(--dark);color:var(--white);white-space:nowrap;border-radius:100px;padding:5px 14px;font-size:12px;font-weight:600;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.showcase-label{color:var(--text);margin-top:10px;font-size:13px;font-weight:500;display:block}.showcase-price{color:var(--text-light);margin-top:2px;font-size:12px;display:block}.showcase-item--active .showcase-label{font-weight:600}.showcase-zoom{width:32px;height:32px;color:var(--text-mid);cursor:pointer;opacity:0;z-index:2;background:#ffffffd9;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .25s;display:flex;position:absolute;bottom:8px;right:8px;box-shadow:0 2px 8px #0000001a}.showcase-item:hover .showcase-zoom{opacity:1}.showcase-zoom:hover{background:var(--white);color:var(--dark);transform:scale(1.1)}.features{background:var(--cream);padding:80px 0}.features-layout{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.features-text h2{letter-spacing:-.5px;color:var(--dark);margin-bottom:18px;font-family:Articulat CF,Inter,system-ui,sans-serif;font-size:34px;font-weight:800;line-height:1.1}.features-text p{color:var(--text-mid);margin-bottom:10px;font-size:14px;line-height:1.7}.features-badges{gap:16px;margin-top:20px;display:flex}.features-badge{color:var(--text-mid);letter-spacing:.02em;align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.features-badge svg{color:var(--text-light)}.features-img-photo{aspect-ratio:4/5;border-radius:var(--radius);object-fit:cover;width:100%}.features-img-placeholder{aspect-ratio:4/5;border-radius:var(--radius);background:#0000000a;border:2px dashed #00000014;width:100%}.payment{background:var(--cream);padding:80px 0}.payment .section-title{letter-spacing:-.3px;color:var(--dark);margin-bottom:6px;font-family:Articulat CF,Inter,system-ui,sans-serif;font-size:28px;font-weight:700}.payment .section-sub{color:var(--text-mid);font-size:14px;line-height:1.6}.payment-layout{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}.payment-warning{color:#bf360c;border-radius:var(--radius-sm);background:#fff3e0;align-items:center;gap:8px;margin-top:20px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.payment-warning svg{stroke:#bf360c;flex-shrink:0}.payment-row{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.payment-row:last-of-type{border-bottom:none}.payment-label{color:var(--text-light);flex-shrink:0;margin-right:16px;font-size:12px}.payment-value{text-align:right;word-break:break-all;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.copy-btn{background:var(--bg);border-radius:var(--radius-xs);cursor:pointer;width:28px;height:28px;color:var(--text-mid);border:1px solid #0000000f;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;transition:all .2s;display:flex}.copy-btn:hover{background:var(--cream);color:var(--dark)}.payment-note{color:var(--text-light);margin-top:12px;font-size:12px;font-style:italic}.contacts{background-color:#0000;background-image:linear-gradient(135deg,#3c3732e6,#1a1a1aeb),url(/hero.png);background-position:0 0,50%;background-repeat:repeat,no-repeat;background-size:auto,cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding:80px 0}.contacts-glass{-webkit-backdrop-filter:blur(60px)saturate(1.5);backdrop-filter:blur(60px)saturate(1.5);text-align:center;background:#ffffff1a;border:1px solid #ffffff26;border-radius:14px;padding:44px 40px;transform:translateZ(0);box-shadow:0 8px 32px #0000001f}.contacts-glass h2{color:var(--white);margin-bottom:32px;font-family:Articulat CF,Inter,system-ui,sans-serif;font-size:26px;font-weight:700}.contacts-grid{grid-template-columns:repeat(3,1fr);gap:24px 20px;display:grid}.contacts-item{color:var(--white);flex-direction:column;align-items:center;gap:5px;text-decoration:none;transition:transform .2s;display:flex}.contacts-item:hover{transform:translateY(-2px)}.contacts-item-icon{color:#ffffffa6;margin-bottom:2px}.contacts-item strong{font-size:13px;font-weight:600}.contacts-item span{color:#ffffff73;font-size:11px}.footer{background:var(--dark);color:#ffffff80;padding:32px 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-brand{flex-direction:column;gap:2px;display:flex}.footer-brand strong{color:var(--white);font-size:12px}.footer-brand span{opacity:.5;font-size:10px}.footer-contacts{gap:20px;display:flex}.footer-contacts a{color:#ffffff80;white-space:nowrap;font-size:12px;text-decoration:none;transition:color .2s}.footer-contacts a:hover{color:var(--accent)}.footer-copy{opacity:.35;text-align:center;width:100%;margin-top:8px;font-size:11px}.footer-privacy{color:inherit;text-decoration:none;transition:opacity .2s}.footer-privacy:hover{opacity:1}.privacy{background:var(--bg);padding:120px 0 80px}.privacy-title{color:var(--dark);margin-bottom:4px;font-family:Articulat CF,Inter,system-ui,sans-serif;font-size:28px;font-weight:700}.privacy-updated{color:var(--text-light);margin-bottom:32px;font-size:12px}.privacy-content{max-width:680px}.privacy-content h2{color:var(--dark);margin:28px 0 8px;font-size:16px;font-weight:700}.privacy-content p{color:var(--text-mid);margin-bottom:8px;font-size:14px;line-height:1.7}.privacy-content ul{margin-bottom:8px;padding-left:20px}.privacy-content li{color:var(--text-mid);margin-bottom:4px;font-size:14px;line-height:1.7}.privacy-content a{color:var(--text);text-underline-offset:2px;text-decoration:underline}.privacy-back{color:var(--text-mid);margin-top:32px;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-block}.privacy-back:hover{color:var(--dark)}.lightbox-overlay{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.lightbox{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:720px;display:flex;position:relative}.lightbox-close{cursor:pointer;width:36px;height:36px;color:var(--white);z-index:3;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;top:12px;right:12px}.lightbox-close:hover{background:#000000b3}.lightbox-img-area{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.lightbox-img{object-fit:contain;border-radius:var(--radius);background:var(--white);max-width:100%;max-height:70vh}.lightbox-arrow{cursor:pointer;width:40px;height:40px;color:var(--white);z-index:2;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-arrow:hover{background:#000000b3}.lightbox-arrow--left{left:12px}.lightbox-arrow--right{right:12px}.lightbox-dots{gap:8px;display:flex}.lightbox-dot{cursor:pointer;background:0 0;border:1.5px solid #fff6;border-radius:50%;width:8px;height:8px;padding:0;transition:all .2s}.lightbox-dot.active{background:var(--white);border-color:var(--white)}.lightbox-dot:hover{border-color:#ffffffb3}.lightbox-info{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.lightbox-info strong{color:var(--white);font-size:14px;display:block}.lightbox-price{color:#ffffff80;font-size:13px}.lightbox-order-btn{background:var(--white);color:var(--dark);white-space:nowrap;border-radius:100px;align-items:center;gap:6px;padding:10px 20px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.lightbox-order-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0000004d}@media (width<=900px){:root{--side-pad:40px}.hero h1{font-size:34px}.features-layout{grid-template-columns:1fr;gap:32px}.features-img{order:-1}.payment-layout{grid-template-columns:1fr;gap:32px}.contacts-grid{grid-template-columns:repeat(2,1fr)}.footer-inner{text-align:center;flex-direction:column}.footer-contacts{flex-wrap:wrap;justify-content:center}}@media (width<=640px){:root{--side-pad:20px}.header-nav{-webkit-backdrop-filter:blur(40px)saturate(1.8);backdrop-filter:blur(40px)saturate(1.8);background:#f5f3f0d1;flex-direction:column;gap:2px;padding:12px;display:none;position:fixed;top:64px;left:0;right:0;transform:translateZ(0);box-shadow:0 4px 20px #00000014}.header-nav--open{display:flex}.header-nav a{color:var(--text);padding:12px 16px}.header-nav a:hover{color:var(--dark);background:#0000000a}.header-phone{display:none}.burger{display:flex}.header--dock .burger:hover{background:#0000000d}.header--dock{max-width:none;top:8px;left:8px;right:8px}.hero{height:60vh}.hero h1{font-size:28px}.hero-content{padding-bottom:36px}.catalog{padding:48px 0}.catalog-block{margin-bottom:48px}.catalog-block-title{font-size:22px}.catalog-showcase{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.showcase-zoom{opacity:1}.features{padding:48px 0}.features-text h2{font-size:26px}.features-badges{flex-direction:column;gap:8px}.payment{padding:48px 0}.payment .section-title{font-size:22px}.payment-row{flex-direction:column;align-items:flex-start;gap:4px}.payment-layout{grid-template-columns:1fr;gap:24px}.contacts{padding:48px 0}.contacts-glass{padding:28px 20px}.contacts-glass h2{font-size:20px}.contacts-grid{grid-template-columns:repeat(2,1fr);gap:16px 12px}.contacts-item{text-align:left;align-items:flex-start}}
