/* ODPRTA — subpage styles (Skupnost / Trgovina) */
*{margin:0;padding:0;box-sizing:border-box}
:root{--accent:#A1231E;--cream:#f6e8d2;--dim:rgba(255,240,228,.72)}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;background:#1a0e08;color:#fff;
  min-height:100vh;overflow-x:hidden;
  background:radial-gradient(120% 90% at 50% 0%,#2a1c12 0%,#1a0e08 60%,#0f0804 100%)}
h1,h2,.serif{font-family:'Playfair Display',Georgia,serif;font-weight:400;line-height:1.1}

.grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.12;
  mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='130' height='130'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}

/* NAV — identičen homepage-u */
nav{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;
  justify-content:space-between;align-items:center;padding:26px 44px;
  mix-blend-mode:difference}
nav img{height:30px;width:auto;filter:brightness(0) invert(1)}
.logo-link{display:inline-flex;align-items:center}
.nav-right{display:flex;align-items:center;gap:28px}
nav .menu{display:flex;gap:30px;font-size:12px;letter-spacing:.2em;
  text-transform:uppercase;color:#fff}
nav .menu a{color:inherit;text-decoration:none;opacity:.85;transition:.2s}
nav .menu a:hover,nav .menu a.active{opacity:1}
nav .menu a.active{border-bottom:1px solid var(--accent);padding-bottom:4px}
.socials{display:flex;gap:14px;align-items:center}
.socials a{color:#fff;opacity:.85;transition:.2s;display:inline-flex;text-decoration:none}
.socials a:hover{opacity:1;transform:translateY(-1px)}
.socials svg{width:18px;height:18px;display:block}
@media(max-width:900px){.socials{display:none}.nav-right{gap:0}}
@media(max-width:760px){nav{padding:20px 22px}nav .menu{display:none}}

/* PAGE LAYOUT */
.page{position:relative;z-index:5;min-height:100vh;padding:140px 44px 100px;
  display:flex;align-items:center;justify-content:center}
.page-wrap{max-width:640px;width:100%}
.kicker{font-family:'Playfair Display',Georgia,serif;font-style:italic;
  font-size:14px;letter-spacing:.06em;text-transform:lowercase;
  color:rgba(255,240,228,.78);margin-bottom:24px;display:flex;align-items:center}
.kicker .dot{display:inline-block;width:6px;height:6px;border-radius:50%;
  background:var(--accent);margin-right:12px;vertical-align:middle}
.page h1{font-size:clamp(36px,5.4vw,64px);line-height:1.1;margin-bottom:28px}
.page h1 em{font-style:italic}
.page .lede{font-size:17px;line-height:1.7;color:var(--dim);
  margin-bottom:32px;max-width:54ch}
.page .pre{font-family:'Playfair Display',Georgia,serif;font-style:italic;
  font-size:19px;color:rgba(255,240,228,.92);margin:20px 0 28px}
.page .legal{font-size:12px;color:rgba(255,240,228,.45);
  margin-top:18px;font-style:italic}

/* FORMS */
form{display:flex;flex-direction:column;gap:18px;margin-top:8px}
form label{display:flex;flex-direction:column;gap:8px;font-size:11px;
  letter-spacing:.14em;text-transform:uppercase;color:rgba(255,240,228,.65)}
form input,form textarea{background:rgba(255,255,255,.04);
  border:1px solid rgba(255,240,228,.18);color:#fff;padding:14px 16px;
  font-family:inherit;font-size:15px;border-radius:4px;width:100%;transition:.2s}
form input:focus,form textarea:focus{outline:none;
  border-color:rgba(255,240,228,.55);background:rgba(255,255,255,.07)}
form textarea{resize:vertical;min-height:110px}
form .check{flex-direction:row;align-items:flex-start;gap:12px;font-size:13px;
  letter-spacing:.02em;text-transform:none;color:rgba(255,240,228,.78);line-height:1.5}
form .check input{width:auto;padding:0;margin-top:3px}
form button{align-self:flex-start;margin-top:8px;background:#fff;color:#1a0e08;
  border:1px solid #fff;padding:16px 38px;font-family:inherit;font-size:12px;
  letter-spacing:.2em;text-transform:uppercase;border-radius:40px;
  cursor:pointer;transition:.25s}
form button:hover{background:var(--accent);color:#fff;border-color:var(--accent)}

/* Sidro hero image (placeholder) */
.product-hero{aspect-ratio:16/9;margin-bottom:32px;border-radius:8px;
  background:linear-gradient(135deg,#3a2a1a 0%,#1a0e08 100%);
  display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(255,240,228,.08);
  font-family:'Playfair Display',Georgia,serif;font-style:italic;
  color:rgba(255,240,228,.35);font-size:14px;letter-spacing:.2em}

/* FOOTER tiny */
.tiny-foot{position:relative;z-index:5;padding:32px 44px;text-align:center;
  border-top:1px solid rgba(255,240,228,.08)}
.tiny-foot a{color:rgba(255,240,228,.65);font-size:12px;letter-spacing:.18em;
  text-transform:uppercase;text-decoration:none;margin:0 14px;transition:.2s}
.tiny-foot a:hover{color:#fff}
@media(max-width:760px){.page{padding:110px 24px 80px}}