/* ember.onee — typography and layout, October 2026 */
body{font-size:17px;line-height:1.65}
.announcement{font-size:12px;letter-spacing:.8px}
header{height:108px}
header .logo{font-size:43px;line-height:1.1;border:1px solid var(--brown);padding:12px 14px;letter-spacing:-2px}
.desktop{font-size:16px;gap:25px}
.tools{gap:19px}.tools button{min-width:36px;min-height:44px}.tools small{font-size:12px}
.hero{padding-top:35px;padding-bottom:45px;gap:7%}
.hero h1{font-size:clamp(78px,8vw,122px)}
.hero .intro{font-size:19px;max-width:350px;line-height:1.6}
.hero .primary{margin-top:28px;justify-content:center;font-size:17px;min-height:54px}
.hero-art{height:590px;overflow:hidden}
.hero-art img{height:100%;width:100%;object-fit:cover;object-position:center 67%}
.eyebrow{font-size:12px;letter-spacing:1.5px}
.primary,.outline,.text-link{font-size:16px}
.section-title>span{font-size:15px}
.filters button{font-size:15px;padding:10px 22px}
.product h3{font-size:17px;line-height:1.45;margin-top:16px}
.price{font-size:18px}.swatches{gap:9px;margin-top:13px}.swatch{font-size:12px}.swatch i{width:17px;height:17px}
.info-row{align-items:baseline;gap:22px;padding-top:20px}.info-row p{font-size:17px}.info-row span{font-size:15px}
.certificate p{font-size:17px;line-height:1.75}.fitting{align-items:center;gap:14px}.fitting svg{flex:0 0 24px;width:24px;height:24px}.fitting span{font-size:17px;line-height:1.55}
.installments small{font-size:14px}.gift-top span{font-size:9px}.gift-bottom{font-size:10px}
.review-list{margin-top:22px}.review p{font-size:17px}.review-actions{display:flex;gap:14px;align-items:center;margin-top:22px;flex-wrap:wrap}.review-actions .outline{padding:13px 24px}.review-actions button[hidden]{display:none}
.review .empty{padding:15px 0}.social-links a{display:flex!important;align-items:center;gap:22px;max-width:220px;font-size:17px!important;padding:7px 0}.social-links svg{width:16px;height:16px;margin-left:auto}
footer p,footer a:not(.logo),footer .text-link{font-size:16px}footer h3{font-size:19px}.footer-bottom{font-size:13px}
.detail label,.detail details{font-size:16px}.detail .choices button{font-size:16px;min-height:44px}.detail .swatch{font-size:15px}
.measurements{font-size:15px;min-height:96px}.detail .demo-note{font-size:13px}.detail h2{font-size:38px}
.cart-row h3{font-size:17px}.cart-row p{font-size:15px}.notice,form label{font-size:15px}.menu-brand{font:30px Georgia,serif;color:var(--brown);letter-spacing:-1px;margin:0 0 30px}
dialog.menu-drawer{width:60vw;max-width:780px;padding:80px 6vw 40px;border-left:1px solid var(--line)}
.menu-drawer .menu-links a{font:400 22px/1.4 Arial,sans-serif;letter-spacing:-.4px;padding:21px 0;border-color:#ded5c8}
.menu-drawer .menu-links a:hover{color:var(--brown);padding-left:7px}
.menu-drawer .close{font:300 32px/1 Arial,sans-serif;right:18px;top:18px;width:42px;height:42px;border:1px solid var(--line);border-radius:50%}
.image-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px}.image-previews figure{margin:0;border:1px solid var(--line);padding:8px;min-width:0}.image-previews img{width:100%;height:170px;object-fit:cover;display:block}.image-previews figcaption{font-size:14px;padding:7px 0}.image-previews button{font-size:12px;text-decoration:underline;padding:7px 4px}.image-previews .error{font-size:13px;overflow-wrap:anywhere}.admin-product-photos{display:flex;gap:10px;overflow:auto;margin-bottom:15px}.admin-product-photos img{height:95px;width:72px;object-fit:cover;flex-shrink:0}.admin-shell form label{font-size:15px}
@media(max-width:900px){.hero-art{height:500px}.hero h1{font-size:78px}.hero .intro{font-size:18px}.desktop{display:none}}
@media(max-width:600px){
 body{font-size:18px;line-height:1.65}.announcement{font-size:10px;letter-spacing:0;padding:7px 4px}
 header{height:87px;padding:0 4%;gap:10px}header .logo{font-size:34px;padding:9px 10px;letter-spacing:-1.8px;white-space:nowrap}.tools{gap:5px}.tools button{min-width:30px;padding:2px;font-size:28px}.tools small{font-size:11px}.tools svg{width:23px}
 .hero{display:flex;flex-direction:column;align-items:stretch;padding:29px 5% 32px;gap:25px}.hero>div:first-child{padding:0}.hero h1{font-size:clamp(62px,17vw,88px);line-height:1;letter-spacing:-3px;margin-bottom:20px}.hero h1 br{display:none}.hero h1 em{white-space:nowrap}.hero .intro{font-size:20px;max-width:340px;margin:0 0 22px}.hero .primary{margin:0;max-width:none;width:100%;font-size:18px;min-height:53px;padding:12px 20px}.hero-art{height:440px;width:100%}.hero-art img{height:100%;object-position:center 66%}
 .section{padding:45px 5%}.section-title{gap:12px}.section-title h2{font-size:36px;letter-spacing:-1.4px}.section-title>span{font-size:14px;padding-top:4px}.eyebrow{font-size:13px;letter-spacing:.9px}.filters button{font-size:16px;padding:10px 19px}.filters{padding-top:18px;padding-bottom:26px}
 .grid{gap:28px 12px}.product h3{font-size:18px;line-height:1.35}.price{font-size:19px}.swatch{font-size:13px}.swatches{gap:8px}.swatch i{width:16px;height:16px}.heart{width:38px;height:38px;font-size:27px}
 .delivery p,.info-row p,.certificate p{font-size:18px}.info-row span{font-size:16px}.fitting span{font-size:18px}.fitting svg{width:23px;height:23px;flex-basis:23px}.fitting{align-items:center;gap:12px}.text-link,.primary,.outline{font-size:18px}.installments small{font-size:15px}
 .review-list{gap:15px}.review p{font-size:18px}.review-actions{display:grid;grid-template-columns:1fr;margin-top:20px}.review-actions .outline{font-size:18px;padding:13px 20px;width:100%}.empty{padding:16px 0;font-size:18px}
 footer{grid-template-columns:1fr;gap:28px}footer p,footer a:not(.logo),footer .text-link{font-size:18px}footer h3{font-size:20px}.social-links a{font-size:18px!important}.footer-bottom{font-size:14px}
 .detail h2{font-size:35px}.detail label,.detail details{font-size:18px}.detail .choices button{font-size:18px}.detail .swatch{font-size:17px}.measurements{font-size:17px;min-height:114px}.detail .demo-note{font-size:15px}.cart-row h3{font-size:18px}.cart-row p{font-size:16px}.notice,form label{font-size:17px}input,select,textarea{font-size:18px}
 dialog.menu-drawer{width:60vw;max-width:none;padding:72px 17px 25px}.menu-brand{font-size:25px;letter-spacing:-1px;margin-bottom:22px}.menu-drawer .menu-links a{font-size:18px;letter-spacing:-.2px;padding:17px 0;overflow-wrap:break-word}.menu-drawer .close{width:34px;height:34px;font-size:27px;right:12px;top:15px}
 .image-previews{grid-template-columns:repeat(2,minmax(0,1fr))}.image-previews img{height:150px}.admin-shell .logo{font-size:29px}.admin-top .text-link{font-size:13px}
}
@media(max-width:350px){header .logo{font-size:29px;padding:9px 7px}.tools{gap:2px}.tools button{min-width:27px}.hero-art{height:390px}.section-title h2{font-size:31px}.menu-drawer .menu-links a{font-size:17px}.menu-brand{font-size:23px}}

