@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Manrope:wght@400;500;600&display=swap');
:root{--paper:#f6f2eb;--ink:#30271f;--brown:#6e4230;--muted:#837970;--line:#dcd4c9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:13px/1.7 'Manrope',Arial,sans-serif}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}button,a,input,summary,textarea{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #a77950;outline-offset:5px}button{border:0;background:none}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.3}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;line-height:1.05}h2{font-size:47px}h3{font-size:27px}.announcement{background:#382a21;color:#e7d9c8;text-align:center;font-size:10px;letter-spacing:1.5px;padding:7px 15px}header{display:flex;align-items:center;justify-content:space-between;padding:21px 5.5%;gap:28px;background:var(--paper);border-bottom:1px solid var(--line)}.logo{font-family:Georgia,serif;letter-spacing:9px;font-size:34px;line-height:1;display:inline-block}.logo small{font-family:'Manrope',sans-serif;display:block;font-size:7px;letter-spacing:3px;margin-top:10px}nav{display:flex;gap:34px}nav a{font-size:12px}nav a:hover,.text-link:hover{color:#a97953}.header-actions{display:flex;gap:22px;align-items:center}.icon{padding:4px;display:flex;align-items:center}.bag-button{gap:8px}.bag-button span{font-size:10px}.menu{display:none}.hero{min-height:610px;height:calc(100vh - 150px);max-height:790px;position:relative;color:#fff9f0;background:#4a3425 url('assets/hero.png') center 54%/cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,17,11,.74),rgba(24,17,11,.3) 45%,transparent 75%)}.hero-copy{position:relative;padding:105px 7% 90px}.eyebrow{font-size:9px;letter-spacing:2.6px;font-weight:500;margin-bottom:17px;color:var(--brown)}.eyebrow.light{color:#e0c7b0}.hero h1{font-size:clamp(68px,6.5vw,104px);letter-spacing:-2px}.hero-description{color:#e0d8d0;margin:28px 0 35px;font-size:13px;line-height:1.9}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:50px;padding:16px 24px;font-size:11px;letter-spacing:.6px;transition:background .2s}.button span{font-size:22px;line-height:1}.light-button{border:1px solid #ceaa87;background:rgba(87,48,29,.42)}.light-button:hover{background:#71472f}.dark-button{background:var(--brown);color:white}.dark-button:hover{background:#482a1f}.hero-bottom{position:absolute;bottom:26px;left:7%;right:7%;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:2px;color:#decfbd}.hero-bottom a{font-size:22px}.section{padding:72px 6.5%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.text-link{display:inline-flex;align-items:center;gap:30px;font-size:11px;border-bottom:1px solid #a78e77;padding:0 0 7px}.text-link span{font-size:21px}.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.category{position:relative;aspect-ratio:4/5;overflow:hidden;display:block;background:#c9b6a1;padding:0;text-align:left}.photo{background-image:url('assets/products.png');background-size:300% 200%;background-repeat:no-repeat}.p0{background-position:0 0}.p1{background-position:50% 0}.p2{background-position:100% 0}.p3{background-position:0 100%}.p4{background-position:50% 100%}.p5{background-position:100% 100%}.category .photo{position:absolute;inset:0;transition:transform .6s;aspect-ratio:1}.category:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(30,18,10,.73))}.category:hover .photo{transform:scale(1.045)}.category-label{position:absolute;bottom:18px;left:18px;right:18px;display:flex;justify-content:space-between;color:white;font:23px 'Cormorant Garamond',Georgia,serif;z-index:1}.catalog{padding-top:10px}.quiet{color:var(--muted);font-size:11px}.collection-note{text-align:right}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.filters{display:flex;gap:30px}.filters button{padding:15px 0;font-size:11px;color:var(--muted);border-bottom:2px solid transparent}.filters button.active{color:var(--ink);border-color:var(--brown)}.search{display:flex;align-items:center;gap:10px}.search svg{width:17px}.search input{background:none;border:0;outline:none;font-size:11px;width:145px;padding:10px 0}.demo-note{color:var(--muted);font-size:10px;margin:16px 0 25px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.product-image{width:100%;aspect-ratio:1;border:0;position:relative;display:block;cursor:pointer;overflow:hidden}.product-image .photo{position:absolute;inset:0;transition:transform .5s}.product-image:hover .photo{transform:scale(1.04)}.product-tag{position:absolute;top:14px;left:14px;background:var(--paper);font-size:8px;letter-spacing:1px;padding:4px 9px}.product-meta{position:relative;padding:17px 40px 0 0}.product-title{font:23px 'Cormorant Garamond',Georgia,serif;padding:0;text-align:left}.product-meta p{font-size:10px;color:var(--muted);margin:4px 0 13px}.price{font-size:11px}.add{position:absolute;right:0;bottom:0;width:30px;height:30px;border:1px solid var(--line);display:grid;place-items:center;font-size:20px}.add:hover{background:var(--brown);color:white}.atelier{display:grid;grid-template-columns:1fr 1fr;margin-top:10px;background:#eae1d5}.atelier-image{min-height:520px;aspect-ratio:1}.atelier-copy{align-self:center;padding:65px 14% 65px 12%}.atelier-copy h2{font-size:54px;margin-bottom:27px}.atelier-copy>p:not(.eyebrow){font-size:12px;color:#786b5e;line-height:1.95;margin-bottom:15px}.atelier-copy .text-link{margin-top:15px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;border-bottom:1px solid var(--line)}.value-icon{display:block;font-size:40px;color:var(--brown);height:60px;line-height:1}.values .eyebrow{font-size:8px;margin-top:20px}.values h3{margin-bottom:15px}.values article>p:last-child{font-size:11px;color:var(--muted);max-width:280px}.custom{text-align:center;padding-top:85px;padding-bottom:85px;background:radial-gradient(ellipse at center,#e9ded0,transparent 70%)}.custom h2{font-size:61px}.custom>p:not(.eyebrow){color:var(--muted);font-size:12px;margin:22px 0 28px}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:70px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:20px 0;display:flex;align-items:center;justify-content:space-between;font-size:12px}summary::-webkit-details-marker{display:none}summary span{font-size:22px;color:var(--brown)}details[open] summary span{transform:rotate(45deg)}details p{padding-bottom:20px;color:var(--muted);font-size:12px}footer{background:#2d241d;color:#d8cbbb;padding:60px 6.5% 20px}.footer-top{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.3fr;gap:35px}.footer-top .logo{color:#f5ecde}.footer-top .eyebrow{font-size:8px;color:#c8ad92}.footer-top p:not(.eyebrow){font-size:11px;margin-top:20px;line-height:1.9;color:#b7a99a}.footer-top a:not(.logo),.footer-link{display:block;font-size:11px;margin:7px 0;padding:0;text-align:left}.footer-top .text-link{color:#d8cbbb;margin-top:20px;display:flex}.footer-bottom{border-top:1px solid #564334;margin-top:45px;padding-top:18px;display:flex;justify-content:space-between;font-size:9px;color:#a69280}.mobile-only{display:none}dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:48px;width:min(660px,92vw);max-height:90vh;overflow:auto}dialog::backdrop{background:rgba(22,15,10,.6);backdrop-filter:blur(4px)}dialog .close{position:absolute;top:13px;right:18px;font-size:30px;line-height:1;z-index:2}dialog h2{font-size:40px;margin-bottom:22px}#info-dialog>p:not(.eyebrow){color:var(--muted);margin-bottom:25px}.detail-photo{aspect-ratio:1;margin:-48px -48px 30px}#product-detail p{color:var(--muted);margin-bottom:22px}#product-detail .button{width:100%;margin-top:12px}.cart-dialog{margin:0 0 0 auto;min-height:100vh;max-height:100vh;width:min(510px,100vw);border:0;padding:50px 35px}.cart-dialog h2 span{font:12px 'Manrope',Arial,sans-serif;color:var(--muted)}.cart-item{display:grid;grid-template-columns:80px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.cart-item .photo{width:80px;height:80px}.cart-item h3{font-size:23px}.cart-item p{font-size:10px;color:var(--muted)}.quantity{display:flex;align-items:center;gap:15px;margin-top:10px;font-size:12px}.quantity button{padding:0 6px}.quantity .remove{margin-left:auto;font-size:9px;color:var(--muted);text-decoration:underline}#cart-order{margin-top:30px}#cart-order label{font-size:11px}textarea{width:100%;min-height:90px;padding:12px;background:transparent;border:1px solid var(--line);resize:vertical;margin:8px 0 15px}#cart-order .button{width:100%;margin-top:20px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);background:#382a21;color:#fff;padding:14px 25px;opacity:0;pointer-events:none;transition:.25s;z-index:10;font-size:12px;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}.no-results{padding:35px 0}
@media(min-width:1500px){.section,footer{padding-left:max(6.5%,calc((100vw - 1400px)/2));padding-right:max(6.5%,calc((100vw - 1400px)/2))}}@media(max-width:1000px){nav{gap:20px}.hero{min-height:570px;height:650px}.hero-copy{padding-top:100px}.category-grid{gap:10px}.category-label{left:12px;right:12px;font-size:20px}.product-grid{gap:16px}.atelier-image{min-height:460px}.atelier-copy{padding:40px 10%}.atelier-copy h2{font-size:44px}.values{gap:30px}.footer-top{gap:20px}.filters{gap:20px}.search input{width:115px}}@media(max-width:700px){.announcement{font-size:8px;letter-spacing:1px}header{padding:20px 6%;position:relative}.logo{font-size:28px;letter-spacing:7px}.logo small{font-size:6px;letter-spacing:2px}.header-actions{gap:14px}.menu{display:block}nav{display:none;position:absolute;top:100%;left:0;right:0;padding:25px 6%;background:var(--paper);z-index:5;box-shadow:0 10px 10px #0001}nav.open{display:flex;flex-direction:column;gap:18px}.hero{height:680px;min-height:0;background-position:60% center}.hero-shade{background:linear-gradient(90deg,#18110bbd,transparent 110%),linear-gradient(0deg,#18110b66,transparent 60%)}.hero-copy{padding:74px 7% 90px}.hero h1{font-size:70px}.hero .eyebrow{font-size:8px;letter-spacing:1.7px}.hero-description{font-size:11px;max-width:280px}.hero-bottom{font-size:7px;letter-spacing:1px}.hero-bottom span:last-child{display:none}.section{padding:48px 6%}h2{font-size:37px}.eyebrow{font-size:8px;letter-spacing:1.8px}.section-heading{gap:15px}.section-heading .text-link{font-size:9px;gap:10px;white-space:nowrap}.category-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:-6vw;padding-right:6vw;padding-bottom:8px;gap:12px}.category{min-width:44%;scroll-snap-align:start}.category-label{font-size:24px}.catalog{padding-top:12px}.collection-note{display:none}.catalog-toolbar{flex-direction:column;align-items:stretch;gap:5px}.filters{justify-content:space-between;gap:12px;overflow:auto}.filters button{white-space:nowrap;font-size:10px}.search input{width:100%}.product-grid{grid-template-columns:repeat(2,1fr);gap:28px 13px}.product-title{font-size:21px}.product-meta{padding-right:25px}.product-meta p{font-size:9px;line-height:1.5}.add{width:25px;height:25px}.price{font-size:10px}.demo-note{font-size:9px}.atelier{grid-template-columns:1fr}.atelier-image{min-height:0;width:100%;aspect-ratio:1}.atelier-copy{padding:45px 7%}.atelier-copy h2{font-size:45px}.values{grid-template-columns:1fr;gap:35px}.values article{position:relative;padding-left:65px}.value-icon{position:absolute;left:0;top:10px}.values .eyebrow{margin-top:0}.values article>p:last-child{max-width:none}.custom h2{font-size:48px}.custom>p:not(.eyebrow){font-size:11px}.faq{grid-template-columns:1fr;gap:20px}.footer-top{grid-template-columns:1fr 1fr;gap:35px 20px}.footer-top>div:first-child{grid-column:1/-1}.footer-top>div:last-child{grid-column:1/-1}.footer-bottom{gap:20px;font-size:8px}.footer-bottom span:last-child{display:none}.mobile-only{display:block}dialog{padding:35px 25px}.detail-photo{margin:-35px -25px 25px}.cart-dialog{padding:50px 25px}.product-image{aspect-ratio:1}}

/* Фотографии мастерской MRER */
.hero{background-image:url('assets/collection/photo-27.jpg');background-position:center 50%}.hero-shade{background:linear-gradient(90deg,rgba(14,16,17,.92),rgba(14,16,17,.6) 40%,rgba(14,16,17,.05) 72%)}.real-photo{background-size:cover;background-position:center;background-repeat:no-repeat}.category .real-photo{aspect-ratio:auto}.category{aspect-ratio:1/1.15}.product-image .real-photo{background-size:contain;background-color:#161b1d}.detail-photo.real-photo{aspect-ratio:3/2;background-size:contain;background-color:#161b1d}.gallery-thumbs{display:flex;gap:9px;margin:-12px 0 25px;flex-wrap:wrap}.gallery-thumb{padding:2px;border:1px solid transparent;width:64px;height:49px}.gallery-thumb.selected{border-color:var(--brown)}.gallery-thumb .photo{width:100%;height:100%}.filters{gap:24px}.filters button{white-space:nowrap}.catalog-toolbar{flex-wrap:wrap}.category-label{font-size:21px}.product-meta{min-height:120px;padding-bottom:3px}.add{bottom:3px}.atelier-image.real-photo{background-position:45% center}body{overflow-x:clip}@media(max-width:700px){.hero{background-position:57% center}.hero-shade{background:linear-gradient(90deg,#0e1011c9,#0e101140),linear-gradient(0deg,#0e101150,transparent)}.filters{justify-content:flex-start;gap:23px;padding-bottom:2px}.filters::-webkit-scrollbar{height:3px}.filters::-webkit-scrollbar-thumb{background:#cdbda9}.filters button{font-size:10px}.category-label{font-size:21px}.section-heading:has(+.category-grid){align-items:start;flex-wrap:wrap}.section-heading:has(+.category-grid) h2{font-size:35px}.section-heading:has(+.category-grid) .mobile-only{display:none}.section-heading:has(+.category-grid) .text-link{margin-top:5px}.detail-photo.real-photo{aspect-ratio:1}.product-title{font-size:20px}.product-meta{padding-right:0;padding-bottom:38px;min-height:144px}.add{right:0;bottom:0;width:30px;height:30px}}
