/*
Theme Name: LibLab Beauty
Theme URI: https://work.goodtarget.ru/
Author: LibLab Beauty
Author URI: https://instagram.com/liblab__beauty
Description: Тема магазина косметики и парфюма LibLab Beauty (Пятигорск) — бренды, которых не купить в России. «K-beauty минимал»: тёплый латте, Cormorant + Manrope, воронка на главной, каталог с мгновенными фильтрами, карточка товара, корзина и оформление. Свёрстана по дизайну Claude Design; демо-каталог на собственном типе записей «Товары».
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: liblab
*/

/* ============================================================ Tokens */
:root{
	--bg:#FFFFFF; --cream:#FBF8F4; --surface:#FFFFFF; --sand:#EFE7DC;
	--latte:#D9C7B3; --accent:#C8927B; --accent-deep:#B98266; --ink:#2A2622;
	--ink-deep:#443E37; --muted:#8C8276; --slate:#38484D;
	--wrap:1280px; --pad:clamp(20px,4vw,56px);
	--radius:12px; --radius-lg:16px; --radius-xl:20px;
	--ff-head:'Cormorant',Georgia,serif; --ff-body:'Manrope',system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--ff-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;display:block}
[hidden]{display:none!important}   /* author display rules must not override the hidden attribute */
a{color:inherit}
button{font-family:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* ------------------------------------------------------------ Helpers */
.ll-wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--pad)}
.ll-section{padding-top:clamp(56px,8vw,110px)}
.ll-section--tight{padding-top:clamp(32px,4vw,56px)}
.ll-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ll-tac{text-align:center}
.ll-muted{color:var(--muted)}
.ll-accent{color:var(--accent)}
.ll-skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:10px 16px;z-index:200;border-radius:0 0 8px 0}
.ll-skip:focus{left:0}

.ll-h1{font:300 clamp(34px,4.5vw,56px)/1.1 var(--ff-head);letter-spacing:.005em;margin:0}
.ll-h2{font:400 clamp(30px,3.6vw,44px)/1.15 var(--ff-head);margin:0}
.ll-h3{font:400 clamp(24px,3vw,36px)/1.15 var(--ff-head);margin:0}
.ll-lead{font:400 15px/1.7 var(--ff-body);color:var(--muted);margin:16px 0 0;max-width:560px}
.ll-eyebrow{font:600 12px/1.4 var(--ff-body);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);display:block}
.ll-eyebrow--accent{color:var(--accent)}
.ll-textlink{font:600 13px var(--ff-body);color:var(--ink);text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--latte);transition:text-decoration-color .2s}
.ll-textlink:hover{text-decoration-color:var(--accent)}
.ll-stars{color:var(--accent);letter-spacing:.18em;font-size:14px}

.ll-shead{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:30px}
.ll-shead .ll-lead{margin-top:8px}