/* Required v3 changes, independent of the optional design layer. */
.search-label{display:block;font-size:16px;margin-bottom:10px}.search-field{display:flex;gap:10px;align-items:stretch}.search-field input{min-width:0}.search-field button{border:1px solid var(--line);padding:10px 14px;font-size:14px}.search-results{grid-template-columns:repeat(3,minmax(0,1fr))}.search-results .product h3{font-size:17px}.fitting strong{font-weight:600}.hero .intro{font-size:32px;line-height:1.35;max-width:430px}
@media(max-width:600px){header{padding:0 3%;gap:5px}header .logo{font-size:31px;padding:9px 8px}.tools{gap:3px}.tools button{min-width:29px}.tools small{font-size:10px}.hero .intro{font-size:28px;max-width:100%}.search-results{grid-template-columns:repeat(2,minmax(0,1fr))}.search-label{font-size:17px}.search-field{gap:6px}.search-field button{font-size:13px;padding:8px}.search-results .product h3{font-size:18px}}
@media(max-width:350px){header .logo{font-size:26px;padding:9px 6px}.tools{gap:1px}.tools button{min-width:27px}.tools svg{width:21px}}

/* v4: classic design, photo-only opening. */
.hero{display:block;padding:24px 5% 35px;max-width:1500px;margin:auto}
.hero>.hero-art:first-child{padding:0;margin:auto;width:min(100%,760px);height:620px}
.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center 60%}
@media(max-width:600px){.hero{padding:18px 5% 28px}.hero>.hero-art:first-child{width:100%;height:480px}.hero-art img{object-position:center 63%}}
@media(max-width:350px){.hero>.hero-art:first-child{height:420px}}

/* v6: confirmation inside the modal top layer, and home-image editor. */
#addCart.added{background:#526246;border-color:#526246;color:#fff}
.cart-confirmation{font-size:16px;color:#405337;min-height:26px;margin:12px 0 0}
#modalToast{position:sticky;bottom:0;z-index:5;background:#352e29;color:#fff;padding:12px 18px;font-size:16px;opacity:0;pointer-events:none;text-align:center;box-shadow:0 3px 14px #0002}
#modalToast.visible{opacity:1}
.hero-preview{display:block;width:min(100%,300px);max-height:380px;object-fit:contain;background:#efe9df;margin:20px 0}

/* Checkout and menu finishing touches. */
#modal .order-telegram-note{margin-top:16px}
#modal .menu-brand{display:table;border:1px solid var(--brown);padding:10px 12px;max-width:100%;box-sizing:border-box}