/* Stara Ura — Antikvariat Maribor. Statična verzija prevzeta 1:1 iz Claude Design projekta. */

@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:400;font-display:swap;src:url('../fonts/cormorant-garamond-400-italic-latin-ext-1.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:400;font-display:swap;src:url('../fonts/cormorant-garamond-400-italic-latin-2.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500;font-display:swap;src:url('../fonts/cormorant-garamond-500-italic-latin-ext-3.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500;font-display:swap;src:url('../fonts/cormorant-garamond-500-italic-latin-4.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/cormorant-garamond-400-normal-latin-ext-5.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/cormorant-garamond-400-normal-latin-6.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/cormorant-garamond-500-normal-latin-ext-7.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/cormorant-garamond-500-normal-latin-8.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/cormorant-garamond-600-normal-latin-ext-9.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/cormorant-garamond-600-normal-latin-10.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/ibm-plex-mono-400-normal-latin-ext-11.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/ibm-plex-mono-400-normal-latin-12.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/ibm-plex-mono-500-normal-latin-ext-13.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/ibm-plex-mono-500-normal-latin-14.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Mulish';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/mulish-400-normal-latin-ext-15.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Mulish';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/mulish-400-normal-latin-16.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Mulish';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/mulish-500-normal-latin-ext-17.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Mulish';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/mulish-500-normal-latin-18.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Mulish';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/mulish-600-normal-latin-ext-19.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Mulish';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/mulish-600-normal-latin-20.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Mulish';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/mulish-700-normal-latin-ext-21.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Mulish';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/mulish-700-normal-latin-22.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

:root{
  --bg:#f5f0e7;
  --bg-alt:#ece4d6;
  --bg-input:#fbf8f2;
  --ink:#2b2420;
  --ink-soft:#4a3f37;
  --muted:#6b5f55;
  --border:#d9cdb8;
  --border-input:#b8aa93;
  --accent:#7a2e22;
  --gold:#c9a46a;
  --gold-dark:#a07a3c;
  --dark-bg:#2b2420;
  --dark-ink:#efe7d9;
  --dark-border:#5a4d43;
  --dark-muted:#cfc4b3;
  --dark-muted2:#b5a894;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Mulish',sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5}
img{max-width:100%;display:block}
button{font:inherit;cursor:pointer;color:inherit;background:none;border:0}
input,textarea,select{font:inherit;color:var(--ink)}
a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
a:hover{color:var(--ink)}
h1,h2,h3{font-family:'Cormorant Garamond',serif;font-weight:500}
.serif{font-family:'Cormorant Garamond',serif}
.mono{font-family:'IBM Plex Mono',monospace}
.wrap{max-width:1280px;margin:0 auto;padding:0 24px}
.wrap-narrow{max-width:900px;margin:0 auto;padding:0 24px}
.wrap-article{max-width:780px;margin:0 auto;padding:0 24px}
.wrap-cart{max-width:1180px;margin:0 auto;padding:0 24px}

.btn{display:inline-flex;align-items:center;gap:10px;border:0;padding:15px 26px;font-size:15px;font-weight:700;letter-spacing:.02em;cursor:pointer;text-decoration:none}
.btn-primary{background:var(--accent);color:var(--bg)}
.btn-dark{background:var(--ink);color:var(--bg)}
.btn-outline{background:transparent;border:1.5px solid var(--ink);color:var(--ink)}
.btn-sm{padding:8px 14px;font-size:13px;font-weight:700;border:1.5px solid var(--ink)}
.btn-sm-dark{padding:8px 14px;font-size:13px;font-weight:700;background:var(--ink);color:var(--bg);border:1.5px solid var(--ink)}
.btn-link{background:none;border:0;padding:0;color:var(--accent);font-weight:700;text-decoration:underline;text-underline-offset:3px}

/* Top info bar */
.topbar{background:var(--dark-bg);color:var(--dark-ink);font-size:13px}
.topbar-inner{max-width:1280px;margin:0 auto;padding:9px 24px;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;align-items:center}
.topbar-left{display:flex;flex-wrap:wrap;gap:6px 20px}
.topbar-right{display:flex;align-items:center;gap:14px}
.dot{width:8px;height:8px;border-radius:50%;display:inline-block}
.status-wrap{display:flex;align-items:center;gap:7px}

/* Header */
header.site{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--border)}
.header-inner{max-width:1280px;margin:0 auto;padding:16px 24px;display:flex;flex-wrap:wrap;gap:14px 32px;align-items:center;justify-content:space-between}
.logo-link{display:flex;align-items:center;gap:14px;text-align:left}
.logo-mark{width:46px;height:46px;border-radius:50%;border:1.5px solid var(--ink);display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}
.logo-mark span.hand-min{position:absolute;width:1.5px;height:15px;background:var(--ink);left:22px;top:9px}
.logo-mark span.hand-hr{position:absolute;width:11px;height:1.5px;background:var(--accent);left:22px;top:22px}
.logo-text{display:flex;flex-direction:column}
.logo-title{font-family:'Cormorant Garamond',serif;font-size:30px;font-weight:500;line-height:1;letter-spacing:.01em;color:var(--ink)}
.logo-sub{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-top:4px}
nav.mainnav{display:flex;flex-wrap:wrap;gap:4px 22px;align-items:center}
nav.mainnav a{padding:6px 0;font-size:15px;font-weight:600;color:var(--ink);border-bottom:1.5px solid transparent;text-decoration:none}
nav.mainnav a:hover,nav.mainnav a.active{color:var(--accent);border-bottom-color:var(--accent)}
.cart-btn{display:flex;align-items:center;gap:10px;background:var(--ink);color:var(--bg);padding:11px 18px;font-size:14px;font-weight:600;letter-spacing:.02em;text-decoration:none}
.cart-count{min-width:22px;height:22px;border-radius:11px;background:var(--gold-dark);color:var(--ink);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 6px}

/* Section helpers */
section{display:block}
.section-pad{padding:72px 24px}
.sect-alt{background:var(--bg-alt);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.sect-dark{background:var(--dark-bg);color:var(--dark-ink)}
.eyebrow{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--accent);font-weight:700}
.eyebrow-gold{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);font-weight:700}

/* Hero */
.hero{max-width:1280px;margin:0 auto;padding:56px 24px 64px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:48px;align-items:center}
.hero-copy{display:flex;flex-direction:column;gap:26px}
.hero h1{margin:0;font-size:clamp(44px,6vw,80px);line-height:.98;letter-spacing:-.01em}
.hero p.lead{margin:0;font-size:18px;line-height:1.65;color:var(--ink-soft);max-width:540px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.hero-stats{display:flex;flex-wrap:wrap;gap:28px;padding-top:18px;border-top:1px solid var(--border)}
.stat{display:flex;flex-direction:column;gap:2px}
.stat .num{font-family:'Cormorant Garamond',serif;font-size:34px;line-height:1}
.stat .label{font-size:13px;color:var(--muted)}
.hero-media{position:relative}
.hero-media img{width:100%;height:100%;aspect-ratio:4/5;object-fit:cover}
.hero-card{position:absolute;left:-18px;bottom:36px;background:var(--bg);border:1px solid var(--border);padding:18px 20px;max-width:260px;box-shadow:0 12px 30px rgba(43,36,32,.12);display:flex;flex-direction:column;gap:6px}
.hero-card .label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-weight:700}
.hero-card .title{font-family:'Cormorant Garamond',serif;font-size:22px;line-height:1.15}

/* photo frame fallback (no js) */
.photo{width:100%;object-fit:cover;background:#e4d9c6}

/* Section headers */
.sect-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:32px}
.sect-head h2{margin:0;font-size:clamp(34px,4vw,48px);line-height:1}

/* Category grid */
.grid-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:18px}
.cat-card{background:var(--bg);border:1px solid var(--border);padding:0;text-align:left;display:flex;flex-direction:column;text-decoration:none;color:var(--ink)}
.cat-card:hover{border-color:var(--ink)}
.cat-card img{aspect-ratio:1/1;width:100%;object-fit:cover}
.cat-card-body{padding:14px 14px 16px;display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.cat-card-body .name{font-family:'Cormorant Garamond',serif;font-size:21px;line-height:1.1}
.cat-card-body .count{font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--muted)}