/* Buttons */
.ll-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 14px var(--ff-body);letter-spacing:.02em;border:1px solid transparent;border-radius:var(--radius);padding:15px 30px;cursor:pointer;text-decoration:none;transition:background .2s,border-color .2s,color .2s;white-space:nowrap}
.ll-btn--ink{background:var(--ink);color:var(--cream)}
.ll-btn--ink:hover{background:var(--ink-deep)}
.ll-btn--accent{background:var(--accent);color:#fff}
.ll-btn--accent:hover{background:var(--accent-deep)}
.ll-btn--outline{background:transparent;color:var(--ink);border-color:var(--latte)}
.ll-btn--outline:hover{background:var(--sand)}
.ll-btn--block{width:100%}
.ll-btn svg{flex:none}

.ll-pill{display:inline-flex;align-items:center;gap:8px;font:600 12px var(--ff-body);border-radius:999px;padding:10px 18px;text-decoration:none}
.ll-pill--accent{background:var(--accent);color:#fff}
.ll-pill--accent:hover{background:var(--accent-deep)}
.ll-pill--ghost{background:transparent;color:#F4F1EC;border:1px solid rgba(244,241,236,.3)}
.ll-pill--ghost:hover{border-color:var(--accent)}
.ll-pill--sand{background:var(--sand);color:var(--ink)}

.ll-badge{font:600 11px var(--ff-body);letter-spacing:.1em;text-transform:uppercase;border-radius:8px;padding:5px 10px;background:var(--sand);color:var(--muted)}
.ll-badge.is-hit{background:var(--accent);color:#fff}
.ll-badge.is-split{background:var(--slate);color:#fff}
.ll-badge.is-new{background:rgba(255,255,255,.9);color:var(--ink);border:1px solid var(--latte)}
.ll-badge.is-out{background:var(--sand);color:var(--muted)}

/* ============================================================ Header */
.ll-promo{background:var(--ink);color:var(--cream);text-align:center;font:500 12px/1.5 var(--ff-body);letter-spacing:.05em;padding:10px 20px}
.ll-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--sand)}
.ll-header__inner{display:flex;align-items:center;justify-content:space-between;gap:20px;height:64px}
.ll-logo{font:500 24px var(--ff-head);letter-spacing:.22em;color:var(--ink);text-decoration:none}
.ll-nav{display:flex;gap:32px}
.ll-nav a{font:500 13px var(--ff-body);letter-spacing:.04em;color:var(--ink);text-decoration:none;transition:color .2s}
.ll-nav a:hover{color:var(--accent)}
.ll-actions{display:flex;gap:4px;align-items:center}
.ll-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:9px;color:var(--ink);border-radius:8px;transition:color .2s}
.ll-icon:hover{color:var(--accent)}
.ll-count{position:absolute;top:2px;right:0;background:var(--accent);color:#fff;font:700 9px/1 var(--ff-body);border-radius:999px;padding:3px 5px;min-width:15px;text-align:center}
.ll-burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:10px;margin-left:-10px}
.ll-burger span{display:block;width:20px;height:1.5px;background:var(--ink)}

/* Mobile menu */
.ll-menu{position:fixed;inset:0;z-index:80;background:var(--bg);padding:24px;display:flex;flex-direction:column;transform:translateX(-100%);transition:transform .3s ease;visibility:hidden}
.ll-menu.is-open{transform:none;visibility:visible}
.ll-menu__top{display:flex;justify-content:space-between;align-items:center}
.ll-menu__nav{display:flex;flex-direction:column;margin-top:36px}
.ll-menu__nav a{font:400 28px/1.2 var(--ff-head);color:var(--ink);text-decoration:none;padding:16px 4px;border-bottom:1px solid var(--sand)}
.ll-menu__cta{margin-top:auto}

/* Search overlay */
.ll-search{position:fixed;inset:0;z-index:90;background:rgba(42,38,34,.4);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .25s}
.ll-search.is-open{opacity:1;visibility:visible}
.ll-search__panel{background:var(--surface);max-width:640px;margin:10vh auto 0;border-radius:var(--radius-lg);padding:10px 10px 14px;box-shadow:0 30px 80px rgba(42,38,34,.25);transform:translateY(-10px);transition:transform .25s}
.ll-search.is-open .ll-search__panel{transform:none}
.ll-search__form{display:flex;align-items:center;gap:10px;padding:8px 10px;border-bottom:1px solid var(--sand)}
.ll-search__ico{color:var(--muted);display:flex}
.ll-search__form input[type=search]{flex:1;font:400 16px var(--ff-body);border:none;outline:none;background:none;color:var(--ink);padding:8px 0}
.ll-search__results{max-height:56vh;overflow:auto;padding:6px}
.ll-sr{display:flex;gap:12px;align-items:center;padding:10px;border-radius:10px;text-decoration:none;color:var(--ink)}
.ll-sr:hover{background:var(--cream)}
.ll-sr img{width:48px;height:56px;object-fit:cover;border-radius:8px;flex:none}
.ll-sr__brand{font:600 10px var(--ff-body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.ll-sr__name{font:500 14px var(--ff-body);margin-top:2px}
.ll-sr__price{font:700 13px var(--ff-body);margin-top:2px}
.ll-sr__all{display:block;text-align:center;font:600 13px var(--ff-body);color:var(--accent);padding:12px}
.ll-sr__empty{padding:20px;text-align:center;color:var(--muted);font-size:14px}

/* ============================================================ Hero */
.ll-hero{margin-top:clamp(14px,2.5vw,26px)}
.ll-hero__stage{position:relative;height:clamp(470px,52vw,540px);border-radius:var(--radius-xl);overflow:hidden;background:var(--sand)}
.ll-hero__slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease;pointer-events:none;z-index:1}
.ll-hero__slide.is-active{opacity:1;pointer-events:auto;z-index:2}
.ll-hero__slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ll-hero__scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.82) 32%,rgba(255,255,255,.3) 62%,rgba(255,255,255,0) 100%)}
.ll-hero__content{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;padding:clamp(24px,5vw,72px);max-width:600px}
.ll-hero__title{font:300 clamp(32px,4.4vw,58px)/1.08 var(--ff-head);margin:16px 0 0}
.ll-hero__text{font:400 15px/1.7 var(--ff-body);color:var(--ink);max-width:420px;margin:16px 0 0}
.ll-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.ll-hero__dots{position:absolute;left:clamp(24px,5vw,72px);bottom:24px;z-index:5;display:flex;gap:8px}
.ll-hero__dots button{width:8px;height:8px;border-radius:999px;border:none;background:rgba(42,38,34,.25);cursor:pointer;padding:0;transition:width .3s,background .3s}
.ll-hero__dots button.is-active{width:26px;background:var(--accent)}
.ll-hero__arrows{position:absolute;right:20px;bottom:16px;z-index:5;display:flex;gap:8px}
.ll-hero__arrows button{width:44px;height:44px;border:none;border-radius:999px;background:rgba(255,255,255,.9);color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}
.ll-hero__arrows button:hover{background:#fff}
.ll-hero__trust{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:20px 0 6px;font:500 12px var(--ff-body);letter-spacing:.06em;color:var(--muted)}
.ll-hero__trust i{margin:0 12px;color:var(--latte);font-style:normal}

/* ============================================================ Brands marquee */
.ll-brands{border-top:1px solid var(--sand);border-bottom:1px solid var(--sand);background:var(--cream);padding:clamp(34px,4.5vw,52px) 0;margin-top:clamp(28px,4vw,48px)}
.ll-brands__cap{text-align:center;font:600 12px var(--ff-body);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:30px}
.ll-brands__track-wrap{position:relative;overflow:hidden}
.ll-brands__track{display:flex;align-items:center;width:max-content;animation:llMarquee 38s linear infinite}
.ll-brands__item{display:flex;align-items:center;gap:clamp(36px,4.5vw,64px);padding-right:clamp(36px,4.5vw,64px);white-space:nowrap}
.ll-brands__item i{width:4px;height:4px;border-radius:50%;background:var(--latte);flex:none}
.ll-brands__fade{position:absolute;top:0;bottom:0;width:clamp(40px,8vw,120px);pointer-events:none}
.ll-brands__fade--l{left:0;background:linear-gradient(90deg,var(--cream),rgba(251,248,244,0))}
.ll-brands__fade--r{right:0;background:linear-gradient(270deg,var(--cream),rgba(251,248,244,0))}
.ll-brands__note{text-align:center;font:400 13px var(--ff-body);color:var(--muted);margin-top:30px;padding:0 20px}
@keyframes llMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ============================================================ Doors */
.ll-doors{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px;margin-top:36px}
.ll-door{display:block;text-decoration:none;color:var(--ink);transition:transform .25s}
.ll-door:hover{transform:translateY(-4px)}
.ll-door__media{position:relative;overflow:hidden;border-radius:var(--radius-lg)}
.ll-door__media img{width:100%;height:clamp(300px,30vw,400px);object-fit:cover;transition:transform .4s}
.ll-door:hover .ll-door__media img{transform:scale(1.03)}
.ll-door__tag{position:absolute;top:14px;left:14px;font:600 11px var(--ff-body);letter-spacing:.12em;text-transform:uppercase;background:rgba(255,255,255,.92);color:var(--ink);border-radius:8px;padding:6px 12px}
.ll-door__body{padding:18px 4px 0}
.ll-door__title{font:500 24px/1.2 var(--ff-head)}
.ll-door__sub{font:400 13px/1.6 var(--ff-body);color:var(--muted);margin-top:6px}
.ll-door__more{font:600 13px var(--ff-body);color:var(--accent);margin-top:12px}

/* ============================================================ Why */
.ll-why{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:1px;background:var(--sand);border:1px solid var(--sand);border-radius:var(--radius-lg);overflow:hidden}
.ll-why__cell{background:var(--surface);padding:30px 28px}
.ll-why__top{display:flex;justify-content:space-between;align-items:flex-start}
.ll-why__ico{color:var(--accent);display:flex}
.ll-why__num{font:300 22px/1 var(--ff-head);color:var(--latte)}
.ll-why__t{font:600 15px var(--ff-body);margin-top:18px}
.ll-why__d{font:400 13px/1.6 var(--ff-body);color:var(--muted);margin-top:6px}

/* ============================================================ Trust */
.ll-trust{background:var(--slate);border-radius:var(--radius-xl);padding:clamp(32px,5vw,64px);color:#F4F1EC;display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,64px);align-items:start}
.ll-trust__title{font:300 clamp(30px,3.6vw,44px)/1.15 var(--ff-head);margin:14px 0 0;color:var(--cream)}
.ll-trust__lead{font:400 14px/1.7 var(--ff-body);color:rgba(244,241,236,.75);margin:20px 0 0;max-width:420px}
.ll-trust__list{list-style:none;margin:0;padding:0}
.ll-trust__list li{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid rgba(244,241,236,.15);font:400 14px/1.6 var(--ff-body);color:rgba(244,241,236,.9)}
.ll-trust__list li span:first-child{color:var(--accent);flex:none;font-weight:600}

/* ============================================================ Carousel + cards */
.ll-carousel__nav{display:flex;gap:8px;flex:none}
.ll-carousel__nav button{width:44px;height:44px;border:1px solid var(--latte);border-radius:999px;background:var(--surface);color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}
.ll-carousel__nav button:hover{background:var(--sand)}
.ll-carousel{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:none}
.ll-carousel::-webkit-scrollbar{display:none}
.ll-carousel .ll-card{flex:0 0 240px;scroll-snap-align:start}

.ll-card{display:block;text-decoration:none;color:var(--ink);transition:transform .25s}
.ll-card:hover{transform:translateY(-3px)}
.ll-card__media{position:relative;overflow:hidden;border-radius:var(--radius-lg);aspect-ratio:5/6;background:var(--cream)}
.ll-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.ll-card:hover .ll-card__media img{transform:scale(1.04)}
.ll-card.is-out .ll-card__media img{filter:grayscale(.5);opacity:.75}
.ll-card .ll-badge{position:absolute;top:12px;left:12px}
.ll-card__quick{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:8px;opacity:0;transform:translateY(-4px);transition:opacity .2s,transform .2s}
.ll-card:hover .ll-card__quick,.ll-card:focus-within .ll-card__quick{opacity:1;transform:none}
.ll-qbtn{width:36px;height:36px;border-radius:999px;border:none;background:rgba(255,255,255,.94);color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(42,38,34,.12);transition:color .2s,background .2s}
.ll-qbtn:hover{color:var(--accent)}
.ll-qbtn.is-active{color:var(--accent)}
.ll-qbtn.is-active svg{fill:var(--accent)}
.ll-card__body{padding:13px 4px 0}
.ll-card__brand{font:600 11px var(--ff-body);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);display:block}
.ll-card__name{font:500 14px/1.4 var(--ff-body);margin-top:5px;display:block}
.ll-card.is-out .ll-card__name,.ll-card.is-out .ll-card__price{color:var(--muted)}
.ll-card__price{font:700 16px var(--ff-body);margin-top:8px;display:block}

/* ============================================================ Split blocks */
.ll-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}
.ll-split--rev .ll-split__media{order:2}
.ll-split__media{width:100%;height:clamp(320px,36vw,460px);object-fit:cover;border-radius:var(--radius-lg)}
.ll-pills{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 30px}

