@charset "UTF-8";
:root{--paper:#f5f2eb;--white:#fffcf7;--ink:#242521;--muted:#77776e;--line:#dbd9d0;--terracotta:#a15f49;--olive:#6e7562;--dark:#292c27;--ease:cubic-bezier(.19,1,.22,1)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}body.locked{overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--terracotta);outline-offset:3px}img{max-width:100%;display:block}svg{display:block}.skip{position:absolute;z-index:300;top:-70px;left:12px;padding:12px;background:white}.skip:focus{top:4px}
.site-header{position:sticky;top:0;z-index:80;background:rgba(245,242,235,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(36,37,33,.12)}.header-inner{max-width:1600px;margin:auto;padding:0 clamp(22px,4vw,76px);height:78px;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:16px}.wordmark{white-space:nowrap;font:400 30px/.9 Georgia,"Times New Roman",serif;letter-spacing:-.075em}.wordmark-dot{color:var(--terracotta)}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:clamp(16px,2.5vw,42px)}.desktop-nav a{font-size:12px;letter-spacing:.04em;transition:opacity .2s}.desktop-nav a:hover{opacity:.52}.header-actions{display:flex;justify-content:flex-end;gap:7px;align-items:center}.icon-button{width:39px;height:40px;display:grid;place-items:center;border:0;background:transparent;color:var(--ink);position:relative;border-radius:10px}.icon-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.cart-count{font-size:10px;position:absolute;right:-1px;top:0;background:var(--ink);color:#fff;min-width:15px;height:15px;padding:2px;display:grid;place-items:center;border-radius:50%}.menu-toggle{display:none}
.container{max-width:1600px;padding:0 clamp(22px,4vw,76px);margin:0 auto}.section{padding-top:clamp(100px,13vw,200px);padding-bottom:clamp(94px,12vw,180px)}.serif{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.065em}.eyebrow{font-size:10px;letter-spacing:.19em;text-transform:uppercase;font-weight:650}.muted{color:var(--muted)}.caption{font-size:11px;color:var(--muted);line-height:1.6}.body-copy{font-size:clamp(15px,1.25vw,18px);line-height:1.7;max-width:510px}.display{font:400 clamp(58px,9vw,148px)/.91 Georgia,"Times New Roman",serif;letter-spacing:-.082em}.section-title{font:400 clamp(48px,6.9vw,106px)/.97 Georgia,"Times New Roman",serif;letter-spacing:-.078em;margin:0}.section-lede{font:400 clamp(27px,3.3vw,54px)/1.12 Georgia,"Times New Roman",serif;letter-spacing:-.059em;margin:0}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:34px}.section-top h2{margin:0}.link-arrow{display:inline-flex;gap:35px;align-items:center;font-size:12px;letter-spacing:.04em;padding-bottom:6px;border-bottom:1px solid var(--ink)}.link-arrow span:last-child{font-size:22px;font-weight:300}.pill-link,.solid-button,.outline-button{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:27px;padding:14px 27px;border:1px solid var(--ink);text-align:center;transition:background .28s,color .28s,border-color .28s;position:relative;overflow:hidden;isolation:isolate;will-change:transform}.pill-link{border-radius:100px;background:var(--white);border-color:transparent}.solid-button{background:var(--ink);color:#fff}.outline-button{background:transparent;color:var(--ink)}.pill-link:hover{background:#fff}.solid-button:hover{background:#45453d}.outline-button:hover{background:#fff}.pill-link .arrow,.solid-button .arrow,.outline-button .arrow{font-size:19px;font-weight:300}.jelly{transform-origin:50% 60%;-webkit-tap-highlight-color:transparent}.jelly.jelly-active{animation:jellytouch .68s cubic-bezier(.16,1,.3,1) both;background:#fff!important;color:var(--ink)!important;border-color:#eae6de!important}.jelly.jelly-active::after{content:"";inset:0;position:absolute;background:rgba(255,255,255,.48);pointer-events:none;animation:flash .55s both}@keyframes jellytouch{0%{transform:scale(1)}16%{transform:scale(1.075,.9)}40%{transform:scale(.97,1.045)}70%{transform:scale(1.016,.989)}100%{transform:scale(1)}}@keyframes flash{0%{opacity:1}100%{opacity:0}}
.reveal{opacity:0;transform:translate3d(0,54px,0);transition:opacity .9s ease,transform 1.08s var(--ease)}.reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}.delay-1{transition-delay:.09s}.delay-2{transition-delay:.18s}.delay-3{transition-delay:.26s}
.hero{min-height:calc(100svh - 78px);position:relative;background:#bdb1a1;display:grid;grid-template-columns:49% 51%;overflow:hidden}.hero-text{padding:clamp(40px,6vw,96px) clamp(24px,5vw,110px);display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:1;background:#dfd6ca}.hero-text h1{margin:6vw 0 20px;font:400 clamp(66px,9.4vw,155px)/.86 Georgia,serif;letter-spacing:-.082em}.hero-text h1 em{font-style:italic;font-size:.7em;letter-spacing:-.09em}.hero-text p{max-width:385px;line-height:1.6;font-size:clamp(14px,1.3vw,17px);margin:0 0 24px}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:25px}.hero-note{font-size:10px;letter-spacing:.14em;line-height:1.9;text-transform:uppercase}.hero-placeholder{min-height:590px;position:relative;background:linear-gradient(152deg,#a49b8e 2%,#d8cdc0 34%,#8b8d7f 100%);display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-placeholder:before{content:"";width:60%;height:92%;border:1px solid rgba(255,255,255,.38);border-radius:49% 49% 12% 12%;transform:rotate(-11deg);filter:blur(.3px)}.hero-placeholder:after{content:"";position:absolute;inset:0;background:linear-gradient(112deg,transparent 10%,rgba(255,255,255,.13) 55%,transparent 80%)}.photo-placeholder{text-align:center;color:rgba(37,38,34,.48);font-size:10px;letter-spacing:.15em;text-transform:uppercase;line-height:1.9;position:absolute;z-index:1}.hero-img,.media-img{width:100%;height:100%;object-fit:cover;display:block}.photo-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-img{position:absolute;inset:0}.hero-vertical{position:absolute;right:36px;bottom:32px;writing-mode:vertical-rl;color:rgba(255,255,255,.72);font-size:10px;letter-spacing:.13em;z-index:2}
.ticker{overflow:hidden;white-space:nowrap;border-block:1px solid var(--line);padding:17px 0}.ticker-track{display:inline-flex;gap:42px;animation:marquee 32s linear infinite;font-size:11px;letter-spacing:.15em;text-transform:uppercase}.ticker-track i{font-family:Georgia,serif;font-size:16px;font-style:normal;color:var(--terracotta)}@keyframes marquee{to{transform:translateX(-50%)}}
.intro-grid{display:grid;grid-template-columns:1.07fr .93fr;gap:8vw;align-items:end}.intro-grid h2{margin:0 0 35px}.intro-copy{padding-bottom:14px}.intro-mosaic{display:grid;grid-template-columns:1.2fr .8fr;gap:11px}.intro-mosaic .visual-card:first-child{grid-row:span 2;min-height:460px}.intro-mosaic .visual-card{min-height:225px}.visual-card{position:relative;overflow:hidden;background:#e1d8cc;display:flex;align-items:center;justify-content:center}.visual-card.alt{background:#c5baad}.visual-card.darker{background:#9b9b8d}.visual-card.pink{background:#c5a8a0}.visual-card .photo-placeholder{font-size:9px;padding:15px;color:rgba(30,30,28,.54)}.visual-card:hover img{transform:scale(1.035)}.visual-card img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.category-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;grid-template-rows:clamp(250px,30vw,475px) clamp(240px,28vw,420px);gap:14px}.cat-tile{display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;padding:26px;background:#d7d0c6;transition:filter .35s}.cat-tile:hover{filter:brightness(.95)}.cat-tile:nth-child(1){grid-row:span 2;background:#b4b1a5}.cat-tile:nth-child(2){grid-column:span 2;background:#c9bab0}.cat-tile:nth-child(3){background:#ddd3c4}.cat-tile:nth-child(4){background:#aea99d}.cat-tile .cat-counter{font-size:10px;z-index:1}.cat-tile .cat-name{font:400 clamp(40px,5.2vw,86px)/1 Georgia,serif;letter-spacing:-.07em;z-index:1}.cat-tile .cat-arrow{position:absolute;right:24px;bottom:25px;font-size:30px}.cat-tile .cat-watermark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-11deg);font:italic 400 clamp(80px,13vw,260px)/1 Georgia,serif;color:rgba(255,255,255,.15);white-space:nowrap}
.collection-feature{display:grid;grid-template-columns:1fr 1fr;min-height:720px;background:var(--dark);color:var(--paper)}.collection-feature .feature-text{padding:clamp(30px,6vw,110px);display:flex;flex-direction:column;justify-content:space-between}.collection-feature .section-title{max-width:680px}.collection-feature .feature-text p{color:#c7c7be}.collection-feature .feature-visual{background:linear-gradient(130deg,#77766c,#bab0a3);min-height:550px;position:relative}.feature-visual .placeholder-number{font:italic clamp(180px,26vw,420px)/1 Georgia,serif;color:rgba(255,255,255,.13);position:absolute;bottom:0;right:20px}.collection-feature .pill-link{align-self:flex-start;color:var(--ink)}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 14px}.product-card{min-width:0;position:relative}.product-media{aspect-ratio:3/4;position:relative;display:block;overflow:hidden;background:#d4cec3}.product-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.product-media:hover img{transform:scale(1.045)}.product-placeholder{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background:var(--placeholder-bg,#d8d0c4)}.product-placeholder:before{content:"";width:52%;height:58%;border:1px solid rgba(60,57,50,.22);border-radius:26% 26% 8% 8%;transform:rotate(-11deg);box-shadow:22px 27px 0 -18px rgba(62,55,48,.16)}.product-placeholder span{position:absolute;bottom:17px;left:17px;right:17px;font:italic 25px Georgia,serif;color:rgba(45,43,38,.4);letter-spacing:-.055em}.favorite-button{position:absolute;z-index:3;right:12px;top:12px;background:var(--white);border:none;width:37px;height:37px;border-radius:50%;display:grid;place-items:center}.favorite-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5}.favorite-button.active svg{fill:var(--terracotta);stroke:var(--terracotta)}.product-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-top:11px}.product-title{font-size:13px;margin:0 0 6px}.product-price{font-size:13px;font-weight:600}.product-demo{font-size:10px;font-weight:400;color:var(--muted)}.product-index{font-size:10px;color:var(--muted)}
.manifesto{background:#dcd6cb}.manifesto-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.manifesto-text{padding:35px 0}.manifesto-image{aspect-ratio:5/6;position:relative;background:#bdb5a8}.manifesto-quote{font:400 clamp(42px,5.5vw,88px)/1.07 Georgia,serif;letter-spacing:-.074em;margin:35px 0}.manifesto-small{font-size:13px;line-height:1.65;max-width:380px}.materials-strip{display:grid;grid-template-columns:1fr 1.2fr;gap:8vw;align-items:start}.material-options{display:flex;gap:9px;flex-wrap:wrap;margin-top:35px}.material-opt{padding:11px 18px;border:1px solid var(--line);border-radius:0;background:none;color:var(--ink);font-size:12px}.material-opt[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}.material-visual{min-height:430px;position:relative;background:repeating-linear-gradient(93deg,#c8bfb2 0 2px,#cdc4b7 3px 6px)}.material-visual[data-mat="Лён"]{background:repeating-linear-gradient(80deg,#aaa695 0 3px,#bab5a4 4px 9px)}.material-visual[data-mat="Твид"]{background:repeating-linear-gradient(23deg,#a49c8e 0 3px,#c5bcb0 4px 7px)}.material-visual[data-mat="Плюш"]{background:radial-gradient(circle at 15% 30%,#d0bba9,#a78f84)}.material-description{position:absolute;right:20px;bottom:20px;max-width:260px;padding:20px;background:rgba(255,252,247,.95);font:14px/1.5 Georgia,serif}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}.step{border-top:1px solid var(--ink);padding-top:20px}.step-index{font-size:11px;letter-spacing:.13em}.step h3{font:400 clamp(32px,3vw,52px) Georgia,serif;letter-spacing:-.06em;margin:55px 0 20px}.step p{font-size:13px;line-height:1.6;max-width:270px}.site-footer{background:#262824;color:#eeeae3;padding:70px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:45px}.footer-brand{font:400 clamp(54px,7vw,105px)/.9 Georgia,serif;letter-spacing:-.08em;margin:0 0 22px}.footer-grid h4{font-size:11px;text-transform:uppercase;letter-spacing:.13em;margin:0 0 25px}.footer-links{display:flex;flex-direction:column;gap:13px}.footer-links a,.footer-grid p{font-size:13px;color:#bebeb4;line-height:1.6}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid #53554d;margin-top:65px;padding-top:20px;color:#a8aaa0;font-size:11px;display:flex;justify-content:space-between;gap:20px}
.page-wrap{min-height:70svh;padding-top:67px;padding-bottom:110px}.page-title{font:400 clamp(68px,10vw,148px)/1 Georgia,serif;letter-spacing:-.075em;margin:14px 0 24px}.page-intro{max-width:500px;font-size:15px;line-height:1.65;margin:0 0 45px}.breadcrumbs{font-size:11px;color:var(--muted);display:flex;gap:10px;align-items:center}.breadcrumbs a:hover{text-decoration:underline}.catalog-tools{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 0;border-block:1px solid var(--line);margin-bottom:32px}.chipbar{display:flex;gap:8px;overflow:auto;scrollbar-width:none}.chipbar::-webkit-scrollbar{display:none}.chip{border:1px solid var(--line);white-space:nowrap;padding:12px 18px;background:transparent;font-size:12px;color:var(--ink)}.chip.active{background:var(--ink);color:white;border-color:var(--ink)}.filter-toggle{display:flex;gap:8px;white-space:nowrap;align-items:center;background:none;border:0;font-size:12px}.catalog-count{font-size:12px;color:var(--muted);margin-top:30px}.empty-state{text-align:center;padding:80px 0;font:25px Georgia,serif;color:var(--muted)}
.product-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(34px,5.5vw,110px);margin-top:35px}.product-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start}.product-gallery .gallery-item:first-child{grid-column:span 2;aspect-ratio:5/4}.gallery-item{aspect-ratio:4/5;position:relative;overflow:hidden}.gallery-item img{width:100%;height:100%;object-fit:cover}.gallery-item .product-placeholder span{font-size:35px}.product-info{position:sticky;top:106px;align-self:start}.product-info .page-title{font-size:clamp(46px,4.8vw,72px);margin:18px 0}.large-price{font-size:23px;font-weight:600;margin:0 0 16px}.swatch-row{display:flex;gap:8px;margin:20px 0 27px}.swatch{width:37px;height:37px;border:1px solid #b8b6ad;border-radius:50%;background:var(--swatch,#ded6c8);position:relative}.swatch.selected:after{content:"";inset:-5px;position:absolute;border:1px solid var(--ink);border-radius:50%}.product-info .solid-button{width:100%;margin-bottom:16px}.product-facts{border-top:1px solid var(--line);margin-top:40px}.fact-row{padding:19px 0;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);font-size:13px}.fact-row strong{font-weight:500}.product-description{line-height:1.7;font-size:14px;margin:20px 0 0;color:#57594f}
.static-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,7vw,130px);padding-top:50px}.static-photo{aspect-ratio:4/5;min-height:340px;background:#c0b8ae;position:relative}.static-copy h2{margin:0 0 25px}.static-copy p{font-size:16px;line-height:1.78;max-width:550px}.static-copy h3{font:400 40px Georgia,serif;letter-spacing:-.06em;margin:40px 0 10px}.info-rows{margin-top:35px;border-top:1px solid var(--line)}.info-rows details{border-bottom:1px solid var(--line);padding:18px 0}.info-rows summary{font-size:14px;cursor:pointer}.info-rows p{font-size:13px;line-height:1.65;color:var(--muted)}
.overlay-backdrop{position:fixed;inset:0;z-index:120;background:rgba(26,27,24,.48);animation:fadeIn .24s both}.side-panel{position:fixed;right:0;top:0;height:100%;width:min(480px,100%);z-index:122;background:var(--paper);padding:clamp(24px,4vw,40px);overflow:auto;animation:panelIn .6s var(--ease) both;box-shadow:-10px 0 30px #00000017}.overlay-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:32px}.overlay-top h2{font:400 52px Georgia,serif;letter-spacing:-.07em;margin:0}.overlay-close{background:none;border:0;font-size:27px;padding:7px}.menu-links{display:flex;flex-direction:column}.menu-links a{border-bottom:1px solid var(--line);font:400 37px Georgia,serif;padding:17px 0;letter-spacing:-.055em}.menu-links a:hover{color:var(--terracotta)}.menu-meta{margin-top:35px;font-size:12px;line-height:1.7;color:var(--muted)}.search-field,.input{width:100%;padding:15px 16px;min-height:48px;border:1px solid var(--line);background:#fffdf9;border-radius:0;color:var(--ink)}.search-results{margin-top:25px}.search-row,.cart-row{display:flex;gap:15px;padding:16px 0;border-bottom:1px solid var(--line);align-items:center}.search-row .mini-thumb,.cart-row .mini-thumb{flex:0 0 70px;height:86px;background:#c7beb2;position:relative;overflow:hidden}.mini-thumb img{height:100%;width:100%;object-fit:cover}.search-row a,.cart-row a{font-size:14px}.search-row small,.cart-row small{display:block;color:var(--muted);margin-top:7px}.cart-row>div:nth-child(2){flex:1}.qty{display:flex;align-items:center;gap:13px;margin-top:12px}.qty button{border:1px solid var(--line);width:29px;height:29px;background:none}.remove-button{border:0;background:none;color:var(--muted);font-size:20px}.cart-footer{position:sticky;bottom:-40px;background:var(--paper);padding:22px 0 40px;border-top:1px solid var(--ink);margin-top:40px}.total-line{display:flex;justify-content:space-between;margin-bottom:20px}.cart-footer .solid-button{width:100%}.toast{position:fixed;z-index:200;left:50%;bottom:35px;transform:translate(-50%,25px);pointer-events:none;padding:15px 23px;background:var(--ink);color:#fff;font-size:12px;opacity:0;transition:opacity .25s,transform .4s var(--ease);width:max-content;max-width:calc(100% - 30px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes fadeIn{from{opacity:0}}@keyframes panelIn{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(max-width:1050px){.desktop-nav{gap:14px}.desktop-nav a{font-size:11px}.intro-grid{gap:30px}.section-title{font-size:68px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.header-inner{height:67px;padding:0 18px;grid-template-columns:1fr 1fr}.wordmark{font-size:27px}.desktop-nav{display:none}.menu-toggle{display:grid}.header-actions{gap:0}.icon-button{width:36px;height:39px}.header-actions .icon-button svg{width:20px;height:20px}.header-actions .icon-button[data-action="favorites"]{display:none}.container{padding:0 19px}.section{padding-top:100px;padding-bottom:90px}.section-title{font-size:clamp(50px,13vw,78px)}.section-lede{font-size:36px}.section-top{margin-bottom:25px}.section-top .link-arrow{gap:9px;font-size:10px}.hero{min-height:calc(100svh - 67px);display:flex;flex-direction:column-reverse}.hero-placeholder{min-height:0;flex:1 1 55svh}.hero-text{min-height:38svh;padding:28px 23px 35px}.hero-text h1{font-size:clamp(61px,14.5vw,93px);margin:22px 0}.hero-text h1 em{font-size:.7em}.hero-text p{font-size:13px;line-height:1.5;max-width:280px}.hero-bottom{align-items:center}.hero-note{font-size:9px}.hero-placeholder .photo-placeholder{font-size:10px}.hero-vertical{bottom:18px;right:16px}.display{font-size:70px}.intro-grid{grid-template-columns:1fr;gap:42px}.intro-mosaic .visual-card:first-child{min-height:310px}.intro-mosaic .visual-card{min-height:150px}.intro-copy{order:0}.category-grid{grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,245px);gap:9px}.cat-tile{padding:15px}.cat-tile:nth-child(1){grid-column:span 2;grid-row:span 1}.cat-tile:nth-child(2){grid-column:span 2}.cat-tile .cat-name{font-size:clamp(33px,8vw,56px)}.cat-tile .cat-watermark{font-size:100px}.cat-tile .cat-arrow{right:14px;bottom:13px;font-size:24px}.collection-feature{display:flex;flex-direction:column;min-height:0}.collection-feature .feature-visual{height:430px;min-height:0;order:0}.collection-feature .feature-text{padding:48px 24px 58px;order:1;gap:30px}.collection-feature .section-title{font-size:66px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 10px}.product-title,.product-price{font-size:12px}.product-media{aspect-ratio:3/4}.favorite-button{right:8px;top:8px;width:33px;height:33px}.manifesto-inner{grid-template-columns:1fr;gap:32px}.manifesto-image{aspect-ratio:1/1}.manifesto-quote{font-size:53px}.materials-strip{grid-template-columns:1fr;gap:35px}.material-visual{min-height:380px}.steps{grid-template-columns:1fr;gap:20px;margin-top:30px}.step h3{font-size:36px;margin:23px 0 10px}.step p{max-width:400px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px 16px}.footer-grid>div:first-child{grid-column:span 2}.footer-brand{font-size:77px}.footer-bottom{flex-direction:column;gap:8px;margin-top:48px}.page-wrap{padding-top:35px}.page-title{font-size:75px}.page-intro{font-size:13px;margin-bottom:28px}.catalog-tools{padding:17px 0;margin-bottom:22px;display:block}.filter-toggle{margin-top:15px}.chip{padding:11px 14px;font-size:11px}.product-layout{grid-template-columns:1fr;gap:35px;margin-top:18px}.product-gallery{gap:8px}.product-gallery .gallery-item:first-child{aspect-ratio:4/5}.product-info{position:static}.product-info .page-title{font-size:53px}.product-gallery .gallery-item:nth-child(n+4){display:none}.static-layout{display:flex;flex-direction:column;gap:40px}.static-photo{order:-1;min-height:450px}.side-panel{padding:25px 22px}.reveal{transform:translate3d(0,42px,0)} }
@media(max-width:365px){.header-actions .icon-button[data-action="search"]{display:none}.hero-text h1{font-size:58px}.cat-tile .cat-name{font-size:34px}.section-title{font-size:48px}.page-title{font-size:58px}.wordmark{font-size:25px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}
/* ===== ОБЕ ДВЕ v0.2: unified motion and accessible mobile shop ===== */
:root{--motion-fast:250ms;--motion-main:630ms;--motion-ease:cubic-bezier(.22,1,.36,1)}
.reveal{opacity:0;transform:translate3d(0,26px,0);transition:opacity var(--motion-main) ease-out,transform var(--motion-main) var(--motion-ease)}
.reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}
.reveal.delay-1{transition-delay:95ms}.reveal.delay-2{transition-delay:190ms}.reveal.delay-3{transition-delay:270ms}
.intro-mosaic .visual-card{will-change:opacity,transform}.intro-grid .intro-mosaic .reveal:not(.is-visible){opacity:0;transform:translate3d(0,26px,0)}
.ticker-glyph{width:17px;height:17px;flex:0 0 17px;align-self:center;stroke:var(--terracotta);color:var(--terracotta)}
.cat-tile:nth-child(3){grid-column:span 2}.category-grid{grid-template-rows:clamp(260px,29vw,440px) clamp(260px,28vw,430px)}
.catalog-page .catalog-tools{position:sticky;top:78px;z-index:70;background:rgba(245,242,235,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);margin-inline:-8px;padding-inline:8px}
.catalog-control-row{display:flex;align-items:center;gap:12px}.catalog-control-row select{padding:10px 12px;border:1px solid var(--line);background:transparent;color:var(--ink);font-size:12px;max-width:170px;min-height:45px}
.gallery-item{display:block;width:100%;border:0;padding:0;cursor:zoom-in;background:#ddd6c9}.product-gallery{transition:opacity .22s ease}.product-gallery .gallery-item{border-radius:0}.product-gallery .gallery-item:first-child{aspect-ratio:5/4}.gallery-item:focus-visible{outline:2px solid var(--ink)}
.variant-head{font-size:13px;margin-top:30px}.variant-head strong{font-weight:600}.swatch{min-width:44px;min-height:44px}.buy-actions{display:grid;gap:12px}.buy-actions .solid-button,.buy-actions .outline-button{width:100%;margin:0}
.qty button{width:44px;height:44px;display:grid;place-items:center;font-size:22px;color:var(--ink);border-radius:7px;transition:background .2s}.qty button:active{background:var(--white)}.qty-num{display:inline-block;min-width:22px;text-align:center;font-variant-numeric:tabular-nums}.cart-row .remove-button{width:44px;height:44px;display:grid;place-items:center}.side-panel .cart-footer{bottom:-26px}
.visually-hidden{position:absolute!important;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}
.lightbox{position:fixed;inset:0;z-index:200;background:#191916;color:#fff;display:flex;flex-direction:column;align-items:center}.lightbox-top{width:100%;display:flex;justify-content:space-between;align-items:center;padding:25px max(18px,4vw);font-size:13px}.lightbox-close{font-size:22px;border:1px solid #8a8880;border-radius:50%;background:none;color:#fff;min-width:44px;min-height:44px}.lightbox-stage{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:pan-y}.lightbox-stage img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .23s ease}.lightbox-stage img.lightbox-zoomed{transform:scale(1.65)}.lightbox-controls{width:100%;display:flex;justify-content:space-between;align-items:center;padding:12px max(18px,3vw) calc(20px + env(safe-area-inset-bottom));gap:15px;font-size:11px;color:#c9c6bd;text-align:center}.lightbox-controls button{background:none;color:white;border:1px solid #777;min-width:52px;min-height:48px;font-size:24px}.mobile-buybar{display:none}
/* Profile and safe demo login */
.profile-cover{min-height:270px;background:linear-gradient(120deg,#ae9682,#d1bfb0 48%,#9b998b);color:white}.profile-cover.cover-1,.cover-choice.cover-1{background:linear-gradient(125deg,#928d81,#cecdc3,#a39784)}.profile-cover.cover-2,.cover-choice.cover-2{background:linear-gradient(125deg,#9b766c,#d8b7ae,#ac8b77)}.profile-cover .container{min-height:270px;padding-top:40px;padding-bottom:45px;display:flex;flex-direction:column;justify-content:space-between}.profile-cover-text{font:400 clamp(30px,4.3vw,70px)/1.06 Georgia,serif;letter-spacing:-.06em;align-self:end;text-align:right}.profile-shell{padding-bottom:120px}.profile-avatar{width:124px;height:124px;border-radius:50%;border:7px solid var(--paper);margin-top:-55px;position:relative;background:#e7d9ca;display:grid;place-items:center;color:#4a3833;font:400 64px Georgia,serif}.profile-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:18px 0 34px}.profile-heading h1{font:normal clamp(47px,6vw,90px)/1 Georgia,serif;letter-spacing:-.075em;margin:8px 0}.profile-heading p{margin:0;font-size:13px}.demo-banner{font-size:13px;background:#e9e3d9;border-left:3px solid #a58e7b;padding:16px 20px;line-height:1.6;margin:0 0 50px}.profile-columns{display:grid;grid-template-columns:270px minmax(0,1fr);gap:clamp(30px,7vw,100px)}.profile-nav{display:flex;flex-direction:column;gap:0;align-self:start;position:sticky;top:115px}.profile-nav button{display:flex;align-items:center;justify-content:space-between;border:0;background:none;border-bottom:1px solid var(--line);padding:19px 0;text-align:left;font-size:14px;color:var(--muted)}.profile-nav button.active{color:var(--ink);font-weight:600}.profile-nav button span{font-size:19px}.profile-card{min-height:420px}.profile-card h2{font:400 clamp(45px,5vw,75px)/1 Georgia,serif;letter-spacing:-.07em;margin:16px 0 30px}.profile-empty{padding:52px 30px;border:1px solid var(--line);margin-bottom:30px;display:grid;justify-items:center;text-align:center;gap:12px}.profile-empty p{font:25px/1.3 Georgia,serif;max-width:440px;margin:0}.profile-empty small{color:var(--muted)}.profile-big-icon{font-size:47px;color:#968878}.profile-fake-field{background:#e9e3da;padding:30px;font-size:13px;color:var(--muted)}.profile-favorites{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-field{display:grid;gap:8px;margin:18px 0;font-size:13px}.profile-field input{background:var(--white);padding:16px;border:1px solid var(--line);width:100%;min-height:51px;border-radius:0}.profile-cover-picker{display:flex;align-items:center;gap:12px;margin:25px 0}.cover-choice{width:76px;height:46px;border:2px solid transparent;background:linear-gradient(110deg,#b19b87,#e1cfc0,#a39b8c)}.cover-choice.chosen{border-color:var(--ink)}.text-button{display:block;background:none;border:0;padding:15px 0;margin-top:15px;color:var(--muted);text-decoration:underline}.auth-layout{min-height:calc(100svh - 80px);display:grid;grid-template-columns:1fr 1fr}.auth-editorial{background:linear-gradient(135deg,#9e8b7c,#c7b9a8);color:var(--white);padding:clamp(35px,7vw,110px);display:flex;flex-direction:column;justify-content:space-between}.auth-editorial h1{font:normal clamp(75px,9vw,155px)/.9 Georgia,serif;letter-spacing:-.08em}.auth-editorial p{font-size:17px;max-width:350px;line-height:1.65}.auth-card{padding:clamp(30px,6vw,110px);display:flex;flex-direction:column;justify-content:center;gap:14px}.auth-card h2{font:400 clamp(45px,5vw,82px)/1 Georgia,serif;letter-spacing:-.07em;margin:12px 0}.auth-card p{line-height:1.65;font-size:13px;color:var(--muted)}.auth-card input:disabled{color:#a3a097;background:#eeeae4;cursor:not-allowed}.auth-card .solid-button{width:100%}
@media(min-width:721px){.jelly:hover{transform:translateY(-2px)}.product-card .product-media{transition:filter .35s ease}.product-card:hover .product-media{filter:brightness(.96)}}
@media(max-width:720px){
 .header-actions .account-toggle{display:grid}.header-actions{gap:0}.header-actions .icon-button{width:37px;min-width:37px}.header-inner{grid-template-columns:1fr auto;padding:0 12px}.wordmark{font-size:25px}
 .intro-mosaic .visual-card.reveal{transform:translate3d(0,24px,0)}.intro-mosaic .visual-card.reveal.is-visible{transform:translate3d(0,0,0)}
 .category-grid{grid-template-columns:1fr;grid-template-rows:repeat(3,260px)}.cat-tile:nth-child(1),.cat-tile:nth-child(2),.cat-tile:nth-child(3){grid-column:auto;grid-row:auto}.cat-tile{padding:22px}.cat-tile .cat-name{font-size:clamp(47px,10vw,65px)}
 .catalog-page .catalog-tools{top:67px;display:flex;flex-direction:column;align-items:stretch;gap:9px;padding:10px 10px 12px;margin-bottom:18px}.catalog-control-row{justify-content:space-between}.chipbar{width:100%;padding-bottom:3px}.catalog-control-row select{flex:1;max-width:none}.catalog-control-row .filter-toggle{margin-top:0;padding:10px;min-height:45px}
 .product-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.product-gallery .gallery-item:nth-child(n+4){display:block}.product-gallery .gallery-item:first-child{aspect-ratio:4/5}.product-gallery .gallery-item{aspect-ratio:4/5}.product-info{padding-bottom:40px}.mobile-buybar{display:flex;align-items:center;justify-content:space-between;gap:15px;position:sticky;z-index:72;bottom:0;padding:13px 20px calc(13px + env(safe-area-inset-bottom));background:rgba(245,242,235,.97);border-top:1px solid var(--line);backdrop-filter:blur(12px)}.mobile-buybar span{font-size:16px;font-weight:650}.mobile-buybar .solid-button{min-height:48px;padding:10px 22px}.product-view{padding-bottom:25px}
 .reveal{transform:translate3d(0,20px,0)}.profile-cover{min-height:210px}.profile-cover .container{min-height:210px}.profile-cover-text{font-size:35px}.profile-avatar{width:100px;height:100px;font-size:50px}.profile-heading{display:block}.profile-heading .solid-button,.profile-heading .outline-button{margin-top:22px}.profile-heading h1{font-size:52px}.profile-columns{display:block}.profile-nav{position:sticky;top:67px;z-index:30;background:rgba(245,242,235,.97);flex-direction:row;overflow-x:auto;gap:20px;margin-bottom:38px;scrollbar-width:none}.profile-nav button{white-space:nowrap;font-size:12px;padding:14px 0}.profile-nav button span{display:none}.profile-card h2{font-size:48px}.profile-favorites{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-empty{padding:35px 15px}.auth-layout{display:block}.auth-editorial{min-height:270px;padding:33px 23px}.auth-editorial h1{font-size:74px;margin:22px 0}.auth-card{padding:42px 23px 75px}.auth-card h2{font-size:54px}
}
@media(max-width:375px){.header-actions .icon-button{width:33px;min-width:33px}.wordmark{font-size:24px}}
@media(prefers-reduced-motion:reduce){.reveal,.reveal.is-visible{opacity:1!important;transform:none!important;transition:none!important}.ticker-track{animation:none}.jelly{animation:none!important}}
.filter-actions{display:flex;gap:12px}.filter-actions>*{flex:1;min-width:0;padding-inline:12px}

/* ОБЕ ДВЕ 0.2.1 — tactile motion and visual polish */
:root{--od-ease:cubic-bezier(.22,1,.36,1);--od-soft:rgba(255,252,247,.84)}
html{-webkit-text-size-adjust:100%}
body{overflow-x:clip}
#app.page-arrived{animation:pageArrival .42s var(--od-ease) both}
@keyframes pageArrival{from{opacity:.88;transform:translate3d(0,7px,0)}to{opacity:1;transform:none}}
.reveal{opacity:0;transform:translate3d(0,20px,0);transition:opacity .65s ease,transform .72s var(--od-ease)}
.reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}
.reveal.delay-1{transition-delay:85ms}.reveal.delay-2{transition-delay:170ms}.reveal.delay-3{transition-delay:250ms}
.intro-grid .intro-mosaic .visual-card.reveal,.intro-grid .intro-mosaic .visual-card.reveal:not(.is-visible){transition:opacity .75s ease,transform .76s var(--od-ease)}
.intro-grid .intro-mosaic .visual-card.reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}
.jelly.jelly-active{animation:odJelly .54s var(--od-ease) both}
@keyframes odJelly{0%,100%{transform:scale(1)}22%{transform:scale(1.044,.95)}54%{transform:scale(.988,1.02)}78%{transform:scale(1.007,.995)}}
/* iOS Safari: do not let native form chrome introduce neon blue accents */
a,button,select,input{ -webkit-tap-highlight-color:transparent }
button{color:inherit}button:not(.solid-button):not(.pill-link){-webkit-appearance:none;appearance:none}
button:focus-visible,a:focus-visible{outline:2px solid #745e4f;outline-offset:3px}
button:active{touch-action:manipulation}
.icon-button,.favorite-button,.overlay-close,.qty button,.remove-button{color:var(--ink)}
.icon-button svg,.favorite-button svg{stroke:currentColor;fill:none}
.ticker{position:relative}.ticker-track{align-items:center}.ticker-glyph{stroke:currentColor;color:#9b8274;opacity:.9}
.ticker:hover .ticker-track{animation-play-state:paused}
/* semantic category titles, no placeholder English words */
.cat-description{position:absolute;left:25px;bottom:100px;font-size:12px;line-height:1.65;max-width:185px;color:rgba(35,35,32,.7);text-wrap:balance}
.cat-tile{isolation:isolate;transition:filter .35s ease,transform .55s var(--od-ease)}
.cat-tile:hover{filter:brightness(.97);transform:translateY(-3px)}
.cat-tile::before{content:"";position:absolute;width:145%;height:145%;left:-15%;top:-20%;background:radial-gradient(ellipse at 65% 45%,rgba(255,255,255,.27),transparent 54%);pointer-events:none;transition:transform 1.1s var(--od-ease)}
.cat-tile:hover::before{transform:translate3d(6%,-3%,0)}
.feature-caption{position:absolute;right:24px;bottom:24px;text-transform:uppercase;letter-spacing:.17em;font-size:10px;color:rgba(255,255,255,.85)}
/* Sliding highlight like the reference: maintains text contrast, supports touch + desktop. */
.chipbar.liquid-tabs{position:relative;isolation:isolate;display:flex;align-items:center;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;gap:5px;white-space:nowrap;--indicator-opacity:0;padding:5px;border-radius:24px;background:#ebe6dd}
.chipbar.liquid-tabs::-webkit-scrollbar{display:none}
.liquid-tabs .liquid-indicator{pointer-events:none;position:absolute;z-index:0;left:0;top:5px;bottom:5px;width:0;border-radius:18px;background:#322b27;transform:translateX(0);opacity:var(--indicator-opacity);transition:transform .5s cubic-bezier(.2,1.2,.28,1),width .5s cubic-bezier(.2,1.2,.28,1),opacity .2s;box-shadow:0 4px 12px rgba(50,43,39,.1)}
.liquid-tabs .chip{position:relative;z-index:1;flex-shrink:0;border:0;background:transparent!important;color:#655b54!important;border-radius:18px;transition:color .35s ease,transform .35s var(--od-ease);min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:8px 19px;font-size:12px}
.liquid-tabs .chip.active{color:#fff!important}
.liquid-tabs .chip:active{transform:scale(.94)}
.catalog-page .catalog-tools{box-shadow:0 12px 20px rgba(245,242,235,.79);border-bottom:1px solid rgba(70,60,50,.09)}
.grid-arrived>.product-card{animation:odProductArrive .43s var(--od-ease) both}
.grid-arrived>.product-card:nth-child(2){animation-delay:55ms}
.grid-arrived>.product-card:nth-child(3){animation-delay:110ms}
.grid-arrived>.product-card:nth-child(4){animation-delay:150ms}
@keyframes odProductArrive{from{opacity:.35;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
.product-grid:has(>.product-card:only-child){grid-template-columns:minmax(220px,360px)}
.product-media{background:#d7cbbd}
.product-card .product-price{font-size:14px}
.catalog-page .catalog-count{line-height:1.6}
.product-gallery.gallery-arrived .gallery-item{animation:odGalleryIn .35s ease both}
.product-gallery.gallery-arrived .gallery-item:nth-child(2){animation-delay:45ms}
.product-gallery.gallery-arrived .gallery-item:nth-child(3){animation-delay:90ms}
@keyframes odGalleryIn{from{opacity:.18;transform:translateY(7px)}to{opacity:1;transform:none}}
.product-info .page-title{overflow-wrap:anywhere;text-wrap:balance}
.product-description{max-width:550px}
.lightbox-stage{touch-action:pan-y pinch-zoom}
.lightbox-stage img{user-select:none;-webkit-user-drag:none}
.lightbox-controls button{color:white;appearance:none;-webkit-appearance:none}
.qty button,.remove-button{min-width:44px;min-height:44px;-webkit-tap-highlight-color:transparent}
.qty-num.count-pop{animation:odCount .23s var(--od-ease)}
@keyframes odCount{50%{transform:translateY(-3px);opacity:.6}100%{transform:none;opacity:1}}
.cart-row{min-width:0}.cart-row a{overflow-wrap:anywhere}
.side-panel{display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}
.side-panel #cart-panel-content{display:flex;flex-direction:column;flex:1;min-height:0}
.side-panel .cart-footer{position:sticky;bottom:0;margin-top:auto;padding-top:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--line);z-index:2}
/* The profile is a preview, not a fake finished personal account */
.demo-banner{font-size:12px;padding:12px 16px;max-width:720px;background:#e8e1d8;border-left:2px solid #9e8978;margin-bottom:38px}
.demo-banner span{margin-right:8px}
.profile-cover{transition:background .4s ease}
.profile-cover .container{position:relative}
.profile-cover::after{content:"";position:absolute;left:0;right:0;height:1px;background:rgba(255,255,255,.2)}
.profile-nav button{min-height:50px;transition:color .24s,border-color .24s}
.profile-nav button.active{border-bottom-color:#675347}
.profile-nav button:hover{color:#4c413b}
.profile-avatar-picker{display:flex;gap:12px;align-items:center;margin:15px 0 23px;flex-wrap:wrap;font-size:13px}
.avatar-choice{width:52px;height:52px;border:2px solid transparent;border-radius:50%;background:#dac8bb;color:#3d322d;font:400 27px Georgia,serif;display:grid;place-items:center}
.avatar-choice.avatar-1,.profile-avatar.avatar-1{background:#cac7b7;color:#473d35}
.avatar-choice.avatar-2,.profile-avatar.avatar-2{background:#cbb1a7;color:#554039}
.avatar-choice.chosen{border-color:#332b25;box-shadow:0 0 0 3px #f5f2eb inset}
.auth-card{max-width:800px}
.auth-card input:disabled{opacity:1}
@media(min-width:721px){.profile-cover{min-height:300px}.profile-cover .container{min-height:300px}.auth-editorial{background:linear-gradient(145deg,#9b877a 0%,#bdafa0 47%,#867b71 100%)}}
@media(max-width:720px){
 .header-actions .account-toggle{display:none!important}
 .header-inner{grid-template-columns:minmax(0,1fr) auto;gap:4px;padding:0 13px}
 .header-actions{gap:2px}.header-actions .icon-button{width:42px;min-width:42px;height:44px}
 .cart-ic .cart-count{right:1px;top:-1px}
 .wordmark{font-size:clamp(23px,6.5vw,28px)}
 .section-title{font-size:clamp(44px,10vw,65px)}
 .section-lede{font-size:clamp(27px,6vw,41px)}
 .eyebrow{font-size:10px;line-height:1.5}
 .section{padding-top:85px;padding-bottom:85px}
 .intro-grid .intro-mosaic{gap:8px}
 .cat-description{bottom:77px;left:23px;max-width:185px}
 .collection-feature .feature-visual{min-height:340px}
 .catalog-page .catalog-tools{top:67px;max-width:100vw}
 .catalog-control-row select{min-height:44px;font-size:13px}
 .chipbar.liquid-tabs{width:100%}
 .liquid-tabs .chip{padding:7px 15px}
 .product-info{padding-bottom:25px}
 .mobile-buybar{position:fixed;left:0;right:0;bottom:0;z-index:75;box-shadow:0 -7px 25px rgba(38,35,30,.09);transition:opacity .26s ease,transform .35s var(--od-ease);pointer-events:auto}
 .mobile-buybar.buybar-hidden{opacity:0;transform:translateY(100%);pointer-events:none}
 .product-view{padding-bottom:calc(90px + env(safe-area-inset-bottom))}
 .lightbox-top{padding-top:max(16px,env(safe-area-inset-top))}
 .profile-nav{gap:0;justify-content:flex-start;scroll-snap-type:x mandatory;margin-bottom:24px}
 .profile-nav button{font-size:13px;flex:0 0 auto;padding:14px 15px;scroll-snap-align:start;min-height:48px}
 .profile-nav button:first-child{padding-left:0}
 .profile-card h2{font-size:clamp(38px,10vw,50px)}
 .profile-empty p{font-size:22px}
 .demo-banner{margin-bottom:22px}
 .auth-editorial{min-height:240px}
 .auth-card{gap:11px}
}
@media(max-width:370px){.header-actions .icon-button{width:40px;min-width:40px}.wordmark{font-size:22px}}
@media(prefers-reduced-motion:reduce){
 #app.page-arrived,.grid-arrived>.product-card,.product-gallery.gallery-arrived .gallery-item,.qty-num.count-pop{animation:none!important}
 .liquid-indicator{transition:none!important}
 .cat-tile:hover{transform:none}
 .reveal{opacity:1!important;transform:none!important;transition:none!important}
}
/* Fabric cards are CSS previews until the brand uploads actual macro photography. */
.material-visual{overflow:hidden;isolation:isolate}
.material-visual:before{content:"";position:absolute;inset:-14%;z-index:0;background:repeating-linear-gradient(0deg,transparent 0 2px,rgba(255,255,255,.11) 3px 4px),repeating-linear-gradient(90deg,rgba(70,50,42,.10) 0 1px,transparent 2px 5px);transform:rotate(-6deg) scale(1.1);pointer-events:none}
.material-visual[data-mat="Твид"]:before{background:repeating-linear-gradient(44deg,rgba(60,49,42,.16) 0 2px,transparent 2px 6px),repeating-linear-gradient(-44deg,rgba(245,235,223,.3) 0 2px,transparent 2px 7px)}
.material-visual[data-mat="Плюш"]:before{background:radial-gradient(circle at 2px 3px,rgba(255,248,236,.2) 0 3px,transparent 6px);background-size:13px 11px}
.material-visual .material-description{z-index:1}
.material-visual.material-shift:before{animation:odTexture .44s var(--od-ease) both}
.material-visual.material-shift .material-description{animation:odProductArrive .35s var(--od-ease) both}
@keyframes odTexture{from{opacity:.4;transform:scale(1.08) rotate(-4deg)}to{opacity:1;transform:scale(1.1) rotate(-6deg)}}
.material-opt{transition:transform .36s var(--od-ease),background-color .36s,color .36s,border-color .36s}
.material-opt[aria-pressed="true"]{border-radius:25px;box-shadow:0 3px 10px rgba(0,0,0,.08);transform:scale(1.03)}
.material-opt:active{transform:scale(.96)}
.checkout-disabled{cursor:not-allowed;opacity:.56;box-shadow:none}
@media(prefers-reduced-motion:reduce){.material-visual.material-shift:before,.material-visual.material-shift .material-description{animation:none!important}}

/* ОБЕ ДВЕ v0.2.2 — editorial hover system, with per-effect server controls. */
:root{--od-hover-ease:cubic-bezier(.2,.75,.25,1)}
/* The product remains a normal one-tap link on touch devices. */
.od-flip-card .product-media{isolation:isolate}
.od-flip-inner{position:absolute;inset:0;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .68s cubic-bezier(.2,.7,.22,1)}
.od-flip-face{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.od-flip-front{z-index:1}
.od-flip-back{transform:rotateY(180deg);background:linear-gradient(135deg,#dfd5c9,#b5a390);color:#352c25}
.od-flip-face>img,.od-flip-face>.product-placeholder,.od-flip-reverse-photo>img,.od-flip-reverse-photo>.product-placeholder{display:block;width:100%;height:100%;object-fit:cover}
.od-flip-reverse-photo{position:absolute;inset:0}
.od-flip-reverse-photo:after{content:"Детали изделия";position:absolute;bottom:18px;left:18px;right:18px;padding:12px 15px;background:rgba(247,242,233,.87);font-size:12px;letter-spacing:.01em;backdrop-filter:blur(6px)}
.od-flip-reverse-text{display:flex;position:absolute;inset:0;flex-direction:column;justify-content:flex-end;gap:10px;padding:clamp(15px,2vw,34px)}
.od-flip-reverse-text small{position:absolute;top:20px;font-size:9px;letter-spacing:.14em}
.od-flip-reverse-text strong{font:normal clamp(24px,3vw,42px)/1.05 Georgia,serif;overflow-wrap:anywhere}
.od-flip-reverse-text>span{font-size:12px;line-height:1.45}
.od-flip-reverse-text .od-flip-view{border-top:1px solid rgba(53,44,37,.3);padding-top:14px;margin-top:8px;font-size:11px;font-weight:600}
/* A secondary image is framed, not requested until the flip is likely to be viewed. */
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  html[data-fx-flip="on"] .od-flip-card:hover .od-flip-inner,
  html[data-fx-flip="on"] .od-flip-card:focus-within .od-flip-inner{transform:rotateY(180deg)}
  html[data-fx-flip="on"] .od-flip-card:hover .product-media{filter:none}
  html[data-fx-flip="on"] .od-flip-card:focus-within .product-media{outline-offset:3px}
}
@media(hover:none),(pointer:coarse){.od-flip-back{display:none}.od-flip-inner{transform:none!important;transform-style:flat}}
@media(prefers-reduced-motion:reduce){.od-flip-inner{transition:none!important;transform:none!important}.od-flip-back{display:none}}
html[data-fx-flip="off"] .od-flip-inner{transform:none!important;transition:none!important}
html[data-fx-flip="off"] .od-flip-back{display:none}

/* Desktop cursor is an enhancement; the native cursor remains available. */
.od-cursor{position:fixed;left:0;top:0;width:28px;height:28px;margin:-14px 0 0 -14px;display:flex;align-items:center;justify-content:center;z-index:160;pointer-events:none;opacity:0;overflow:hidden;border:1px solid rgba(74,58,47,.72);background:rgba(245,240,232,.09);border-radius:50%;transform:translate3d(-200px,-200px,0);transition:width .22s var(--od-hover-ease),height .22s var(--od-hover-ease),margin .22s var(--od-hover-ease),background .22s ease,opacity .16s ease;will-change:transform}
.od-cursor-visible{opacity:1}
.od-cursor-view{width:92px;height:92px;margin:-46px 0 0 -46px;background:rgba(244,239,230,.93);border:1px solid #8b7565;box-shadow:0 4px 30px rgba(51,40,34,.08)}
.od-cursor-control{width:38px;height:38px;margin:-19px 0 0 -19px;background:rgba(172,152,132,.12)}
.od-cursor span{font-size:9px;letter-spacing:.11em;font-weight:700;white-space:nowrap;color:#4a392f}
@media(max-width:720px),(hover:none),(pointer:coarse){.od-cursor{display:none!important}}

/* Brand social link (only rendered when the actual account URL is entered). */
.od-social-link{display:inline-flex;gap:12px;align-items:center;justify-content:flex-start;min-height:54px;padding:12px 15px;border:1px solid rgba(255,255,255,.2);color:inherit;text-decoration:none;position:relative;isolation:isolate;overflow:hidden;margin:6px 0 12px;transition:border-color .3s var(--od-hover-ease),transform .3s var(--od-hover-ease)}
.od-social-link svg{width:25px;height:25px;flex-shrink:0;transition:transform .38s var(--od-hover-ease)}
.od-social-link span{font-size:12px;letter-spacing:.02em}
.od-social-arrow{margin-left:10px;opacity:.72;transition:transform .3s var(--od-hover-ease)}
.od-social-link::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,#916c63,#bd9386);transform:translateY(101%);transition:transform .42s var(--od-hover-ease);z-index:-1}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 html[data-fx-social="on"] .od-social-link:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.5)}
 html[data-fx-social="on"] .od-social-link:hover::before{transform:translateY(0)}
 html[data-fx-social="on"] .od-social-link:hover svg{transform:rotate(-9deg) scale(1.13)}
 html[data-fx-social="on"] .od-social-link:hover .od-social-arrow{transform:translate(3px,-3px)}
}
html[data-fx-social="off"] .od-social-link::before{display:none}

/* Elegant ink/gradient icon hover rather than colored emoji. */
.icon-button,.favorite-button,.cat-arrow,.link-arrow{isolation:isolate}
.icon-button:before,.favorite-button:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(circle at 20% 12%,#f4e5d5,#cbb3a3);opacity:0;transform:scale(.6);transition:opacity .31s ease,transform .36s var(--od-hover-ease)}
.icon-button svg,.favorite-button svg{position:relative;z-index:1;transition:transform .35s var(--od-hover-ease),stroke .35s ease}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 html[data-fx-gradient="on"] .icon-button:hover:before,html[data-fx-gradient="on"] .favorite-button:hover:before{opacity:1;transform:scale(1)}
 html[data-fx-gradient="on"] .icon-button:hover svg{transform:translateY(-2px) scale(1.05);stroke:#554437}
 html[data-fx-gradient="on"] .favorite-button:hover svg{transform:scale(1.1);stroke:#755244}
 html[data-fx-gradient="on"] .link-arrow:hover span{display:inline-block;transform:translate(3px,-3px)}
}
html[data-fx-gradient="off"] .icon-button:before,html[data-fx-gradient="off"] .favorite-button:before{display:none}

/* Slight editorial movement for photo-led collections; not for every catalog tile. */
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 html[data-fx-gallery="on"] .cat-tile{transition:filter .38s ease,transform .6s var(--od-hover-ease)}
 html[data-fx-gallery="on"] .cat-tile:hover{transform:translateY(-4px)}
 html[data-fx-gallery="on"] .cat-tile .cat-name{transition:transform .55s var(--od-hover-ease)}
 html[data-fx-gallery="on"] .cat-tile:hover .cat-name{transform:translateY(-8px)}
 html[data-fx-gallery="on"] .cat-tile .cat-arrow{transition:transform .43s var(--od-hover-ease)}
 html[data-fx-gallery="on"] .cat-tile:hover .cat-arrow{transform:translate(4px,-4px)}
 html[data-fx-gallery="on"] .feature-visual .photo-placeholder,html[data-fx-gallery="on"] .manifesto-image .photo-placeholder{transition:transform .85s var(--od-hover-ease)}
 html[data-fx-gallery="on"] .collection-feature:hover .feature-visual .photo-placeholder,
 html[data-fx-gallery="on"] .manifesto-image:hover .photo-placeholder{transform:scale(1.035)}
}
html[data-fx-gallery="off"] .cat-tile:hover{transform:none!important}
@media(prefers-reduced-motion:reduce){.od-social-link,.od-social-link::before,.od-social-link svg,.od-social-arrow,.icon-button svg,.favorite-button svg,.icon-button::before,.favorite-button::before,.cat-tile,.cat-tile .cat-name,.cat-arrow{transition:none!important;transform:none!important}}
/* Stack colored hover surfaces above the native button background, below icons. */
.icon-button::before,.favorite-button::before,.od-social-link::before{z-index:0}
.icon-button>svg,.favorite-button>svg,.od-social-link>svg,.od-social-link>span{position:relative;z-index:1}
.icon-button>.cart-count{z-index:2}

/* v0.3: compact account access on phones (icon + accessible label) */
@media(max-width:720px){.header-actions .account-toggle{display:grid!important;width:37px!important;min-width:37px!important}.header-actions .icon-button{width:37px;min-width:37px}.header-inner{grid-template-columns:minmax(115px,1fr) auto;padding:0 12px}.header-actions{gap:0}}
@media(max-width:370px){.header-actions .icon-button{width:34px!important;min-width:34px!important}.wordmark{font-size:23px}}

/* clear, visible account entry */
.header-actions .account-toggle{display:flex!important;gap:6px;align-items:center;width:auto;min-width:75px;padding:0 8px}.account-toggle .login-label{font-size:11px;font-weight:650;letter-spacing:.01em;white-space:nowrap}.account-toggle svg{flex:0 0 20px}
@media(max-width:720px){.header-actions .account-toggle{display:flex!important;width:67px!important;min-width:67px!important;padding:0 3px;gap:2px}.account-toggle .login-label{font-size:10px}.account-toggle svg{flex-basis:18px}}
@media(max-width:375px){.header-actions .account-toggle{width:35px!important;min-width:35px!important;justify-content:center}.account-toggle .login-label{display:none}}

/* v0.3.1: desktop cursor halo permanently removed; native pointer stays. */
.od-cursor{display:none!important}