/* Product grids & cards */
.grid-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:36px 22px}
.product-card{display:flex;flex-direction:column;gap:12px}
.product-card a.thumb{display:block;text-decoration:none;color:var(--ink)}
.product-card img{aspect-ratio:4/5;width:100%;object-fit:cover}
.product-card .era{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);display:block;margin-top:10px}
.product-card .title{font-family:'Cormorant Garamond',serif;font-size:23px;line-height:1.15;display:block;margin-top:2px;text-decoration:none;color:var(--ink)}
.product-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto}
.price{font-weight:700;font-size:16px}
.sold-tag{font-size:13px;font-weight:700;color:var(--accent);letter-spacing:.08em;text-transform:uppercase}
.in-cart-tag{background:var(--ink);color:var(--bg);border:1.5px solid var(--ink);padding:8px 14px;font-size:13px;font-weight:700;text-decoration:none}

/* Eras block */
.eras-tabs{display:flex;flex-wrap:wrap;gap:0;border-top:1px solid var(--dark-border);border-bottom:1px solid var(--dark-border)}
.era-tab{flex:1 1 180px;background:transparent;color:var(--dark-ink);border-right:1px solid var(--dark-border);padding:20px 18px;text-align:left;display:flex;flex-direction:column;gap:4px}
.era-tab.active{background:var(--dark-ink);color:var(--ink)}
.era-tab .years{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.06em}
.era-tab .name{font-family:'Cormorant Garamond',serif;font-size:26px;line-height:1.05}
.era-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:40px;padding-top:36px}
.era-signs{display:flex;flex-direction:column}
.era-sign{padding:12px 0;border-bottom:1px solid var(--dark-border);font-size:16px;line-height:1.5;color:var(--dark-ink)}
.era-panel{display:none}
.era-panel.active{display:block}