/* Podbor */
.ll-podbor{background:var(--sand);border-radius:var(--radius-xl);padding:clamp(32px,5vw,64px);display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,4vw,64px);align-items:center}
.ll-podbor__text{font:400 15px/1.7 var(--ff-body);color:var(--ink);margin:20px 0 0;max-width:480px}
.ll-podbor__cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.ll-podbor__note{font:400 12px var(--ff-body);color:var(--muted);margin-top:16px}
.ll-podbor__media{width:100%;height:clamp(300px,30vw,400px);object-fit:cover;border-radius:var(--radius-lg)}

/* Packaging */
.ll-pack__head{text-align:center;max-width:620px;margin:0 auto 36px}
.ll-pack__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:16px}
.ll-pack__grid img{width:100%;min-width:0;height:clamp(280px,30vw,420px);object-fit:cover;border-radius:var(--radius-lg)}

/* Reviews + insta */
.ll-reviews{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px;margin-top:36px}
.ll-review{background:var(--surface);border:1px solid var(--sand);border-radius:var(--radius-lg);padding:28px;margin:0;display:flex;flex-direction:column;gap:16px}
.ll-review blockquote{margin:0;font:italic 400 17px/1.6 var(--ff-head)}
.ll-review figcaption{margin-top:auto;font:600 12px var(--ff-body);letter-spacing:.04em;color:var(--muted)}
.ll-insta__head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:52px 0 20px;flex-wrap:wrap}
.ll-insta__handle{font:500 22px var(--ff-head);letter-spacing:.04em}
.ll-insta__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:10px}
.ll-insta__grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;transition:transform .25s}
.ll-insta__grid a:hover img{transform:scale(1.04)}

