:root {
  color-scheme: light;
  --ink:#192921; --muted:#5d6b61; --forest:#173b2e; --deep:#102b21;
  --jade:#287255; --sage:#e9efe7; --paper:#f7f8f4; --white:#fff; --line:#dfe5dc;
  --sans:"Inter","Avenir Next",Arial,sans-serif; --serif:Georgia,"Times New Roman",serif;
  font-family:var(--sans); color:var(--ink); background:var(--paper);
}
* { box-sizing:border-box }
body { margin:0; min-width:320px }
a { color:inherit; text-decoration:none }
button,input,select,textarea { font:inherit }
button { cursor:pointer }
button:disabled { opacity:.47; cursor:not-allowed }
:focus-visible { outline:2px solid #3d936b; outline-offset:3px }
[hidden] { display:none !important }
p { line-height:1.58 }
img,video { max-width:100%; display:block }
svg { flex:none; vertical-align:middle }
h1,h2,h3,p { margin-top:0 }
h2 { font-family:var(--serif); font-weight:500; font-size:35px; letter-spacing:-.035em; line-height:1.09 }
.frame { width:min(100% - 96px,1336px); margin-inline:auto }
.utility { background:#112d23; color:#e1ebe2; font-size:11px; letter-spacing:.015em }
.utility-inner,.utility-inner>span,.utility-inner>div { display:flex; align-items:center; gap:8px }
.utility-inner { min-height:32px; justify-content:space-between }
.utility-inner>div { gap:24px }
.utility a:hover { color:white }
.utility .language { border-left:1px solid #476255; padding-left:20px; font-weight:650 }
.site-head { background:#fff; border-bottom:1px solid var(--line) }
.masthead { min-height:78px; display:grid; grid-template-columns:244px minmax(180px,1fr) 182px auto; align-items:center; column-gap:30px }
.brand { display:inline-flex; align-items:center; gap:11px; width:fit-content; color:var(--deep); white-space:nowrap; font-size:17px; font-weight:760; letter-spacing:.035em }
.brand b { color:#377859; font-weight:760 }
.brand small { display:block; font-size:8px; font-weight:650; letter-spacing:.225em; color:#607468; margin-top:5px }
.brand-mark { display:grid; place-items:center; width:44px; height:44px; color:#dce9dd; background:#064b34; border-radius:10px }
.brand-mark img { width:38px; height:auto }
.search { display:flex; gap:11px; align-items:center; background:#f5f7f3; border:1px solid #e2e7df; border-radius:7px; padding:0 5px 0 14px; color:var(--muted); min-height:45px }
.search:focus-within { border-color:#73a189 }
.search input { outline:none; border:0; background:transparent; padding:11px 0; min-width:0; flex:1; color:var(--ink); font-size:13px }
.search button { background:#e5ebe3; color:var(--forest); border:0; border-radius:4px; padding:8px 14px; font-size:12px; font-weight:650 }
.search button:hover { background:#d6e5d7 }
.head-phone { display:flex; align-items:center; gap:9px; white-space:nowrap; color:var(--forest) }
.head-phone strong { display:block; font-size:15px }
.head-phone small { display:block; font-size:11px; font-weight:500; color:var(--muted); margin-top:3px }
.cart-button { border:1px solid var(--line); background:#fff; color:var(--forest); display:flex; gap:9px; align-items:center; padding:9px 11px; border-radius:7px; font-size:13px; font-weight:650 }
.cart-button b { display:grid; place-items:center; color:#fff; background:var(--jade); border-radius:50px; min-width:21px; height:21px; font-size:10px; padding:0 4px }
.nav-shell { border-top:1px solid #ebeee9 }
.nav { display:flex; align-items:stretch; gap:28px; min-height:46px }
.nav-catalog { display:flex; width:244px; flex:none; align-items:center; gap:12px; background:#1c4836 url('/media/jade-veins.webp') center/cover; background-blend-mode:multiply; color:white; padding:0 17px; border-radius:6px 6px 0 0; font-weight:680; font-size:14px }
.nav-catalog svg:last-child { margin-left:auto }
.nav-links { display:flex; justify-content:space-between; align-items:stretch; gap:20px; flex:1; max-width:830px }
.nav-links a { display:grid; place-items:center; font-size:13px; font-weight:620; white-space:nowrap; color:#33493d }
.nav-links a:hover,.nav-links a[aria-current] { color:var(--jade); text-decoration:underline; text-underline-offset:5px }
.mobile-menu { display:none }
.shop-layout { display:grid; grid-template-columns:244px minmax(0,1fr); gap:28px; align-items:start; padding-top:21px; padding-bottom:64px }
.sidebar { position:sticky; top:18px; align-self:start }
.categories { border:1px solid var(--line); background:white; border-radius:8px; overflow:hidden }
.categories a { min-height:56px; display:flex; align-items:center; gap:10px; padding:0 14px; font-size:13px; font-weight:650; border-bottom:1px solid #eaeee9 }
.categories a:last-child { border:0 }
.categories a svg:first-child { color:#396e54 }
.categories a span { flex:1 }
.categories a svg:last-child { margin-left:auto; color:#61786a }
.categories a:hover,.categories a.selected { background:#edf3eb; color:var(--jade) }
.categories .all-catalog { min-height:49px; color:#276246; font-size:12px; font-weight:650 }
.side-wholesale { padding:21px 17px 18px; margin-top:18px; background:#e9f0e7; border:1px solid #dfe9dd; border-radius:8px; color:#244c38 }
.side-wholesale h3 { margin:11px 0 7px; font-size:14px }
.side-wholesale p { margin:0 0 14px; font-size:12px; color:#486354 }
.side-wholesale a,.text-link { display:inline-flex; align-items:center; gap:7px; color:#27684b; font-size:13px; font-weight:690 }
.side-wholesale a:hover,.text-link:hover { text-decoration:underline; text-underline-offset:4px }
.hero { height:clamp(345px,27.5vw,409px); min-height:345px; border-radius:9px; overflow:hidden; background:var(--deep); color:white; position:relative }
.hero-slide,.hero-image { position:absolute; inset:0; width:100%; height:100% }
.hero-image { object-fit:cover; object-position:center 49% }
.hero-polished .hero-image { object-position:center 55%; }
.hero-slide::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(8,30,21,.90),rgba(8,30,21,.65) 36%,rgba(8,30,21,.12) 81%),linear-gradient(0deg,#0a231b55,transparent 35%) }
.hero-polished::after { background:linear-gradient(90deg,#102c24f7,#102c24aa 52%,#102c2420) }
.hero-copy { position:relative; z-index:1; margin:clamp(30px,3.45vw,53px) clamp(24px,4vw,57px); width:min(560px,80%) }
.hero-kicker { display:flex; align-items:center; gap:9px; color:#d4e5d6; font-size:10px; letter-spacing:.145em; font-weight:700; margin-bottom:17px }
.hero-kicker i { width:6px; height:6px; border-radius:50%; background:#91bc99 }
.hero-copy h1,.hero-copy h2 { color:#fff; font:500 clamp(43px,4.6vw,70px)/.99 var(--serif); letter-spacing:-.045em; margin:0 0 16px }
.hero-copy p { font-size:14px; color:#edf3eb; max-width:350px; line-height:1.57; margin-bottom:21px }
.button { min-height:40px; border:1px solid transparent; border-radius:6px; background:var(--forest); color:#fff; padding:9px 14px; display:inline-flex; align-items:center; justify-content:center; gap:9px; width:fit-content; font-size:13px; font-weight:690; line-height:1.25 }
.button:hover { background:#286147 }
.button.secondary { background:#f1f6ef; border-color:#d8e3d8; color:var(--forest) }
.button.secondary:hover { background:#e3efe3 }
.button.hero-button { background:#eef3ea; color:#193c2d; padding:12px 16px; min-height:43px }
.button.hero-button:hover { background:#d7ead6 }
.slide-controls { position:absolute; inset:auto 22px 18px 0; z-index:2; display:flex; align-items:center; justify-content:space-between; pointer-events:none }
.slide-controls button { pointer-events:auto }
.dots { display:flex; align-items:center; gap:8px; margin-left:clamp(24px,4vw,57px) }
.dots button { width:8px; height:8px; border:0; padding:0; border-radius:50%; background:#dbece288 }
.dots button[aria-pressed="true"] { width:20px; border-radius:20px; background:#f5f9f5 }
.slide-arrows { display:flex; gap:7px }
.slide-arrows button { border:1px solid #e2ece77d; color:#fff; background:#15332770; border-radius:5px; width:34px; height:34px }
.slide-arrows button:hover { background:#123127 }
.benefits { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:13px; background:#edf2e9; border:1px solid #e2eae0; border-radius:7px; color:#2a503d }
.benefits>div { display:flex; align-items:center; gap:10px; padding:14px 12px; border-right:1px solid #dce7dc }
.benefits>div:last-child { border-right:0 }
.benefits strong,.benefits small { display:block }
.benefits strong { font-size:12px; margin-bottom:4px; line-height:1.15 }
.benefits small { color:#54685b; font-size:10px; line-height:1.3 }
.featured { margin-top:26px }
.section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:15px; margin-bottom:16px }
.section-head h2 { margin:0 0 6px; font-size:37px }
.section-head p { margin:0; font-size:13px; color:var(--muted) }
.section-head .text-link { padding-bottom:3px; white-space:nowrap }
.products { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px }
.product { display:flex; flex-direction:column; background:white; border:1px solid var(--line); border-radius:8px; overflow:hidden; min-width:0 }
.product:hover { border-color:#aac5b3; box-shadow:0 4px 18px #162c2110 }
.product-photo { display:block; background:#e8e8e0; aspect-ratio:1.2; overflow:hidden; position:relative }
.product-photo img { width:100%; height:100%; object-fit:cover; transition:transform .25s ease }
.product:hover .product-photo img { transform:scale(1.035) }
.stone-placeholder { display:grid; place-items:center; height:100%; min-height:130px; background:linear-gradient(145deg,#e8eee7,#d1dfd1); color:#638771 }
.badge { position:absolute; top:9px; left:9px; background:#dcebdd; color:#27543e; border-radius:4px; padding:5px 8px; font-size:10px; font-weight:750 }
.product-body { display:flex; flex-direction:column; flex:1; padding:13px 12px 12px }
.product-meta { font-size:10px; color:var(--muted); line-height:1.3; font-weight:650 }
.product-meta span { margin:0 6px }
.product-name { font-size:14px; font-weight:720; line-height:1.25; margin:6px 0 13px }
.product-name:hover { color:var(--jade) }
.product-bottom { display:flex; justify-content:space-between; gap:5px; align-items:center; margin-top:auto }
.product-bottom strong { font-size:17px; color:#203e30; white-space:nowrap }
.product-bottom small,.quote-label { font-size:10px; color:var(--muted) }
.product-add { border:0; border-radius:5px; width:33px; height:33px; background:#e7efe6; color:#2b6045; display:grid; place-items:center; flex:none }
.product-add:hover { background:var(--forest); color:white }
.origin-banner { background:linear-gradient(90deg,#142b20f0,#16342866),url('/media/sayans.webp') center 58%/cover; color:white; margin-top:36px; border-radius:9px; padding:37px 30px }
.origin-banner h2 { margin-bottom:10px }
.origin-banner p { max-width:370px; color:#e5ece4; font-size:14px }
.faq { margin-top:37px; max-width:850px }
.faq h2 { margin-bottom:15px }
details { border-top:1px solid var(--line) }
details:last-child { border-bottom:1px solid var(--line) }
summary { list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:15px 0; font-weight:650 }
summary::-webkit-details-marker { display:none }
details p { color:var(--muted); font-size:14px }
details[open] summary svg { transform:rotate(45deg) }
.site-footer { background:#122d23; color:#e2ece4; margin-top:8px; font-size:13px }
.footer-main { display:grid; grid-template-columns:1.25fr 1fr 1fr 1fr; gap:25px; padding-block:35px 25px }
.site-footer .brand,.site-footer .brand b,.site-footer .brand small { color:white }
.site-footer a:not(.brand) { display:block; margin:0 0 8px; color:#d4e4d8 }
.site-footer a:hover { text-decoration:underline }
.footer-main strong { display:block; margin-bottom:12px }
.footer-main p { color:#b1c6b8; margin:10px 0 }
.footer-bottom { border-top:1px solid #355044; display:flex; gap:20px; justify-content:space-between; padding-block:16px; font-size:11px; color:#c0d1c5 }
.footer-bottom a:not(.brand) { margin:0 }
.inner-page { padding-block:25px 60px; min-height:58vh }
.crumb { display:flex; align-items:center; gap:6px; margin:0 0 15px; font-size:12px; color:var(--muted) }
.crumb a:hover { color:var(--jade) }
.page-title { font:500 clamp(36px,4.5vw,60px)/1.03 var(--serif); letter-spacing:-.043em; margin:0 0 20px }
.filter-bar { display:flex; flex-wrap:wrap; gap:10px; align-items:flex-end; padding:13px; border:1px solid var(--line); background:white; border-radius:8px }
.filter-bar input[type=number] { width:88px }
.filter-bar .checkline { align-self:center; margin:9px }
.filter-bar .text-link { padding:0 4px 11px }
.results,.mode-note { color:var(--muted); font-size:13px; margin:15px 0 }
.empty { padding:20px; border:1px dashed var(--line); color:var(--muted); border-radius:6px }
.detail-layout { display:grid; grid-template-columns:minmax(280px,1fr) minmax(270px,.95fr); gap:clamp(24px,5vw,70px) }
.gallery { min-width:0 }
.gallery>img,.gallery>.stone-placeholder { width:100%; max-height:610px; object-fit:cover; aspect-ratio:1.17; border-radius:9px }
.gallery video,.panel video,.prose video { margin-top:14px; width:100%; border-radius:8px }
.detail-copy>.product-meta { margin:12px 0 11px; text-transform:uppercase; letter-spacing:.12em }
.detail-copy p { color:var(--muted); max-width:570px }
.variant-label { max-width:360px; margin:19px 0 }
.spec { display:grid; grid-template-columns:minmax(95px,auto) minmax(0,1fr); gap:10px 18px; margin:20px 0; font-size:13px }
.spec dt { color:var(--muted) }
.spec dd { margin:0; overflow-wrap:anywhere }
.detail-actions { display:flex; flex-wrap:wrap; align-items:center; gap:14px; margin-top:23px }
.detail-actions strong { font-size:24px; color:var(--forest) }
.detail-foot { margin-top:18px }
.thumbs { display:flex; gap:8px; margin:10px 0 }
.thumbs button { border:1px solid var(--line); background:white; padding:2px; border-radius:5px }
.thumbs img { width:66px; height:54px; object-fit:cover; border-radius:4px }
.wholesale-banner { background:linear-gradient(90deg,#0e2d22f0,#1c453380),url('/media/jade-veins.webp') center/cover; color:white; padding:40px 33px; border-radius:9px; margin-bottom:22px }
.wholesale-banner h1 { margin-bottom:12px }
.wholesale-banner p { max-width:505px }
.wholesale-layout { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:20px }
.panel { padding:clamp(17px,2.5vw,28px); border:1px solid var(--line); background:white; border-radius:8px; min-width:0 }
.panel h2,.editorial-section h2 { font-size:29px; margin-bottom:15px }
.panel h3 { margin:18px 0 6px }
.panel p { color:var(--muted) }
.prose { max-width:900px; margin-bottom:30px }
.prose p { max-width:720px; color:#3c5146 }
.article-photo { border-radius:8px; max-height:430px; width:100%; object-fit:cover; margin-bottom:15px }
.article-card .article-photo { max-height:255px }
.article-card h2 { margin-bottom:7px }
.editorial-section { margin:27px 0 }
.contact p { display:flex; gap:10px; align-items:center }
.contact-actions { display:flex; flex-wrap:wrap; gap:9px }
.narrow { max-width:520px }
form[data-api] { display:grid; gap:12px; align-items:start; margin:0 }
.field-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px }
label { display:grid; gap:5px; font-size:12px; font-weight:650; color:#334a3d }
label small { color:var(--muted); font-weight:500 }
input:not([type=checkbox]),select,textarea { border:1px solid #d3ded4; background:white; border-radius:5px; padding:9px; color:var(--ink); width:100%; min-width:0; font-size:13px }
textarea { resize:vertical }
.search input { background:transparent; border:0; padding:9px 0 }
.checkline { display:flex; align-items:center; gap:7px }
.checkline input { accent-color:var(--forest) }
.consent { font-weight:500; line-height:1.45 }
.trap { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%) }
.form-feedback { margin:0; color:var(--jade) !important; font-size:13px }
.form-feedback:empty { display:none }
.form-feedback.error { color:#9f2f26 !important }
#cart { position:fixed; inset:0 0 0 auto; width:min(450px,100vw); max-width:none; height:100dvh; max-height:none; margin:0; padding:0; border:0; background:var(--paper); color:var(--ink) }
#cart::backdrop { background:#112d2380 }
body:has(dialog[open]) { overflow:hidden }
.cart-inner { padding:24px 20px 32px }
.cart-heading,.cart-summary>div,.cart-row { display:flex; align-items:center; justify-content:space-between; gap:10px }
.cart-heading { margin-bottom:12px }
.cart-heading h2 { margin:0 }
.icon-button { display:grid; place-items:center; border:1px solid var(--line); border-radius:5px; color:var(--forest); background:white; width:34px; height:34px; flex:none }
.cart-row { padding:11px 0; border-bottom:1px solid var(--line) }
.cart-row a { font-size:13px; font-weight:680 }
.cart-row small { display:block; color:var(--muted); margin-top:4px }
.quantity { display:flex; align-items:center; justify-content:flex-end; gap:7px; flex:none; font-size:12px }
.quantity button { width:26px; height:26px; background:white; border:1px solid var(--line); border-radius:4px; color:var(--forest) }
.cart-summary { display:grid; gap:9px; padding:15px 0; font-size:14px; border-bottom:1px solid var(--line) }
[data-cart-checkout] { margin-top:17px }
[data-cart-checkout] h3 { margin:0 }
[data-quote-items] { font-size:13px; color:var(--forest) }
[data-quote-items]:empty { display:none }
#toast { position:fixed; z-index:9; bottom:18px; right:18px; border-radius:6px; background:var(--deep); color:white; padding:13px 16px; box-shadow:0 3px 16px #112d2340; font-size:13px }
.admin-tabs { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:15px }
.admin-tabs a { padding:9px 12px; border-radius:5px; font-size:13px; font-weight:650; background:#e7eee5; color:var(--forest) }
.admin-tabs a.active { background:var(--forest); color:white }
.admin-list>div { display:flex; align-items:center; gap:15px; padding:10px 0; border-bottom:1px solid var(--line) }
.admin-list span { flex:1; min-width:0; overflow-wrap:anywhere }
.admin-list small { display:block; color:var(--muted); margin-top:3px }
.search-admin,.editor-actions,.status-form { display:flex; gap:8px; align-items:end }
.variant-row { display:grid; grid-template-columns:1.15fr 1.25fr 1.25fr .9fr 1.45fr repeat(3,.8fr) .75fr auto; align-items:end; gap:6px; padding:8px 0; border-bottom:1px solid var(--line) }
.danger,.admin button.text-link { border:0; padding:4px; background:none; color:#93332a; font-size:12px }
.admin-orders summary { flex-wrap:wrap; justify-content:flex-start }
.admin-orders summary span { margin-left:auto; color:var(--muted); font-size:11px }
.order-detail { padding:0 0 12px; font-size:13px }
.status-form { margin-top:13px!important; grid-template-columns:auto 1fr; width:fit-content }
@media(max-width:1100px) {
 .frame { width:calc(100% - 48px) } .masthead { gap:17px; grid-template-columns:205px minmax(170px,1fr) 159px auto }
 .shop-layout { grid-template-columns:205px minmax(0,1fr); gap:18px } .nav-catalog { width:205px } .nav { gap:18px } .nav-links { gap:13px }
 .benefits>div { padding:13px 8px; gap:7px } .benefits svg { width:21px }
 .product-bottom strong { font-size:15px } .product-body { padding:10px }
}
@media(max-width:820px) {
 .frame { width:calc(100% - 32px) } .masthead { grid-template-columns:auto 1fr auto; gap:12px; padding-block:12px }
 .head-phone { display:none } .search { min-height:40px }
 .shop-layout { grid-template-columns:165px minmax(0,1fr); gap:13px } .nav-catalog { width:165px; font-size:12px; padding-inline:10px; gap:6px }
 .nav-links a { font-size:11px } .categories a { padding-inline:8px; gap:6px; font-size:11px; min-height:50px }
 .benefits { grid-template-columns:repeat(2,1fr) } .benefits>div:nth-child(2) { border-right:0 } .benefits>div:nth-child(-n+2) { border-bottom:1px solid var(--line) }
 .products { grid-template-columns:repeat(2,minmax(0,1fr)) } .variant-row { grid-template-columns:repeat(4,minmax(0,1fr)) }
}
@media(max-width:600px) {
 .frame { width:calc(100% - 28px) } .utility-inner { min-height:29px; font-size:10px } .utility-inner>div { gap:10px } .utility .language { padding-left:8px }
 .utility-inner>div>a:first-child { display:none }
 .masthead { grid-template-columns:1fr auto; gap:10px; min-height:0 } .search { grid-column:1/-1; grid-row:2; min-height:37px }
 .brand { font-size:15px } .brand-mark { width:37px; height:37px } .brand-mark img { width:33px } .brand small { font-size:7px }
 .cart-button { padding:6px 9px; gap:6px; font-size:12px }
 .nav { min-height:40px; justify-content:space-between; position:relative } .nav-catalog { width:auto; padding:0 11px; gap:7px } .nav-catalog svg:last-child { display:none }
 .mobile-menu { display:block; border:0; background:none; color:var(--forest); padding:0 9px }
 .nav-links { display:none; position:absolute; z-index:5; top:100%; right:0; width:min(260px,100%); border:1px solid var(--line); border-radius:6px; background:white; padding:5px 12px; box-shadow:0 5px 14px #14291e20 }
 .nav-links.open { display:block } .nav-links a { display:block; padding:10px 0; font-size:13px }
 .shop-layout { display:flex; flex-direction:column; gap:12px; padding-top:12px; padding-bottom:33px } .shop-main { width:100% }
 .sidebar { position:static; width:100%; align-self:auto } .categories { display:flex; overflow:auto; width:100%; scrollbar-width:thin } .categories a { border-bottom:0; border-right:1px solid var(--line); padding:7px 9px; min-height:40px; flex:none; gap:6px } .categories a svg { width:15px }
 .categories a svg:last-child,.side-wholesale,.categories .all-catalog { display:none }
 .hero { height:352px; min-height:352px } .hero-copy { margin:32px 20px; width:89% }
 .hero-copy h1,.hero-copy h2 { font-size:clamp(34px,10.2vw,58px) } .hero-copy p { font-size:13px; max-width:250px } .hero-kicker { font-size:9px; margin-bottom:12px }
 .slide-controls { right:13px; bottom:12px } .dots { margin-left:20px } .benefits { margin-top:10px }
 .featured { margin-top:24px } .section-head h2 { font-size:29px } .section-head p { font-size:11px } .section-head .text-link { font-size:11px }
 .products { gap:8px } .product-name { font-size:13px } .product-meta { font-size:9px } .product-add { width:29px; height:29px }
 .footer-main { grid-template-columns:1fr 1fr; gap:19px }
 .detail-layout,.wholesale-layout { grid-template-columns:minmax(0,1fr) } .inner-page { padding-bottom:35px }
 .wholesale-banner { padding:25px 18px } .field-grid { grid-template-columns:minmax(0,1fr) }
 .variant-row { grid-template-columns:repeat(2,minmax(0,1fr)) } .admin-list>div { gap:7px }
 .search-admin { flex-wrap:wrap } .filter-bar input[type=number] { width:75px }
}
@media(prefers-reduced-motion:reduce) { *,*::after,*::before { transition:none!important; scroll-behavior:auto!important } }
.quantity .weight-input { width:58px; padding:4px; text-align:center; appearance:textfield; }
.quantity .weight-input::-webkit-inner-spin-button { appearance:none }

.utility .demo-note { color:#b9d3c1; white-space:nowrap; }

.published-price { font-size:12px; color:var(--forest); font-weight:650; }
.thumbs { flex-wrap:wrap; }