/* Testimonials */
.grid-testimonials{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px}
.testimonial{margin:0;background:var(--bg);border:1px solid var(--border);padding:28px;display:flex;flex-direction:column;gap:18px}
.testimonial .quote-mark{font-family:'Cormorant Garamond',serif;font-size:56px;line-height:.5;color:var(--gold-dark);height:24px}
.testimonial blockquote{margin:0;font-family:'Cormorant Garamond',serif;font-size:22px;line-height:1.35;font-style:italic}
.testimonial figcaption{margin-top:auto;font-size:14px;color:var(--muted)}

/* Articles */
.grid-articles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:28px}
.article-card{text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:12px}
.article-card img{aspect-ratio:3/2;width:100%;object-fit:cover}
.article-card .meta{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.article-card .title{font-family:'Cormorant Garamond',serif;font-size:26px;line-height:1.12;color:var(--ink)}
.article-card .lead{font-size:15px;line-height:1.6;color:var(--ink-soft)}

/* Workshop/about split */
.split{max-width:1280px;margin:0 auto;padding:80px 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:56px;align-items:center}
.split img{width:100%;aspect-ratio:5/4;object-fit:cover}
.split-copy{display:flex;flex-direction:column;gap:20px}
.split-copy p{margin:0;font-size:17px;line-height:1.7;color:var(--ink-soft)}
.spec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}
.spec-item{border-top:1.5px solid var(--ink);padding-top:12px;display:flex;flex-direction:column;gap:4px}
.spec-item .k{font-weight:700}
.spec-item .v{font-size:14px;color:var(--muted);line-height:1.5}

/* Visit section */
.visit{border-top:1px solid var(--border)}
.visit-inner{max-width:1280px;margin:0 auto;padding:72px 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:48px}
.hours-list{display:flex;flex-direction:column}
.hours-row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--border);font-size:16px}
.visit img{min-height:360px;width:100%;object-fit:cover}

/* Forms */
form .field{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}
form input[type=text],form input[type=email],form input[type=tel],form textarea,form select{border:1px solid var(--border-input);background:var(--bg-input);padding:12px}
form input[type=file]{border:1px dashed var(--border-input);background:var(--bg-input);padding:12px}
textarea{resize:vertical}
fieldset{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}
legend{font-family:'Cormorant Garamond',serif;font-size:26px;margin-bottom:12px;padding:0}
.radio-row{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--border-input);padding:14px;background:var(--bg-input)}
.check-row{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5}
.form-box{background:var(--bg-alt);border:1px solid var(--border);padding:32px}
.form-ok{display:flex;flex-direction:column;gap:10px}
.form-ok .title{font-family:'Cormorant Garamond',serif;font-size:30px}
.form-ok p{margin:0;line-height:1.6;color:var(--ink-soft)}

/* Shop toolbar */
.shop-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;border-bottom:1px solid var(--border);padding-bottom:26px}
.shop-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:center;margin:28px 0 8px}
.cat-pills{display:flex;flex-wrap:wrap;gap:8px}
.cat-pill{background:transparent;color:var(--ink);border:1px solid var(--ink);padding:8px 15px;font-size:14px;font-weight:600;text-decoration:none}
.cat-pill.active{background:var(--ink);color:var(--bg)}
.sort-select{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)}
.sort-select select{background:var(--bg);border:1px solid var(--ink);padding:8px 12px;font-size:14px}
.shop-count{font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--muted);display:block;margin-bottom:12px}