/* Offline deflist */
.ll-deflist{margin:28px 0 30px;display:grid;grid-template-columns:auto 1fr;gap:10px 20px;font:400 14px/1.6 var(--ff-body)}
.ll-deflist dt{font:600 11px var(--ff-body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding-top:2px}
.ll-deflist dd{margin:0}

/* FAQ */
.ll-faq{max-width:880px;margin:0 auto;padding-inline:var(--pad)}
.ll-accordion{background:var(--surface);border:1px solid var(--sand);border-radius:var(--radius-lg);overflow:hidden;margin-top:36px}
.ll-accordion__item{border-bottom:1px solid var(--sand)}
.ll-accordion__item:last-child{border-bottom:none}
.ll-accordion__q{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;text-align:left;font:500 16px var(--ff-body);background:none;border:none;color:var(--ink);padding:22px clamp(20px,3vw,36px);cursor:pointer;transition:background .2s}
.ll-accordion__q:hover{background:var(--cream)}
.ll-accordion__ico{font:300 26px/1 var(--ff-head);color:var(--accent);flex:none;transition:transform .2s}
.ll-accordion__item.is-open .ll-accordion__ico{transform:rotate(45deg)}
.ll-accordion__a{max-height:0;overflow:hidden;transition:max-height .3s ease}
.ll-accordion__a>div{font:400 14px/1.7 var(--ff-body);color:var(--muted);padding:0 clamp(20px,3vw,36px) 26px}

/* Capture */
.ll-capture{background:var(--surface);border:1px solid var(--sand);border-radius:var(--radius-xl);padding:clamp(32px,5vw,64px);text-align:center}
.ll-capture .ll-h2{max-width:560px;margin-inline:auto}
.ll-capture__form{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px}
.ll-capture__form label{flex:1 1 280px;max-width:360px}
.ll-capture__form input{width:100%;font:400 15px var(--ff-body);color:var(--ink);background:var(--bg);border:1px solid var(--latte);border-radius:var(--radius);padding:15px 18px;outline:none;transition:border-color .2s}
.ll-capture__form input:focus{border-color:var(--accent)}
.ll-capture__ok{font:500 15px/1.6 var(--ff-body);color:var(--accent);margin:28px auto 0;max-width:440px}
.ll-capture__perks{display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:center;margin-top:28px;font:500 12px var(--ff-body);letter-spacing:.06em;color:var(--muted)}

/* Final CTA */
.ll-final{text-align:center;padding-bottom:clamp(56px,8vw,100px)}
.ll-final__logo{font:500 20px var(--ff-head);letter-spacing:.22em;color:var(--muted);margin-bottom:20px}
.ll-final__title{font:300 clamp(32px,4.5vw,56px)/1.1 var(--ff-head);margin:0 auto;max-width:720px}
.ll-final__cta{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:34px}

/* ============================================================ Footer */
.ll-footer{background:var(--ink);color:#F4F1EC;overflow:hidden;position:relative;margin-top:clamp(64px,9vw,120px)}
.ll-footer__inner{position:relative;z-index:1;padding-top:clamp(48px,6vw,84px)}
.ll-footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr;gap:clamp(28px,4vw,56px)}
.ll-logo--footer{font-size:30px;letter-spacing:.24em;color:var(--cream)}
.ll-footer__brand p{font:400 13px/1.8 var(--ff-body);color:rgba(244,241,236,.6);max-width:300px;margin:16px 0 0}
.ll-footer__social{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.ll-footer__title{font:600 11px var(--ff-body);letter-spacing:.18em;text-transform:uppercase;color:rgba(244,241,236,.45);margin-bottom:16px}
.ll-footer__col{display:flex;flex-direction:column;gap:11px}
.ll-footer__col a,.ll-footer__col span{font:400 13px/1.7 var(--ff-body);color:#F4F1EC;text-decoration:none;transition:color .2s}
.ll-footer__col a:hover{color:var(--accent)}
.ll-footer__col .ll-muted{color:rgba(244,241,236,.6)}
.ll-footer__bottom{border-top:1px solid rgba(244,241,236,.14);margin-top:clamp(36px,4vw,56px);padding:20px 0;display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between;font:400 12px/1.6 var(--ff-body);color:rgba(244,241,236,.45)}
.ll-footer__watermark{font:500 clamp(96px,17vw,230px)/.62 var(--ff-head);letter-spacing:.06em;text-align:center;color:rgba(251,248,244,.055);user-select:none;white-space:nowrap;transform:translateY(18%)}

/* ============================================================ Breadcrumbs */
.ll-crumbs{padding:22px 0 0}
.ll-crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0;padding:0;font:400 12px var(--ff-body);color:var(--muted)}
.ll-crumbs a{color:var(--muted);text-decoration:none}
.ll-crumbs a:hover{color:var(--accent)}
.ll-crumbs__sep{margin-left:8px}
.ll-crumbs [aria-current=page]{color:var(--ink)}

/* ============================================================ Catalog */
.ll-catalog{padding-bottom:clamp(56px,7vw,96px)}
.ll-catalog__head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap;margin:14px 0 8px}
.ll-catalog__count{font:500 13px var(--ff-body);color:var(--muted)}
.ll-chips{display:flex;flex-wrap:wrap;gap:10px}
.ll-chips--sm{gap:8px}
.ll-chip{font:500 13px var(--ff-body);background:transparent;color:var(--ink);border:1px solid var(--latte);border-radius:999px;padding:10px 20px;cursor:pointer;transition:background .2s,border-color .2s}
.ll-chip:hover{border-color:var(--accent)}
.ll-chip.is-active{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.ll-chip--sm{padding:8px 14px;font-size:12px}
.js-catchips{margin:18px 0 26px}
.ll-catalog__grid-wrap{display:grid;grid-template-columns:250px 1fr;gap:clamp(28px,4vw,56px);align-items:start}

.ll-filters__toggle{display:none;width:100%;justify-content:space-between;align-items:center;font:600 14px var(--ff-body);background:var(--cream);color:var(--ink);border:1px solid var(--sand);border-radius:var(--radius);padding:15px 20px;cursor:pointer;margin-bottom:16px}
.ll-filters__ico{font:300 20px/1 var(--ff-head);color:var(--accent)}
.ll-filters__sticky{display:flex;flex-direction:column;gap:28px;position:sticky;top:96px}
.ll-fgroup{border:none;margin:0;padding:0}
.ll-fgroup legend{font:600 11px var(--ff-body);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);padding:0;margin-bottom:14px}
.ll-fgroup__scroll{display:flex;flex-direction:column;gap:10px;max-height:264px;overflow-y:auto}
.ll-check{display:flex;align-items:center;gap:10px;font:400 14px var(--ff-body);color:var(--ink);cursor:pointer}
.ll-check input{width:17px;height:17px;accent-color:var(--accent);cursor:pointer;margin:0;flex:none}
.ll-check__count{font:400 12px var(--ff-body);color:var(--muted);margin-left:auto}
.ll-check--solo{font-weight:500}
.ll-price-inputs{display:flex;gap:10px;align-items:center}
.ll-price-inputs label{flex:1}
.ll-price-inputs input{width:100%;font:400 14px var(--ff-body);color:var(--ink);background:var(--surface);border:1px solid var(--latte);border-radius:10px;padding:11px 12px;outline:none;transition:border-color .2s}
.ll-price-inputs input:focus{border-color:var(--accent)}
.ll-price-dash{color:var(--latte)}
.ll-filters__reset{font:600 13px var(--ff-body);background:transparent;color:var(--muted);border:1px solid var(--latte);border-radius:var(--radius);padding:12px 20px;cursor:pointer;transition:color .2s,border-color .2s}
.ll-filters__reset:hover{color:var(--ink);border-color:var(--accent)}
.ll-filters__promo{background:var(--cream);border:1px solid var(--sand);border-radius:14px;padding:18px 20px}
.ll-filters__promo-t{font:600 13px var(--ff-body)}
.ll-filters__promo p{font:400 12px/1.6 var(--ff-body);color:var(--muted);margin:6px 0 0}
.ll-filters__promo a{display:inline-block;font:600 12px var(--ff-body);color:var(--accent);text-decoration:underline;text-underline-offset:4px;margin-top:10px}
.ll-catalog__sortbar{display:flex;justify-content:flex-end;margin-bottom:20px}
.ll-sort{display:flex;align-items:center;gap:10px;font:500 13px var(--ff-body);color:var(--muted)}
.ll-sort select{font:500 13px var(--ff-body);color:var(--ink);background:var(--surface);border:1px solid var(--latte);border-radius:10px;padding:10px 14px;cursor:pointer;outline:none}
.ll-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:26px 22px}
.ll-empty{text-align:center;padding:80px 20px;border:1px dashed var(--latte);border-radius:var(--radius-lg)}
.ll-empty__title{font:400 26px var(--ff-head)}
.ll-empty p{font:400 14px/1.6 var(--ff-body);color:var(--muted);margin:10px 0 20px}

