@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/font-0.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/font-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/fonts/font-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/font-3.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/font-4.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/font-5.ttf) format('truetype');
}



:root{--bg:#0b0b0a;--ink:#eeeae2;--muted:#9d9a92;--line:rgba(255,255,255,.12);--warm:#cfc1aa}
*{box-sizing:border-box}html{scroll-behavior:auto;}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:30;background:radial-gradient(circle at 50% 0,rgba(255,255,255,.035),transparent 38%);mix-blend-mode:screen}
a{color:inherit;text-decoration:none}.header{position:fixed;z-index:20;top:0;left:0;right:0;height:82px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(to bottom,rgba(8,8,7,.65),transparent);transition:.5s ease}
.header.scrolled{height:68px;background:rgba(10,10,9,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}
.logo{font:500 22px Manrope, sans-serif;letter-spacing:.32em}.nav{display:flex;gap:32px;font-size:10px;text-transform:uppercase;letter-spacing:.17em;color:#b9b5ad}.nav a{transition:.3s}.nav a:hover{color:#fff}.header-btn{font-size:10px;letter-spacing:.16em;text-transform:uppercase;border:1px solid rgba(255,255,255,.25);padding:11px 17px;border-radius:50px}
.hero{height:100svh;min-height:700px;position:relative;overflow:hidden;display:flex;align-items:flex-end}
.hero-bg{position:absolute;inset:-8%;background:
radial-gradient(ellipse at 68% 40%,rgba(179,156,122,.48) 0%,rgba(113,97,77,.18) 17%,transparent 38%),
radial-gradient(ellipse at 78% 72%,rgba(88,78,65,.45),transparent 32%),
linear-gradient(115deg,#090908 10%,#171614 52%,#0b0b0a 90%);
transform:scale(1.04);animation:heroMove 16s ease-in-out infinite alternate}
.hero-bg:after{content:"";position:absolute;inset:0;background:
linear-gradient(90deg,rgba(7,7,6,.95) 0%,rgba(7,7,6,.55) 35%,rgba(7,7,6,.04) 72%),
linear-gradient(0deg,rgba(7,7,6,.95),transparent 35%)}
@keyframes heroMove{to{transform:scale(1.1) translate3d(-1.5%,-1%,0)}}
.hero-ring{position:absolute;width:62vw;height:62vw;right:-14vw;top:10vh;border:1px solid rgba(236,225,205,.16);border-radius:50%;animation:ring 13s ease-in-out infinite alternate}
@keyframes ring{to{transform:translate(-3%,2%) scale(.96);opacity:.65}}
.hero-content{position:relative;z-index:2;padding:0 4.5% 9vh;max-width:1000px}
.eyebrow{font-size:9px;letter-spacing:.28em;text-transform:uppercase;color:#aaa69d}.hero h1{font:300 clamp(52px,7.7vw,126px)/.91 Manrope, sans-serif;letter-spacing:-.065em;margin:24px 0 34px;max-width:900px}
.hero h1 .line{display:block;overflow:hidden}.hero h1 .line span{display:block;transform:translateY(110%);animation:up .95s cubic-bezier(.2,.7,.2,1) forwards}.hero h1 .line:nth-child(2) span{animation-delay:.08s}.hero h1 .line:nth-child(3) span{animation-delay:.16s}@keyframes up{to{transform:translateY(0)}}
.hero h1 em{font-style:normal;color:var(--warm)}
.hero-sub{max-width:430px;color:#aaa69d;font-size:14px;line-height:1.65;opacity:0;animation:fade 1s 1s forwards}@keyframes fade{to{opacity:1}}
.hero-action{display:inline-flex;gap:15px;align-items:center;margin-top:30px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:10px;opacity:0;animation:fade 1s 1.15s forwards}.arrow{transition:.4s}.hero-action:hover .arrow{transform:translateY(5px)}
.scroll{position:absolute;right:4.5%;bottom:8vh;z-index:2;font-size:8px;letter-spacing:.2em;text-transform:uppercase;color:#77736b;writing-mode:vertical-rl;display:flex;gap:14px;align-items:center}.scroll:after{content:"";width:1px;height:60px;background:#55514b;animation:pulse 2s infinite}@keyframes pulse{50%{height:35px;opacity:.4}}
.section{position:relative;padding:150px 4.5%;background:var(--bg)}.section:before{content:"";position:absolute;top:0;left:4.5%;right:4.5%;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:65px}.section-title{font:300 clamp(45px,6.5vw,92px)/.94 Manrope, sans-serif;letter-spacing:-.065em;margin:14px 0 0}.section-note{max-width:350px;color:var(--muted);font-size:13px;line-height:1.7}
.materials{background:linear-gradient(#0b0b0a 0%,#11110f 45%,#0b0b0a 100%)}
.material-grid{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:360px 360px;gap:2px}
.card{position:relative;overflow:hidden;background:#1a1917}.card .image{position:absolute;inset:-5%;transition:transform 1.2s cubic-bezier(.2,.65,.2,1)}.card:hover .image{transform:scale(1.07)}
.leather {
    background:
        linear-gradient(180deg, transparent 55%, rgba(0,0,0,.45)),
        url('/assets/images/leather.jpg') center/cover no-repeat;
}

.suede {
    background:
        linear-gradient(180deg, transparent 55%, rgba(0,0,0,.45)),
        url('/assets/images/suede.jpg') center/cover no-repeat;
}

.fur {
    background:
        linear-gradient(180deg, transparent 55%, rgba(0,0,0,.45)),
        url('/assets/images/fur.jpg') center/cover no-repeat;
}
.card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(0,0,0,.82))}.card.big{grid-row:span 2}.card-copy{position:absolute;z-index:2;left:28px;right:28px;bottom:27px}.card-name{font:400 36px Manrope, sans-serif;letter-spacing:-.045em}.card-meta{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#b4aea4;margin-top:7px}
.riri{padding-top:180px;padding-bottom:180px;background:#0b0b0a}.riri-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;align-items:center}.riri-title{font:300 clamp(90px,15vw,220px)/.78 Manrope, sans-serif;letter-spacing:-.09em;margin:22px 0 45px}.riri-copy p{max-width:410px;color:var(--muted);line-height:1.75;font-size:14px}.riri-link{display:inline-flex;margin-top:30px;border-bottom:1px solid #706c64;padding-bottom:10px;font-size:10px;letter-spacing:.18em;text-transform:uppercase}
.riri-stage{height:610px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#302e29,#11110f 52%,#080807)}
.riri-stage:before{content:"";position:absolute;left:-15%;top:50%;width:130%;height:28px;transform:rotate(-17deg);background:repeating-linear-gradient(90deg,#56534e 0 7px,#d8d1c5 8px 12px,#77736c 13px 18px);box-shadow:0 22px 50px rgba(0,0,0,.85);transition:transform 1s}.riri-stage:hover:before{transform:rotate(-17deg) scale(1.03)}
.riri-centered{min-height:82vh;display:flex;align-items:center;justify-content:center;text-align:center;padding-top:120px;padding-bottom:120px;background:radial-gradient(circle at 50% 48%,rgba(179,156,122,.09),transparent 34%),#0b0b0a}
.riri-centered-wrap{width:min(900px,100%);margin:auto;display:flex;flex-direction:column;align-items:center}
.riri-centered .riri-title{margin:28px 0 38px}
.riri-centered p{max-width:650px;color:var(--muted);line-height:1.75;font-size:14px;margin:0 auto}
.riri-centered .riri-link{margin-top:32px}
@media(max-width:800px){
.riri-centered{min-height:72vh;padding-top:105px;padding-bottom:105px}
.riri-centered .riri-title{margin:24px 0 32px}
.riri-centered p{font-size:13px;max-width:90%}
}

.pull{position:absolute;left:52%;top:39%;width:85px;height:125px;border:2px solid #bcb5aa;border-radius:14px 35px 35px 14px;transform:rotate(-17deg);box-shadow:inset 0 0 0 11px #171613,0 12px 30px #000}
.pull:after{content:"RIRI";position:absolute;left:16px;bottom:13px;font:500 9px Manrope, sans-serif;letter-spacing:.15em;transform:rotate(90deg);color:#bcb5aa}
.catalog{background:linear-gradient(180deg,#e8e3da 0%,#ded8cd 100%);color:#161614}.catalog:before{background:linear-gradient(90deg,transparent,#a7a096,transparent)}.catalog .eyebrow{color:#777169}.catalog .section-note{color:#706b63}.catalog .section-title{color:#161614}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:38px}.filter{border:1px solid #b7b1a7;padding:12px 17px;border-radius:50px;font-size:9px;letter-spacing:.15em;text-transform:uppercase;transition:.3s}.filter:hover,.filter.active{background:#171715;color:#eee9e0;border-color:#171715}
.products{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.product{height:390px;position:relative;overflow:hidden;background:#c8c2b8}.product-img{position:absolute;inset:-5%;transition:1s}.product:hover .product-img{transform:scale(1.08)}.p1{background:radial-gradient(circle at 50% 43%,#d8d1c5,#777168 45%,#302d28)}.p2{background:radial-gradient(circle at 45% 40%,#262521,#9a9489 53%,#24221f)}.p3{background:radial-gradient(circle at 50% 43%,#bca98f,#66584b 48%,#292521)}.p4{background:radial-gradient(circle at 45% 43%,#ddd3c3,#817668 48%,#292522)}.product:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(0,0,0,.8))}.p-info{position:absolute;z-index:2;left:20px;bottom:19px;color:white}.p-info small{font-size:8px;letter-spacing:.18em;text-transform:uppercase;opacity:.7}.p-info b{display:block;font:400 20px Manrope, sans-serif;margin-top:6px}
.final{min-height:78vh;display:flex;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 45%,#211f1a,#0b0b0a 55%)}.final h2{font:300 clamp(58px,8.5vw,125px)/.88 Manrope, sans-serif;letter-spacing:-.07em;margin:20px 0 35px}.final p{max-width:470px;margin:auto;color:var(--muted);line-height:1.7;font-size:13px}.final-btn{display:inline-block;margin-top:32px;border:1px solid #6f6b64;border-radius:50px;padding:15px 24px;font-size:9px;letter-spacing:.18em;text-transform:uppercase}
.footer{padding:35px 4.5%;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#6f6c65}.footer strong{color:#b8b2a8;letter-spacing:.25em}
.reveal{opacity:0;transform:translateY(35px);transition:1s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}
@media(max-width:800px){.nav{display:none}.header{height:68px}.header-btn{display:none}.hero-content{padding-bottom:12vh}.hero h1{font-size:17vw}.scroll{display:none}.section{padding:105px 5%}.section-head{display:block}.section-note{margin-top:25px}.material-grid{grid-template-columns:1fr;grid-template-rows:420px 260px 260px}.card.big{grid-row:auto}.riri-wrap{grid-template-columns:1fr}.riri-stage{height:430px;margin-top:55px}.products{grid-template-columns:1fr 1fr}.product{height:280px}.footer{display:block;line-height:2}.footer div+div{margin-top:10px}}

.contact-section{position:relative;padding:150px 4.5%;background:linear-gradient(180deg,#0b0b0a,#11100e);overflow:hidden}
.contact-section:before{content:"";position:absolute;width:55vw;height:55vw;right:-22vw;top:-18vw;border:1px solid rgba(207,193,170,.12);border-radius:50%}
.contact-grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:9%;align-items:end}
.contact-big{font:300 clamp(55px,7.5vw,112px)/.9 Manrope, sans-serif;letter-spacing:-.07em;margin:18px 0 0}.contact-big em{font-style:normal;color:#cfc1aa}
.contact-intro{max-width:470px;color:#9d9a92;font-size:13px;line-height:1.75;margin-top:28px}
.contact-cards{display:grid;gap:2px;margin-top:45px}
.contact-card{padding:25px 28px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025);backdrop-filter:blur(12px);transition:.45s;display:flex;justify-content:space-between;align-items:center}
.contact-card:hover{background:rgba(255,255,255,.06);transform:translateX(7px)}
.contact-card small{display:block;color:#77736b;font-size:8px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:8px}
.contact-card strong{font:400 23px Manrope, sans-serif}.contact-card span{font-size:18px;color:#aaa49a}.address{font-size:13px;line-height:1.7;color:#b5b0a7}
.contact-hours{margin-top:22px;color:#77736b;font-size:9px;letter-spacing:.14em;text-transform:uppercase}
.contact-links{display:flex;gap:15px;flex-wrap:wrap;margin-top:28px}.contact-pill{border:1px solid #5c5851;border-radius:50px;padding:13px 18px;font-size:9px;letter-spacing:.16em;text-transform:uppercase;transition:.3s}.contact-pill:hover{background:#eee8de;color:#111;border-color:#eee8de}
@media(max-width:800px){.contact-grid{grid-template-columns:1fr}.contact-grid>div+div{margin-top:50px}}


.riri-editorial{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.riri-editorial:before{content:"";position:absolute;width:72%;height:1px;background:linear-gradient(90deg,transparent,rgba(207,193,170,.55),transparent);transform:rotate(-18deg)}.riri-editorial:after{content:"";position:absolute;width:64%;height:64%;border:1px solid rgba(207,193,170,.13);border-radius:50%}.riri-mark{position:relative;z-index:2;font:300 clamp(70px,10vw,145px) Manrope, sans-serif;letter-spacing:-.09em;color:#ddd4c4}.riri-caption{position:absolute;left:7%;bottom:8%;font-size:8px;line-height:1.7;letter-spacing:.25em;color:#777269}.riri-spec{position:absolute;right:7%;top:8%;font-size:8px;line-height:1.7;letter-spacing:.2em;text-align:right;color:#777269}
.lead-section{padding:145px 4.5%;background:#e8e3da;color:#151514}.lead-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:9%;align-items:start}.lead-title{font:300 clamp(52px,6.5vw,92px)/.92 Manrope, sans-serif;letter-spacing:-.065em;margin:16px 0 25px}.lead-title em{font-style:normal;color:#8a775f}.lead-copy{max-width:390px;color:#716c64;font-size:13px;line-height:1.75}.lead-form{background:#f0ece5;padding:38px;border:1px solid #d1cbc1}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{margin-bottom:12px}.field label{display:block;font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:#777169;margin:0 0 7px}.field input,.field textarea{width:100%;border:1px solid #c9c2b7;background:transparent;padding:17px 15px;font:400 13px Arial;color:#171614;outline:none}.field textarea{min-height:120px;resize:vertical}.form-bottom{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.consent{display:flex;gap:9px;align-items:flex-start;max-width:430px;font-size:9px;line-height:1.5;color:#777169}.consent input{margin-top:2px;accent-color:#171614}.submit{border:0;background:#171614;color:#eee9df;padding:16px 25px;font:400 9px Arial;letter-spacing:.17em;text-transform:uppercase;cursor:pointer;white-space:nowrap}.form-status{display:none;margin-top:12px;font-size:10px;color:#5f594f}.form-status.show{display:block}@media(max-width:800px){.lead-grid{grid-template-columns:1fr}.lead-form{margin-top:45px;padding:24px}.form-row{grid-template-columns:1fr}.form-bottom{display:block}.submit{margin-top:18px}}

:focus-visible{outline:3px solid #a88042;outline-offset:5px}html{scroll-padding-top:95px}.reveal{opacity:1;transform:none}.hero-sub,.hero-action{opacity:1}.hero h1 .line span{transform:none}.nav{font-size:12px}.menu-toggle{display:none}.skip{position:absolute;top:-80px;z-index:100}.skip:focus{top:10px;background:white;color:black;padding:20px}.catalog-tools{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:15px;margin-bottom:25px}.catalog-tools label{display:grid;gap:8px;font-size:13px}.catalog-tools input,.catalog-tools select{width:100%;min-width:0;background:transparent;border:1px solid #aaa193;padding:13px;font:inherit;color:inherit}.catalog-tools button,.button{display:inline-block;background:#191917;color:#eeeae2;border:0;padding:14px 20px;font:inherit;cursor:pointer}.products{gap:18px}.product{height:auto;background:transparent;display:flex;flex-direction:column;min-width:0}.product:after{display:none}.product-photo{height:290px;display:flex;align-items:center;justify-content:center;background:#c9c1b5;overflow:hidden}.product-photo img{width:100%;height:100%;object-fit:contain}.no-photo{font-size:13px;color:#514b42}.p-info{position:static;color:#171715;padding:18px 0}.p-info small{font-size:11px;opacity:1}.p-info b{font-size:21px;overflow-wrap:anywhere}.price{margin-top:16px;font-size:19px}.stock{font-size:12px;margin-top:9px;color:#36503a}.stock.empty{color:#695e52}.pagination{display:flex;flex-wrap:wrap;gap:12px;margin-top:35px}.pagination a,.pagination strong{padding:12px;border:1px solid #a89f91}.empty-state{padding:45px 0;line-height:1.7}.detail{padding:130px 5% 70px;background:#e8e3da;color:#171715;min-height:75vh}.detail-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:6%;margin-top:35px}.detail h1{font-size:clamp(32px,5vw,65px);font-weight:400;overflow-wrap:anywhere}.gallery img{width:100%;max-height:600px;object-fit:contain;background:#d9d2c6}.gallery{display:grid;gap:12px}.detail table{width:100%;border-collapse:collapse;font-size:14px}.detail td,.detail th{padding:12px 5px;text-align:left;border-bottom:1px solid #c5bdaf}.detail .description{white-space:pre-line;line-height:1.7;overflow-wrap:anywhere}.notice{padding:20px;border:1px solid #918572;margin-bottom:25px;line-height:1.6}.field label,.consent{font-size:12px;letter-spacing:normal}.hp{position:absolute;left:-10000px}.lead-form .submit{font-size:12px}.legal{max-width:850px;margin:auto;line-height:1.8}.footer a{text-decoration:underline}.contact-card strong{overflow-wrap:anywhere}.mobile-panel{display:none}.result-count{font-size:13px;margin-bottom:25px}.filter{font-size:11px}.breadcrumbs{font-size:13px}.breadcrumbs a{text-decoration:underline}
@media(min-width:801px) and (max-width:1100px){.products{grid-template-columns:repeat(3,1fr)}.nav{gap:16px}.contact-card strong{font-size:18px}}
@media(max-width:800px){.menu-toggle{display:block;border:1px solid #888;background:#141411;color:white;padding:10px}.mobile-panel.open{display:flex;position:fixed;top:68px;left:0;right:0;background:#171715;padding:25px;flex-direction:column;gap:24px;z-index:25}.catalog-tools{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}.hero{min-height:640px}.hero h1{font-size:clamp(43px,12vw,90px)}.hero-content{padding-bottom:10vh}.product-photo{height:240px}.product{height:auto}.contact-card{padding:20px 15px}.contact-card strong{font-size:19px}.section-title{font-size:clamp(40px,9vw,70px)}.detail table{display:block;overflow-x:auto}}
@media(max-width:420px){.products{grid-template-columns:1fr}.catalog-tools{grid-template-columns:1fr}.product-photo{height:310px}.lead-form{padding:20px 15px}.hero{min-height:610px}.hero h1{font-size:12vw}.logo{font-size:19px}.contact-big{font-size:50px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero h1 .line span{transform:none}}
.footer{font-size:11px;line-height:1.8}@media(max-width:800px){.field input,.field textarea,.catalog-tools input,.catalog-tools select{font-size:16px}}
/* ARTKO — визуализация материалов на первом экране */
.hero::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 8%;
    right: 0;
    bottom: 0;
    width: 68%;

    background:
        url('/assets/images/artco-hero-materials.webp')
        center center / cover no-repeat;

    -webkit-mask-image:
        linear-gradient(to right, transparent 0%, black 45%),
        linear-gradient(to bottom, transparent 0%, black 15%, black 82%, transparent 100%);

    mask-image:
        linear-gradient(to right, transparent 0%, black 45%),
        linear-gradient(to bottom, transparent 0%, black 15%, black 82%, transparent 100%);

    -webkit-mask-composite: source-in;
    mask-composite: intersect;

    pointer-events: none;
}

.hero-content {
    position: relative;
    z-index: 2;
}

@media (max-width: 768px) {
    .hero::before {
        top: 8%;
        width: 100%;
        height: 65%;
        opacity: .38;
        background:
            linear-gradient(0deg, #0b0b0a 0%, transparent 75%),
            linear-gradient(90deg, rgba(7,7,6,.65), transparent),
            url('/assets/images/artco-hero-materials.webp')
            center / cover no-repeat;
    }
}
/* ARTKO — улучшение первого экрана на телефоне */
@media (max-width: 768px) {

    .hero {
        min-height: 0;
        height: 100svh;
        display: flex;
        align-items: center;
    }

    .hero-content {
        width: 100%;
        max-width: 100%;
        padding: 0 5% 0;
        transform: translateY(-35px);
    }

    .hero h1 {
        font-size: clamp(43px, 10.5vw, 65px);
        line-height: 1.02;
        letter-spacing: -.065em;
        margin: 25px 0 25px;
    }

    .hero-sub {
        max-width: 340px;
        font-size: 13px;
        line-height: 1.65;
    }

    .hero-action {
        margin-top: 28px;
    }

    .hero::before {
        top: 7%;
        height: 75%;
        width: 100%;
        opacity: .5;
    }
}
/* ARTKO messenger shortcuts */
#artko-messengers{position:fixed;right:18px;bottom:18px;z-index:200;display:flex;flex-direction:column;gap:7px;align-items:stretch}
#artko-messengers a{display:block;padding:11px 17px;background:#1e1e1b;color:#f5f0e9;border:1px solid #a99d87;border-radius:24px;font:600 12px Manrope,sans-serif;text-align:center;box-shadow:0 5px 18px #0003;text-decoration:none}
#artko-messengers a:hover,#artko-messengers a:focus-visible{background:#ede7dc;color:#181715}
@media(max-width:600px){#artko-messengers{right:10px;bottom:10px}#artko-messengers a{padding:9px 13px;font-size:11px}}

/* ARTKO order basket */
.header-cart{color:var(--text,#f4f0e8);font-size:12px;letter-spacing:.04em;text-decoration:none;white-space:nowrap;padding:10px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px}
.offer-list{display:grid;gap:12px;margin:18px 0}
.offer-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:16px;border:1px solid rgba(120,110,95,.28);border-radius:12px}
.offer-description{display:grid;gap:5px;min-width:0}
.offer-description small,.offer-price small,.minimum-note{display:block;color:#89847b;font-size:11px}
.offer-price{white-space:nowrap;font-weight:600}
.offer-cart{display:flex;align-items:end;gap:8px}
.offer-cart label,.cart-update label{display:grid;gap:5px;font-size:11px;color:#89847b}
.offer-cart input,.cart-update input{width:88px;min-height:40px;padding:8px}
.offer-cart button,.cart-update button{min-height:40px;padding:9px 13px}
.minimum-note{grid-column:1/-1;color:#9a7650}
.cart-page{max-width:1180px;margin:0 auto;padding-top:90px}
.cart-page>.section-title{margin:12px 0 35px}
.cart-notice{padding:15px 18px;margin:18px 0;border:1px solid rgba(120,110,95,.35);border-radius:10px}
.cart-empty{padding:40px 0}
.cart-items{display:grid;gap:12px}
.cart-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:18px;align-items:center;padding:18px;border:1px solid rgba(120,110,95,.28);border-radius:12px}
.cart-item-info{display:grid;gap:5px;min-width:0}
.cart-item-info span,.cart-item-info small{color:#89847b;font-size:12px}
.cart-item-price{white-space:nowrap}
.cart-update{display:flex;align-items:end;gap:8px}
.cart-remove{border:1px solid rgba(120,110,95,.4);background:transparent;color:inherit;padding:9px 12px;border-radius:8px;cursor:pointer}
.cart-summary{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:22px 0;padding:18px 0;border-top:1px solid rgba(120,110,95,.3);border-bottom:1px solid rgba(120,110,95,.3)}
.cart-summary>div{display:grid;gap:6px;text-align:right}
.cart-summary small,.cart-checkout>p{color:#89847b;font-size:12px}
.cart-checkout{max-width:760px;margin:50px 0 0}
.cart-checkout h2{font-size:28px;font-weight:500}
.cart-checkout .lead-form{margin-top:20px}
@media(max-width:850px){.offer-row{grid-template-columns:minmax(0,1fr) auto}.offer-cart{grid-column:1/-1}.cart-item{grid-template-columns:minmax(0,1fr) auto}.cart-update{grid-column:1}.cart-item>form:last-of-type{grid-column:2;grid-row:2}.cart-item-price{grid-column:2;grid-row:1}.cart-summary{align-items:flex-start;flex-direction:column}.cart-summary>div{text-align:left}}
@media(max-width:560px){.header-cart{font-size:10px;padding:8px}.offer-row{grid-template-columns:1fr}.offer-price{white-space:normal}.offer-cart{grid-column:auto;justify-content:space-between}.cart-page{padding-top:55px}.cart-item{grid-template-columns:1fr}.cart-item-price,.cart-update,.cart-item>form:last-of-type{grid-column:auto;grid-row:auto}.cart-update{justify-content:space-between}.cart-summary{gap:12px}}