.cta-box{margin-top:24px;background:var(--bg-alt);border:1px solid var(--border);padding:28px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center}
.cta-box .title{font-family:'Cormorant Garamond',serif;font-size:28px}
.cta-box .text{color:var(--ink-soft);line-height:1.6}

/* Breadcrumb */
.breadcrumb{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--muted)}
.breadcrumb a{color:var(--muted);text-decoration:none}
.breadcrumb a:hover{color:var(--accent)}
.breadcrumb .cur{color:var(--ink)}

/* Product detail */
.product-detail{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:48px;align-items:start}
.product-gallery img.main{aspect-ratio:1/1;width:100%;object-fit:cover}
.product-gallery .thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.product-gallery .thumbs img{aspect-ratio:1/1;width:100%;object-fit:cover}
.product-info{display:flex;flex-direction:column;gap:22px}
.product-info .price-row{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
.product-info .price-big{font-size:28px;font-weight:700}
.product-info .avail{font-size:14px;font-weight:700}
.specs-table{display:flex;flex-direction:column;border-top:1.5px solid var(--ink)}
.specs-table .row{display:grid;grid-template-columns:140px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--border);font-size:15px}
.specs-table .row .k{color:var(--muted)}
.info-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.info-tile{background:var(--bg-alt);padding:16px;display:flex;flex-direction:column;gap:4px}
.info-tile .t{font-weight:700;font-size:14px}
.info-tile .d{font-size:13.5px;color:var(--ink-soft);line-height:1.5}
.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:22px}
.related-card{text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:10px}
.related-card img{aspect-ratio:4/5;width:100%;object-fit:cover}
.related-card .title{font-family:'Cormorant Garamond',serif;font-size:21px;line-height:1.15}

/* Cart */
.cart-empty{border:1px solid var(--border);padding:56px 24px;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}
.cart-empty .title{font-family:'Cormorant Garamond',serif;font-size:30px}
.cart-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:40px;align-items:start}
.cart-lines{display:flex;flex-direction:column;border-top:1.5px solid var(--ink)}
.cart-line{display:grid;grid-template-columns:96px 1fr auto;gap:18px;padding:18px 0;border-bottom:1px solid var(--border);align-items:center}
.cart-line img{aspect-ratio:1/1;width:100%;object-fit:cover}
.cart-line .title{font-family:'Cormorant Garamond',serif;font-size:22px;line-height:1.15;color:var(--ink);text-decoration:none;display:block}
.cart-line .meta{font-size:13px;color:var(--muted)}
.cart-summary{background:var(--bg-alt);border:1px solid var(--border);padding:28px;display:flex;flex-direction:column;gap:14px}
.sum-row{display:flex;justify-content:space-between}
.sum-total{display:flex;justify-content:space-between;border-top:1.5px solid var(--ink);padding-top:14px;font-size:20px;font-weight:700}

/* Checkout summary sticky */
.checkout-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:40px;align-items:start}
.checkout-left{display:flex;flex-direction:column;gap:26px}
.checkout-summary{background:var(--bg-alt);border:1px solid var(--border);padding:28px;display:flex;flex-direction:column;gap:14px;position:sticky;top:110px}
.sum-line{display:flex;justify-content:space-between;gap:16px;font-size:15px;padding-bottom:10px;border-bottom:1px solid var(--border)}

/* Services page */
.grid-services{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:22px}
.service-card{border:1px solid var(--border);padding:28px;display:flex;flex-direction:column;gap:14px;background:var(--bg-input)}
.service-card .num{font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--accent)}
.service-card .price{margin-top:auto;padding-top:12px;border-top:1px solid var(--border);font-weight:700;font-size:14px}
.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:28px}
.step{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--gold);padding-top:16px}
.step .n{font-family:'Cormorant Garamond',serif;font-size:44px;line-height:1;color:var(--gold)}
.step .t{font-weight:700;font-size:17px}
.step .d{line-height:1.6;color:var(--dark-muted);font-size:15px}

/* FAQ */
.faq-list{display:flex;flex-direction:column;border-top:1.5px solid var(--ink)}
.faq-item{border-bottom:1px solid var(--border)}
.faq-q{width:100%;background:none;border:0;padding:22px 0;display:flex;justify-content:space-between;gap:20px;text-align:left;align-items:center}
.faq-q .q{font-family:'Cormorant Garamond',serif;font-size:24px;line-height:1.2}
.faq-q .sign{font-size:24px;color:var(--accent);flex-shrink:0}
.faq-a{margin:0 0 22px;line-height:1.75;color:var(--ink-soft);font-size:16px;max-width:760px;display:none}
.faq-item.open .faq-a{display:block}