/* ============================================================ Drawers */
.ll-drawer{position:fixed;inset:0;z-index:95;visibility:hidden}
.ll-drawer::before{content:"";position:absolute;inset:0;background:rgba(42,38,34,.4);opacity:0;transition:opacity .3s}
.ll-drawer.is-open{visibility:visible}
.ll-drawer.is-open::before{opacity:1}
.ll-drawer__panel{position:absolute;top:0;right:0;height:100%;width:min(420px,92vw);background:var(--surface);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s ease;box-shadow:-20px 0 60px rgba(42,38,34,.18)}
.ll-drawer.is-open .ll-drawer__panel{transform:none}
.ll-drawer__head{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid var(--sand)}
.ll-drawer__title{font:500 20px var(--ff-head)}
.ll-drawer__body{flex:1;overflow-y:auto;padding:16px 22px}
.ll-drawer__empty{text-align:center;color:var(--muted);font-size:14px;padding:40px 10px}
.ll-drawer__foot{padding:18px 22px;border-top:1px solid var(--sand);display:flex;flex-direction:column;gap:12px}
.ll-drawer__total{display:flex;justify-content:space-between;align-items:baseline;font:500 15px var(--ff-body)}
.ll-drawer__total strong{font:700 20px var(--ff-body)}
.ll-drawer__cont{text-align:center;font:500 13px var(--ff-body);color:var(--muted);text-decoration:none}
.ll-citem{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--sand)}
.ll-citem img{width:64px;height:74px;object-fit:cover;border-radius:10px}
.ll-citem__brand{font:600 10px var(--ff-body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.ll-citem__name{font:500 13px/1.35 var(--ff-body);margin-top:3px}
.ll-citem__ctrls{display:flex;align-items:center;gap:12px;margin-top:8px}
.ll-citem__qty{display:flex;align-items:center;border:1px solid var(--latte);border-radius:9px;overflow:hidden}
.ll-citem__qty button{width:30px;height:30px;border:none;background:none;color:var(--muted);cursor:pointer;font-size:15px}
.ll-citem__qty span{min-width:24px;text-align:center;font:600 13px var(--ff-body)}
.ll-citem__rm{font:500 11px var(--ff-body);background:none;border:none;color:var(--muted);cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:2px}
.ll-citem__rm:hover{color:var(--accent)}
.ll-citem__sum{font:700 14px var(--ff-body);text-align:right}
.ll-favitem{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--sand);text-decoration:none;color:var(--ink)}
.ll-favitem img{width:56px;height:64px;object-fit:cover;border-radius:9px}
.ll-favitem__name{font:500 13px/1.35 var(--ff-body)}
.ll-favitem__price{font:700 13px var(--ff-body);margin-top:3px}
.ll-favitem__rm{background:none;border:none;color:var(--muted);cursor:pointer;padding:6px}
.ll-favitem__rm:hover{color:var(--accent)}

.ll-toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);background:var(--ink);color:var(--cream);font:500 13px var(--ff-body);padding:13px 22px;border-radius:999px;box-shadow:0 12px 30px rgba(42,38,34,.25);opacity:0;visibility:hidden;transition:opacity .25s,transform .25s;z-index:120}
.ll-toast.is-show{opacity:1;visibility:visible;transform:translate(-50%,0)}

