:root {
  --ink:#171815;
  --paper:#f4f1eb;
  --surface:#fff;
  --line:#ded9d0;
  --muted:#77736c;
  --gold:#a68d69;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:"Manrope",Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
.seo-header {
  position:sticky; top:0; z-index:20; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:44px;
  min-height:82px; padding:0 max(28px,calc((100vw - 1440px)/2)); border-bottom:1px solid rgba(30,31,27,.1); background:rgba(247,244,238,.94);
  backdrop-filter:blur(18px) saturate(145%);
}
.seo-brand { display:flex; align-items:center; gap:9px; font-family:"Unbounded",sans-serif; font-weight:700; }
.seo-brand span { font-size:20px; }
.seo-brand b { display:grid; place-items:center; width:37px; height:37px; border-radius:50%; background:var(--ink); color:#d9c7a9; font-size:11px; }
.seo-header nav { display:flex; justify-content:center; gap:30px; color:#575650; font-size:13px; font-weight:700; }
.seo-header nav a:hover,.seo-phone:hover { color:var(--gold); }
.seo-phone { font-size:13px; font-weight:800; }
.seo-main { width:min(1440px,calc(100% - 56px)); margin:0 auto; padding:28px 0 80px; }
.seo-breadcrumbs { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 42px; color:#858078; font-size:11px; }
.seo-breadcrumbs a:hover { color:var(--ink); }
.seo-breadcrumbs span:last-child { max-width:520px; overflow:hidden; color:#56544f; text-overflow:ellipsis; white-space:nowrap; }
.seo-intro { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr); gap:48px; align-items:end; padding:18px 0 42px; border-bottom:1px solid var(--line); }
.seo-intro small,.seo-related small { color:var(--gold); font-size:10px; font-weight:800; letter-spacing:.12em; }
.seo-intro h1 { grid-column:1; margin:10px 0 0; font-family:"Unbounded",sans-serif; font-size:clamp(38px,5vw,72px); line-height:1.02; letter-spacing:0; text-transform:uppercase; }
.seo-intro p { grid-column:2; grid-row:1/3; margin:0; color:#68655e; font-size:15px; line-height:1.75; }
.seo-intro--category h1 { font-size:clamp(34px,4vw,58px); overflow-wrap:anywhere; }
.seo-category-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:34px; border-top:1px solid var(--line); border-left:1px solid var(--line); }
.seo-category { position:relative; display:flex; min-height:140px; flex-direction:column; justify-content:center; padding:28px 68px 28px 28px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:rgba(255,255,255,.48); transition:background .2s ease; }
.seo-category:hover { background:#fff; }
.seo-category span { font-size:17px; font-weight:800; line-height:1.3; }
.seo-category small { margin-top:7px; color:var(--muted); font-size:11px; }
.seo-category b { position:absolute; top:50%; right:27px; color:var(--gold); font-size:22px; transform:translateY(-50%); }
.seo-product-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin-top:34px; }
.seo-card { display:flex; min-width:0; flex-direction:column; overflow:hidden; border:1px solid var(--line); border-radius:8px; background:var(--surface); }
.seo-card__media { position:relative; display:grid; aspect-ratio:3/4; place-items:center; overflow:hidden; background:#f0ede7; }
.seo-card__media img { width:100%; height:100%; object-fit:cover; transition:transform .3s ease; }
.seo-card:hover .seo-card__media img { transform:scale(1.025); }
.seo-card__empty { color:#aa9f8d; font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.seo-card__body { display:flex; min-height:180px; flex:1; flex-direction:column; padding:17px; }
.seo-card__body small { color:var(--gold); font-size:8px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.seo-card__body h2 { margin:9px 0 7px; font-size:15px; line-height:1.35; }
.seo-card__body h2 a:hover { text-decoration:underline; text-underline-offset:3px; }
.seo-card__body > span { color:#989189; font-size:9px; font-weight:700; }
.seo-card__body > div { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:auto; padding-top:18px; }
.seo-card__body > div b { font-size:17px; }
.seo-card__body > div a { display:grid; width:34px; height:34px; place-items:center; border-radius:50%; background:var(--ink); color:#fff; }
.seo-product { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr); overflow:hidden; border:1px solid var(--line); border-radius:8px; background:var(--surface); }
.seo-product__gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-content:start; gap:1px; background:var(--line); }
.seo-product__gallery figure { aspect-ratio:3/4; margin:0; overflow:hidden; background:#f0ede7; }
.seo-product__gallery figure:first-child:last-child,.seo-product__gallery figure:first-child:nth-last-child(2) { grid-column:1/-1; aspect-ratio:4/3; }
.seo-product__gallery img { width:100%; height:100%; object-fit:cover; }
.seo-product__empty { display:grid; min-height:620px; place-items:center; background:#eeebe5; color:#a99c88; font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.seo-product__info { position:sticky; top:110px; align-self:start; padding:clamp(34px,5vw,70px); }
.seo-product__category { color:var(--gold); font-size:10px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.seo-product__info h1 { margin:14px 0 16px; font-family:"Unbounded",sans-serif; font-size:clamp(27px,3vw,44px); line-height:1.18; letter-spacing:0; text-transform:uppercase; overflow-wrap:anywhere; }
.seo-product__sku { display:flex; width:fit-content; align-items:center; gap:10px; min-height:35px; padding:0 12px; border:1px solid var(--line); border-radius:6px; color:#7a746c; font-size:9px; }
.seo-product__sku b { color:var(--ink); letter-spacing:.06em; }
.seo-product__info > p { margin:27px 0 24px; color:#6c6861; font-size:14px; line-height:1.78; }
.seo-product__info > strong { display:block; font-family:"Unbounded",sans-serif; font-size:25px; letter-spacing:0; }
.seo-product__actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:25px; }
.seo-button { display:inline-flex; min-height:50px; align-items:center; justify-content:center; padding:0 20px; border:1px solid var(--ink); border-radius:7px; font-size:11px; font-weight:800; text-transform:uppercase; }
.seo-button--dark { background:var(--ink); color:#fff; }
.seo-button:hover { transform:translateY(-1px); }
.seo-product__info ul { display:grid; gap:9px; margin:29px 0 0; padding:22px 0 0; border-top:1px solid var(--line); color:#7b7770; font-size:11px; list-style:none; }
.seo-product__info li::before { margin-right:9px; color:var(--gold); content:"✓"; }
.seo-related { margin-top:72px; padding-top:34px; border-top:1px solid var(--line); }
.seo-related h2 { margin:7px 0 0; font-family:"Unbounded",sans-serif; font-size:28px; letter-spacing:0; text-transform:uppercase; }
.seo-footer { display:flex; justify-content:space-between; gap:24px; padding:30px max(28px,calc((100vw - 1440px)/2)); background:#20211e; color:rgba(255,255,255,.62); font-size:11px; }
.seo-footer > a:first-child { color:#d7c3a3; font-family:"Unbounded",sans-serif; font-weight:700; }
@media (max-width:1100px) {
  .seo-product-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .seo-category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .seo-product { grid-template-columns:1fr 1fr; }
}
@media (max-width:760px) {
  .seo-header { grid-template-columns:1fr auto; min-height:68px; padding:0 18px; }
  .seo-header nav { display:none; }
  .seo-phone { font-size:11px; }
  .seo-brand span { font-size:17px; }
  .seo-brand b { width:32px; height:32px; }
  .seo-main { width:calc(100% - 28px); padding:20px 0 56px; }
  .seo-breadcrumbs { margin-bottom:25px; }
  .seo-intro { display:block; padding:10px 0 30px; }
  .seo-intro h1 { margin:10px 0 17px; font-size:34px; }
  .seo-intro p { font-size:13px; }
  .seo-category-grid { grid-template-columns:1fr; margin-top:22px; }
  .seo-category { min-height:108px; }
  .seo-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin-top:22px; }
  .seo-card__body { min-height:154px; padding:11px; }
  .seo-card__body h2 { font-size:12px; }
  .seo-card__body > div b { font-size:13px; }
  .seo-product { display:block; }
  .seo-product__gallery { grid-template-columns:1fr; }
  .seo-product__gallery figure,.seo-product__gallery figure:first-child:last-child,.seo-product__gallery figure:first-child:nth-last-child(2) { grid-column:auto; aspect-ratio:3/4; }
  .seo-product__gallery figure:not(:first-child) { display:none; }
  .seo-product__info { position:static; padding:28px 20px 34px; }
  .seo-product__info h1 { font-size:25px; }
  .seo-product__actions { display:grid; }
  .seo-related { margin-top:48px; }
  .seo-related h2 { font-size:22px; }
  .seo-footer { flex-direction:column; padding:28px 18px; }
}