/* Legal */
.legal-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:48px;align-items:start}
.legal-nav{display:flex;flex-direction:column;border-top:1.5px solid var(--ink);position:sticky;top:110px}
.legal-nav .label{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-weight:700;padding:14px 0 8px}
.legal-nav a{background:none;border:0;border-bottom:1px solid var(--border);padding:12px 0;text-align:left;font-size:15px;font-weight:500;color:var(--ink);text-decoration:none;display:block}
.legal-nav a.active{color:var(--accent);font-weight:700}
.legal-content{grid-column:span 2;display:flex;flex-direction:column;gap:22px;max-width:820px;min-width:0}
.legal-content .updated{font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--muted)}
.legal-sec{display:flex;flex-direction:column;gap:10px;padding-top:6px}
.legal-sec h2{margin:0;font-weight:600;font-size:26px;line-height:1.15}
.legal-sec p{margin:0;font-size:16px;line-height:1.75;color:#3a312b}

/* Article page */
.article-page{max-width:780px;margin:0 auto;padding:48px 24px 80px;display:flex;flex-direction:column;gap:22px}
.article-page img.hero-img{aspect-ratio:16/9;width:100%;object-fit:cover}
.article-page .lead{font-family:'Cormorant Garamond',serif;font-size:25px;line-height:1.4;font-style:italic;color:var(--ink-soft);margin:0}
.article-body h2{margin:12px 0 0;font-size:32px;line-height:1.1}
.article-body p{margin:0;font-size:17.5px;line-height:1.8;color:#3a312b}
.article-body > div{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}

/* Footer */
footer.site{background:var(--dark-bg);color:var(--dark-ink);margin-top:auto}
.footer-inner{max-width:1280px;margin:0 auto;padding:64px 24px 28px;display:flex;flex-direction:column;gap:48px}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:36px}
.footer-col{display:flex;flex-direction:column;gap:14px;font-size:14px}
.footer-brand{font-family:'Cormorant Garamond',serif;font-size:32px;color:var(--bg);line-height:1}
.footer-col .head{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:4px}
.footer-col a{color:var(--dark-ink);text-decoration:none}
.footer-col a:hover{text-decoration:underline}
.newsletter-row{display:flex}
.newsletter-row input{flex:1;min-width:0;background:transparent;border:1px solid #7a6a5c;color:var(--bg);padding:11px}
.newsletter-row button{background:var(--gold-dark);color:var(--ink);border:0;padding:0 16px;font-weight:700}
.footer-bottom{border-top:1px solid #4a3f37;padding-top:22px;display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:space-between;font-size:12.5px;color:var(--dark-muted2);line-height:1.6}

/* Cookie banner */
#cookie-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:50;display:flex;justify-content:center}
#cookie-banner.hidden{display:none}
.cookie-box{max-width:880px;width:100%;background:var(--bg);border:1px solid var(--ink);box-shadow:0 18px 50px rgba(43,36,32,.25);padding:22px 24px;display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between}
.cookie-box .text{flex:1 1 420px;display:flex;flex-direction:column;gap:6px}
.cookie-box .title{font-family:'Cormorant Garamond',serif;font-size:24px}
.cookie-box .body{font-size:14px;line-height:1.6;color:var(--ink-soft)}
.cookie-actions{display:flex;flex-wrap:wrap;gap:10px}

/* Toast */
#toast{position:fixed;top:96px;right:20px;z-index:60;background:var(--ink);color:var(--bg);padding:14px 18px;font-size:14px;box-shadow:0 12px 30px rgba(43,36,32,.3);display:none;gap:14px;align-items:center}
#toast.show{display:flex}
#toast a{background:var(--gold-dark);color:var(--ink);padding:7px 12px;font-weight:700;font-size:13px;text-decoration:none}

main{flex:1}
.page-head{max-width:1280px;margin:0 auto;padding:56px 24px 48px;display:flex;flex-direction:column;gap:18px}
.page-head h1{margin:0;font-size:clamp(42px,5.5vw,72px);line-height:1;max-width:900px}
.page-head-split{max-width:1280px;margin:0 auto;padding:56px 24px 40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:48px;align-items:end}
.page-head-split h1{margin:0;font-size:clamp(42px,5.5vw,72px);line-height:1}
.page-head-split p{margin:0;font-size:18px;line-height:1.7;color:var(--ink-soft)}

@media (max-width:720px){
  nav.mainnav{order:3;width:100%;justify-content:flex-start;gap:14px}
  .header-inner{flex-direction:row}
  .legal-content{grid-column:span 1}
}