/* ============================================================ Product page */
.ll-pdp{padding-bottom:clamp(56px,7vw,96px)}
.ll-pdp__top{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,4.5vw,72px);align-items:start;margin-top:8px}
.ll-gallery__stage{position:relative;height:clamp(360px,46vw,620px);border-radius:var(--radius-lg);overflow:hidden;background:var(--cream)}
.ll-gallery__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s;z-index:1}
.ll-gallery__img.is-active{opacity:1;z-index:2}
.ll-gallery__stage .ll-badge{position:absolute;top:16px;left:16px;z-index:5}
.ll-gallery__thumbs{display:flex;gap:12px;margin-top:12px;flex-wrap:wrap}
.ll-gallery__thumb{background:none;border:2px solid var(--sand);border-radius:12px;padding:2px;cursor:pointer;transition:border-color .2s}
.ll-gallery__thumb.is-active{border-color:var(--accent)}
.ll-gallery__thumb img{width:clamp(56px,7vw,84px);height:clamp(56px,7vw,84px);object-fit:cover;border-radius:9px}
.ll-pdp__brand{font:600 12px var(--ff-body);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.ll-pdp__title{font:400 clamp(28px,3.4vw,42px)/1.15 var(--ff-head);margin:10px 0 0}
.ll-pdp__rating{display:flex;align-items:center;gap:14px;margin-top:14px}
.ll-pdp__rating a{font:500 13px var(--ff-body);color:var(--muted);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--latte)}
.ll-pdp__pricerow{display:flex;align-items:baseline;gap:14px;margin-top:22px;flex-wrap:wrap}
.ll-pdp__price{font:700 clamp(26px,3vw,34px) var(--ff-body)}
.ll-stock{font:600 12px var(--ff-body);border-radius:8px;padding:5px 12px}
.ll-stock--in{color:#5B7A5E;background:#EDF3EC}
.ll-stock--out{color:var(--muted);background:var(--sand)}
.ll-pdp__short{font:400 14px/1.7 var(--ff-body);color:var(--muted);margin:18px 0 0;max-width:460px}
.ll-pdp__vol{margin-top:28px}
.ll-pdp__vol-label{font:600 11px var(--ff-body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.ll-pdp__vol-opts{display:flex;flex-wrap:wrap;gap:10px}
.ll-voption{font:600 13px var(--ff-body);background:var(--surface);color:var(--ink);border:1px solid var(--latte);border-radius:10px;padding:12px 18px;cursor:pointer;transition:border-color .2s}
.ll-voption:hover{border-color:var(--accent)}
.ll-voption.is-active{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.ll-pdp__buy{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;align-items:center}
.ll-qty{display:flex;align-items:center;border:1px solid var(--latte);border-radius:var(--radius);overflow:hidden;background:var(--surface)}
.ll-qty button{width:46px;height:52px;border:none;background:none;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center}
.ll-qty button:hover{color:var(--ink)}
.ll-qty span{min-width:36px;text-align:center;font:600 15px var(--ff-body)}
.ll-btn--buy{flex:1 1 200px;padding:17px 32px}
.ll-btn--buy.is-added{background:#5B7A5E}
.ll-pdp__fav{width:52px;height:52px;border:1px solid var(--latte);border-radius:var(--radius);background:var(--surface);color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s,border-color .2s}
.ll-pdp__fav:hover{border-color:var(--accent)}
.ll-pdp__fav.is-active{color:var(--accent)}
.ll-pdp__fav.is-active svg{fill:var(--accent)}
.ll-pdp__ship{display:flex;flex-direction:column;gap:10px;margin-top:26px;padding:20px 22px;background:var(--surface);border:1px solid var(--sand);border-radius:14px;font:400 13px/1.6 var(--ff-body);color:var(--muted)}
.ll-pdp__ship>div{display:flex;gap:10px}
.ll-pdp__ship span[aria-hidden]{color:var(--accent)}
.ll-pdp__ship a{color:var(--ink)}
.ll-pdp__ship a:hover{color:var(--accent)}

.ll-tabs{margin-top:clamp(48px,6vw,80px)}
.ll-tabs__head{display:flex;gap:clamp(20px,3vw,36px);border-bottom:1px solid var(--sand);overflow-x:auto;scrollbar-width:none}
.ll-tabs__head::-webkit-scrollbar{display:none}
.ll-tabs__head button{font:500 14px var(--ff-body);background:none;border:none;border-bottom:2px solid transparent;color:var(--muted);padding:12px 2px 16px;cursor:pointer;white-space:nowrap;transition:color .2s}
.ll-tabs__head button.is-active{font-weight:600;color:var(--ink);border-bottom-color:var(--accent)}
.ll-tabs__body{padding-top:26px;max-width:720px}
.ll-tabs__panel p{font:400 15px/1.8 var(--ff-body);color:var(--ink);margin:0;white-space:pre-line}
.ll-specs{margin:0;display:grid;grid-template-columns:auto 1fr;gap:14px 32px;font:400 14px/1.6 var(--ff-body)}
.ll-specs dt{font:600 11px var(--ff-body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding-top:3px}
.ll-specs dd{margin:0}

/* ============================================================ About / Contacts */
.ll-about__hero{padding-top:clamp(48px,7vw,96px);text-align:center}
.ll-about__h1{margin:18px auto 0;max-width:800px}
.ll-about__lead{margin:20px auto 0;text-align:center}
.ll-about__gallery{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ll-about__gallery img{width:100%;min-width:0;height:clamp(140px,15vw,200px);object-fit:cover;border-radius:var(--radius-lg)}
.ll-about__wide{grid-column:1/-1;height:clamp(200px,22vw,300px)!important}
.ll-about__founder{background:var(--cream);border-top:1px solid var(--sand);border-bottom:1px solid var(--sand);margin-top:clamp(48px,7vw,96px);padding:clamp(48px,6vw,88px) 0}
.ll-quote{margin:24px 0 0;font:italic 400 clamp(19px,2vw,24px)/1.5 var(--ff-head);color:var(--ink);max-width:520px}
.ll-quote--bar{margin:32px 0 0;padding-left:20px;border-left:2px solid var(--latte);font-size:19px}
.ll-values{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:1px;background:var(--sand);border:1px solid var(--sand);border-radius:var(--radius-lg);overflow:hidden;margin-top:36px}
.ll-values__cell{background:var(--surface);padding:30px 28px}
.ll-values__num{font:300 24px/1 var(--ff-head);color:var(--latte)}
.ll-values__t{font:600 15px var(--ff-body);margin-top:16px}
.ll-values__d{font:400 13px/1.6 var(--ff-body);color:var(--muted);margin-top:6px}
.ll-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:20px;text-align:center}
.ll-stats__n{font:300 clamp(44px,5vw,64px)/1 var(--ff-head);color:var(--accent)}
.ll-stats__l{font:600 12px var(--ff-body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:10px}

.ll-channels{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:20px}
.ll-channel{display:block;text-decoration:none;background:var(--cream);border:1px solid var(--sand);border-radius:18px;padding:30px 28px;transition:transform .25s,border-color .25s;color:var(--ink)}
.ll-channel:hover{transform:translateY(-4px);border-color:var(--accent)}
.ll-channel__ico{color:var(--accent);display:flex}
.ll-channel__t{font:500 22px var(--ff-head);margin-top:16px}
.ll-channel__d{font:400 13px/1.6 var(--ff-body);color:var(--muted);margin-top:6px}
.ll-channel__more{font:600 13px var(--ff-body);color:var(--accent);margin-top:14px}
.ll-formcard{background:var(--cream);border:1px solid var(--sand);border-radius:18px;padding:clamp(24px,3.5vw,40px);display:flex;flex-direction:column;gap:18px}
.ll-formcard--ok{text-align:center;align-items:center}
.ll-formcard--ok svg{color:var(--accent)}
.ll-formcard--ok p{font:400 14px/1.7 var(--ff-body);color:var(--muted);margin:8px auto 0;max-width:340px}
.ll-formrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:16px}
.ll-formcard label,.ll-checkout label,.ll-formgrid label,.ll-block{display:flex;flex-direction:column;gap:8px}
.ll-formcard label>span,.ll-formgrid label>span,.ll-block>span{font:600 11px var(--ff-body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.ll-formcard input,.ll-formcard textarea,.ll-formgrid input,.ll-block input,.ll-block textarea{font:400 15px var(--ff-body);color:var(--ink);background:var(--surface);border:1px solid var(--latte);border-radius:var(--radius);padding:14px 16px;outline:none;transition:border-color .2s;font-family:var(--ff-body)}
.ll-formcard textarea,.ll-block textarea{resize:vertical;line-height:1.6}
.ll-formcard input:focus,.ll-formcard textarea:focus,.ll-formgrid input:focus,.ll-block input:focus,.ll-block textarea:focus{border-color:var(--accent)}
.ll-formnote{font:400 11.5px/1.6 var(--ff-body);color:var(--muted);margin:0;text-align:center}
.ll-formnote a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}
.ll-formnote a:hover{color:var(--accent)}
.ll-formerr{font:500 12.5px/1.5 var(--ff-body);color:#A4452F;background:#FBEDEA;border-radius:10px;padding:10px 14px}
.ll-requisites{border:1px solid var(--sand);border-radius:var(--radius-lg);padding:clamp(22px,3vw,32px);display:flex;flex-wrap:wrap;gap:10px 40px;justify-content:space-between;align-items:center;font:400 13px/1.7 var(--ff-body)}

/* ============================================================ Checkout */
.ll-checkout{padding-bottom:clamp(56px,7vw,96px)}
.ll-checkout .ll-h1{margin:14px 0 8px}
.ll-checkout__done{max-width:620px;margin:0 auto;text-align:center;padding:clamp(48px,8vw,110px) 0}
.ll-checkout__done-ico{width:72px;height:72px;border-radius:50%;background:var(--cream);border:1px solid var(--sand);display:flex;align-items:center;justify-content:center;margin:0 auto 26px;color:var(--accent)}
.ll-checkout__grid{display:grid;grid-template-columns:1.6fr 1fr;gap:clamp(28px,4vw,56px);align-items:start;margin-top:20px}
.ll-checkout__left{display:flex;flex-direction:column;gap:clamp(28px,3.5vw,44px)}
.ll-checkout__form{display:flex;flex-direction:column;gap:clamp(28px,3.5vw,44px)}
.ll-checkout__step{display:flex;align-items:baseline;gap:12px;border-bottom:1px solid var(--sand);padding-bottom:14px;margin-bottom:20px}
.ll-checkout__step span{font:300 22px/1 var(--ff-head);color:var(--accent)}
.ll-checkout__step h2{font:500 17px var(--ff-body);margin:0}
.ll-formgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px}
.ll-formgrid--2{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));margin-top:16px}
.ll-block{margin-top:16px}
.ll-optgroup{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px}
.ll-opt{text-align:left;background:transparent;border:1.5px solid var(--latte);border-radius:14px;padding:18px 20px;cursor:pointer;transition:border-color .2s}
.ll-opt:hover{border-color:var(--accent)}
.ll-opt.is-active{background:var(--surface);border-color:var(--accent)}
.ll-opt__t{font:600 14px var(--ff-body);color:var(--ink)}
.ll-opt__d{font:400 12px/1.5 var(--ff-body);color:var(--muted);margin-top:5px}
.ll-ship-progress{background:var(--cream);border:1px solid var(--sand);border-radius:14px;padding:18px 20px;margin-top:20px}
.ll-ship-progress__row{display:flex;justify-content:space-between;gap:12px;font:500 13px var(--ff-body)}
.ll-ship-progress__bar{height:6px;background:var(--sand);border-radius:999px;margin-top:12px;overflow:hidden}
.ll-ship-progress__bar>div{height:100%;width:0;background:var(--accent);border-radius:999px;transition:width .4s}
.ll-summary{position:sticky;top:96px;display:flex;flex-direction:column;gap:16px}
.ll-summary__card{background:var(--cream);border:1px solid var(--sand);border-radius:18px;padding:clamp(22px,3vw,30px)}
.ll-summary__card .ll-h3{margin:0 0 20px}
.ll-promo-box{margin-bottom:18px}
.ll-promo-box__row{display:flex;gap:8px}
.ll-promo-box__row label{flex:1}
.ll-promo-box__row input{width:100%;font:400 14px var(--ff-body);color:var(--ink);background:var(--surface);border:1px solid var(--latte);border-radius:var(--radius);padding:12px 14px;outline:none}
.ll-promo-box__row input:focus{border-color:var(--accent)}
.ll-promo-box__row .ll-btn{padding:12px 18px}
.ll-promo-box__hint{font:400 11.5px/1.5 var(--ff-body);color:var(--muted);margin-top:8px}
.ll-promo-box__hint.is-err{color:#A4452F}
.ll-promo-box__applied{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--surface);border:1px dashed var(--accent);border-radius:var(--radius);padding:12px 16px}
.ll-promo-box__applied span{font:600 13px var(--ff-body);color:var(--accent)}
.ll-promo-box__applied button{font:400 18px/1 var(--ff-body);background:none;border:none;color:var(--muted);cursor:pointer;padding:2px 6px}
.ll-summary__lines{margin:0;display:flex;flex-direction:column;gap:12px;font:400 14px var(--ff-body)}
.ll-summary__lines>div{display:flex;justify-content:space-between;gap:12px}
.ll-summary__lines dt{color:var(--muted);margin:0}
.ll-summary__lines dd{margin:0;font-weight:600}
.ll-summary__total{border-top:1px solid var(--latte);margin-top:18px;padding-top:18px;display:flex;justify-content:space-between;align-items:baseline}
.ll-summary__total span:first-child{font:500 16px var(--ff-body)}
.ll-summary__total span:last-child{font:700 26px var(--ff-body)}
.ll-summary__card .ll-btn{margin-top:22px}
.ll-summary__trust{display:flex;flex-direction:column;gap:10px;padding:18px 20px;background:var(--surface);border:1px solid var(--sand);border-radius:14px;font:400 12.5px/1.6 var(--ff-body);color:var(--muted)}
.ll-summary__trust>div{display:flex;gap:10px}
.ll-summary__trust span[aria-hidden]{color:var(--accent)}
.ll-summary__trust a{color:var(--ink)}
.ll-citem--co{grid-template-columns:88px 1fr auto}
.ll-citem--co img{width:88px;height:100px}

/* ============================================================ Generic pages */
.ll-page{padding-bottom:clamp(56px,7vw,96px)}
.ll-page .ll-content{max-width:760px;font:400 16px/1.8 var(--ff-body)}
.ll-page .ll-content h2{font:400 clamp(24px,3vw,34px) var(--ff-head);margin:36px 0 14px}
.ll-page .ll-content p{margin:0 0 16px}
.ll-page .ll-content a{color:var(--accent)}

/* ============================================================ Motion / reveal */
@keyframes llCardIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes llBump{0%{transform:translateY(0)}40%{transform:translateY(-3px);color:var(--accent)}100%{transform:translateY(0)}}
@keyframes llPulse{0%{transform:scale(1)}45%{transform:scale(1.05)}100%{transform:scale(1)}}
.ll-reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
.ll-reveal.is-in{opacity:1;transform:none}
.js-count.is-bump{display:inline-block;animation:llBump .4s ease}
.ll-pdp__price.is-pulse{display:inline-block;animation:llPulse .3s ease}
.ll-pdp__perunit{font:400 13px var(--ff-body);color:var(--muted);margin-top:8px}

/* Page-exit fade overlay */
.ll-pagefade{position:fixed;inset:0;z-index:200;background:var(--bg);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease}
.ll-pagefade.is-on{opacity:1;visibility:visible}
#ll-main{animation:llCardIn .45s ease both}
@media(prefers-reduced-motion:reduce){.ll-reveal{opacity:1!important;transform:none!important}#ll-main{animation:none}.ll-pagefade{display:none}}

/* ============================================================ Journal / article */
.ll-journal{padding-bottom:clamp(56px,7vw,96px)}
.ll-journal__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:28px 24px}
.ll-jcard{display:flex;flex-direction:column;text-decoration:none;color:var(--ink);transition:transform .25s}
.ll-jcard:hover{transform:translateY(-4px)}
.ll-jcard__media{overflow:hidden;border-radius:var(--radius-lg);aspect-ratio:3/2;background:var(--cream)}
.ll-jcard__media img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.ll-jcard:hover .ll-jcard__media img{transform:scale(1.04)}
.ll-jcard__body{padding:16px 4px 0;display:flex;flex-direction:column;gap:8px}
.ll-jcard__date{font:600 11px var(--ff-body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.ll-jcard__title{font:500 22px/1.25 var(--ff-head)}
.ll-jcard__excerpt{font:400 14px/1.6 var(--ff-body);color:var(--muted)}
.ll-jcard__more{font:600 13px var(--ff-body);color:var(--accent);margin-top:2px}
.ll-article{max-width:760px;padding-bottom:clamp(56px,7vw,96px)}
.ll-article__head{margin:14px 0 24px}
.ll-article__title{margin-top:12px}
.ll-article__cover{width:100%;height:clamp(240px,34vw,420px);object-fit:cover;border-radius:var(--radius-lg)}
.ll-article__body{margin-top:clamp(28px,3.5vw,44px);font:400 17px/1.85 var(--ff-body)}
.ll-article__body p{margin:0 0 20px}
.ll-article__foot{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:clamp(32px,4vw,52px);padding-top:28px;border-top:1px solid var(--sand)}

/* ============================================================ Legal pages */
.ll-legal{max-width:820px;padding-bottom:clamp(56px,7vw,96px)}
.ll-legal__head{margin:14px 0 8px}
.ll-legal__head .ll-h1{margin-top:12px}
.ll-legal__updated{font:400 13px/1.6 var(--ff-body);color:var(--muted);margin:14px 0 0}
.ll-legal__body{margin-top:clamp(28px,3.5vw,44px);font:400 15.5px/1.8 var(--ff-body);color:var(--ink)}
.ll-legal__body h2{font:400 clamp(22px,2.6vw,30px) var(--ff-head);margin:38px 0 12px}
.ll-legal__body h3{font:600 16px var(--ff-body);margin:24px 0 8px}
.ll-legal__body p{margin:0 0 14px}
.ll-legal__body ul{margin:0 0 16px;padding-left:20px}
.ll-legal__body li{margin:0 0 8px}
.ll-legal__body a{color:var(--accent);text-underline-offset:3px}
.ll-legal__foot{margin-top:36px;padding-top:20px;border-top:1px solid var(--sand);color:var(--muted)}
.ll-reqs{display:grid;grid-template-columns:auto 1fr;gap:14px 28px;margin:8px 0 0;font:400 15px/1.6 var(--ff-body);border:1px solid var(--sand);border-radius:var(--radius-lg);padding:clamp(22px,3vw,32px);background:var(--cream)}
.ll-reqs dt{font:600 11px var(--ff-body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding-top:3px}
.ll-reqs dd{margin:0;font-variant-numeric:tabular-nums;word-break:break-word}
.ll-footer__legal{display:flex;flex-wrap:wrap;gap:8px 18px}
.ll-footer__legal a{color:rgba(244,241,236,.45);text-decoration:none;transition:color .2s}
.ll-footer__legal a:hover{color:var(--accent)}
@media(max-width:520px){.ll-reqs{grid-template-columns:1fr;gap:4px 0}.ll-reqs dd{margin-bottom:12px}}

/* ============================================================ Responsive */
@media(max-width:1099px){
	.ll-footer__grid{grid-template-columns:1fr 1fr}
	.ll-footer__brand{grid-column:1/-1}
}
@media(max-width:979px){
	.ll-checkout__grid{grid-template-columns:1fr}
	.ll-summary{position:static}
}
@media(max-width:899px){
	.ll-nav{display:none}
	.ll-burger{display:flex}
	.ll-catalog__grid-wrap{grid-template-columns:1fr}
	.ll-filters__toggle{display:flex}
	.ll-filters__body{display:none}
	.ll-filters__body.is-open{display:block}
	.ll-filters__sticky{position:static}
	.ll-trust{grid-template-columns:1fr}
}
@media(max-width:767px){
	.ll-split,.ll-podbor,.ll-pack__grid,.ll-about__gallery{grid-template-columns:1fr}
	.ll-split--rev .ll-split__media{order:0}
	.ll-pdp__top{grid-template-columns:1fr}
	.ll-footer__grid{grid-template-columns:1fr}
	.ll-hero__content{max-width:100%}
	.ll-final__logo{margin-bottom:16px}
}
/* ------------------------------------------------------ Care selector (quiz) */
.ll-podbor-page__head{max-width:680px;margin-bottom:clamp(28px,4vw,44px)}
.ll-btn--ghost{background:transparent;color:var(--muted);border-color:transparent;padding-inline:16px}
.ll-btn--ghost:hover{color:var(--ink);background:var(--cream)}
.ll-chip--lg{padding:13px 24px;font-size:14px}
.ll-chip--lg.is-active{background:var(--ink);color:var(--cream);border-color:var(--ink)}

.ll-quiz__card{background:var(--surface);border:1px solid var(--sand);border-radius:var(--radius-xl);padding:clamp(24px,4vw,48px)}
.ll-quiz__progress{height:5px;background:var(--sand);border-radius:999px;overflow:hidden}
.ll-quiz__progress-bar{height:100%;width:6%;background:var(--accent);border-radius:999px;transition:width .4s cubic-bezier(.4,0,.2,1)}
.ll-quiz__meta{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:14px 0 26px;font:600 12px var(--ff-body);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.ll-quiz__skip{background:none;border:none;color:var(--muted);cursor:pointer;font:inherit;letter-spacing:.04em;text-transform:none;padding:4px}
.ll-quiz__skip:hover{color:var(--accent)}

.ll-quiz__step{display:none}
.ll-quiz__step.is-active{display:block}
.ll-quiz__q{font:400 clamp(22px,3vw,30px)/1.2 var(--ff-head);color:var(--ink);margin-bottom:8px}
.ll-quiz__hint{font:400 14px var(--ff-body);color:var(--muted);margin-bottom:24px}
.ll-quiz__opts{display:flex;flex-wrap:wrap;gap:12px}
.ll-quiz__opts--cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}

.ll-quizopt{text-align:left;background:var(--surface);border:1px solid var(--latte);border-radius:var(--radius-lg);padding:18px 20px;cursor:pointer;display:flex;flex-direction:column;gap:5px;transition:border-color .2s,background .2s,transform .2s}
.ll-quizopt:hover{border-color:var(--accent);transform:translateY(-2px)}
.ll-quizopt.is-active{border-color:var(--ink);background:var(--cream);box-shadow:inset 0 0 0 1px var(--ink)}
.ll-quizopt__t{font:600 15px var(--ff-body);color:var(--ink)}
.ll-quizopt__d{font:400 13px var(--ff-body);color:var(--muted)}

.ll-quiz__nav{display:flex;align-items:center;gap:12px;margin-top:32px;padding-top:26px;border-top:1px solid var(--sand)}
.ll-quiz__nav .js-quiz-next{margin-left:auto}
.ll-quiz__nav .js-quiz-restart{margin-left:auto}

.ll-quiz__result .ll-h3{margin:6px 0 10px}
.ll-quiz__summary{font:400 15px/1.6 var(--ff-body);color:var(--ink-deep);margin:0 0 26px;max-width:640px}
.ll-quiz__result .ll-grid{margin-bottom:8px}
.ll-quiz__none{background:var(--cream);border:1px dashed var(--latte);border-radius:var(--radius-lg);padding:28px;color:var(--ink-deep)}
.ll-quiz__none p{margin:0}
.ll-quiz__resultcta{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}

.ll-quiz__reassure{display:flex;gap:20px;align-items:flex-start;background:var(--sand);border-radius:var(--radius-xl);padding:clamp(24px,3vw,40px);margin-top:clamp(28px,4vw,44px)}
.ll-quiz__reassure-ico{flex:0 0 auto;width:52px;height:52px;border-radius:50%;background:var(--bg);color:var(--accent);display:flex;align-items:center;justify-content:center}
.ll-quiz__reassure-t{font:400 clamp(20px,2.4vw,26px)/1.2 var(--ff-head);color:var(--ink);margin-bottom:8px}
.ll-quiz__reassure p{font:400 15px/1.7 var(--ff-body);color:var(--ink-deep);margin:0 0 18px;max-width:620px}
.ll-quiz__reassure-cta{display:flex;flex-wrap:wrap;gap:12px}

@keyframes llQuizIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

@media(max-width:559px){
	.ll-quiz__reassure{flex-direction:column;gap:14px}
	.ll-quiz__nav{flex-wrap:wrap}
	.ll-quiz__nav .js-quiz-next,.ll-quiz__nav .js-quiz-restart{margin-left:0;width:100%}
}

@media(prefers-reduced-motion:reduce){
	*{animation-duration:.001ms!important;transition-duration:.001ms!important}
	.ll-brands__track{animation:none}
}
