/* faunus-gifts.com – darila za poslovne partnerje */
:root {
  --espresso: #1c1612;
  --walnut: #2c221b;
  --ivory: #f4efe6;
  --linen: #e9e1d2;
  --brass: #c9a567;
  --brass-dark: #7d5f2a;
  --ink: #221b16;
  --muted: #6a5d51;
  --hair: rgba(201,165,103,.35);
  --serif: "Playfair Display", "Times New Roman", serif;
  --sans: "Karla", Arial, sans-serif;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
.pg { margin: 0; background: var(--ivory); color: var(--ink); font: 400 17.5px/1.7 var(--sans); }
.pg img { max-width: 100%; height: auto; display: block; }
.pg a { color: inherit; }
.pg h1, .pg h2, .pg h3 { font-family: var(--serif); font-weight: 500; line-height: 1.12; margin: 0 0 .55em; }
.pg h2 { font-size: clamp(30px, 3.6vw, 48px); }
.pg figure { margin: 0; }
.frame { max-width: 1180px; margin: 0 auto; padding: 0 22px; }
.pg-skip { position: absolute; top: -60px; left: 10px; background: var(--brass); color: #000; padding: 10px 16px; z-index: 5; }
.pg-skip:focus { top: 10px; }
.pg a:focus-visible { outline: 2px solid var(--brass); outline-offset: 3px; }

.overline { font: 700 12px/1.4 var(--sans); letter-spacing: .24em; text-transform: uppercase; color: var(--brass); margin: 0 0 20px; }
.overline-dark { color: var(--brass-dark); }
.cta { display: inline-block; margin: 8px 10px 0 0; padding: 15px 28px; background: var(--brass); color: #16110d !important; text-decoration: none; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; font-size: 13.5px; border: 1px solid var(--brass); transition: background-color .2s; }
.cta:hover { background: #dcbb82; }
.cta-ghost { background: transparent; color: var(--ivory) !important; border-color: rgba(244,239,230,.5); }
.cta-ghost:hover { background: rgba(244,239,230,.08); }
.textlink { font-weight: 700; color: var(--brass-dark) !important; text-underline-offset: 4px; }

/* Glava */
.mast { background: var(--espresso); color: var(--ivory); border-bottom: 1px solid var(--hair); }
.mast-in { display: flex; justify-content: space-between; align-items: center; gap: 10px 28px; flex-wrap: wrap; min-height: 72px; padding-top: 10px; padding-bottom: 10px; }
.mark { display: flex; align-items: center; gap: 12px; text-decoration: none; }
.mark-name { font: 600 19px/1 var(--serif); letter-spacing: .06em; }
.menu { list-style: none; display: flex; flex-wrap: wrap; gap: 4px 24px; margin: 0; padding: 0; font-size: 14.5px; }
.menu a { text-decoration: none; opacity: .85; }
.menu a:hover { opacity: 1; color: var(--brass); }
.menu-home { color: var(--brass); opacity: 1 !important; }

/* Deljena naslovnica */
.opening > *, .story-in > *, .signature-grid > *, .origin-in > * { min-width: 0; }
.opening { display: grid; grid-template-columns: minmax(0, 45fr) minmax(0, 55fr); background: var(--espresso); color: var(--ivory); min-height: 620px; }
.opening-copy { padding: clamp(48px, 7vw, 110px) clamp(22px, 5vw, 72px); align-self: center; max-width: 620px; justify-self: end; }
.opening h1 { font-size: clamp(38px, 4.6vw, 66px); }
.opening h1 i { color: var(--brass); }
.opening-copy > p:not(.overline) { color: rgba(244,239,230,.8); font-size: 18.5px; margin-bottom: 28px; }
.opening-pic img { width: 100%; height: 100%; object-fit: cover; }

/* Zgodba */
.story { padding: clamp(64px, 9vw, 130px) 0; }
.story-in { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(36px, 6vw, 90px); align-items: center; }
.story-pic img { box-shadow: 22px 22px 0 var(--linen); }
.story-pic figcaption { margin-top: 30px; font-size: 13.5px; color: var(--muted); font-style: italic; }
.story-text p:not(.overline) { color: var(--muted); }
.story-inset { width: 140px; margin-top: 26px !important; border: 6px solid #fff; box-shadow: 0 10px 30px -12px rgba(0,0,0,.35); transform: rotate(-2deg); }

/* Premium */
.signature { background: var(--walnut); color: var(--ivory); padding: clamp(64px, 9vw, 120px) 0; }
.signature-head { text-align: center; margin-bottom: 48px; }
.signature-grid { display: grid; grid-template-columns: 1fr 1fr 1.25fr; gap: 22px; align-items: start; }
.sig-b { margin-top: 64px !important; }
.sig-copy { padding-left: clamp(0px, 2vw, 24px); }
.sig-copy > p:first-child { font-size: 18px; color: rgba(244,239,230,.85); }
.sig-copy b { color: var(--brass); font-weight: 700; }
.sig-list { list-style: none; padding: 0; margin: 22px 0; border-top: 1px solid var(--hair); }
.sig-list li { padding: 11px 0 11px 26px; border-bottom: 1px solid var(--hair); position: relative; }
.sig-list li::before { content: "◆"; position: absolute; left: 0; color: var(--brass); font-size: 11px; top: 16px; }
.sig-price { font-size: 15px; color: rgba(244,239,230,.75); }
.sig-price small { font-size: 12.5px; }

/* Kmetije */
.origin { padding: clamp(64px, 9vw, 120px) 0; background: var(--linen); }
.origin-in { display: grid; grid-template-columns: 1fr 1.1fr; gap: clamp(32px, 6vw, 90px); align-items: center; }
.origin-in > div > p:not(.overline) { color: var(--muted); }
.growers { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0 28px; }
.growers li { padding: 16px 0; border-bottom: 1px solid #cfc3ae; display: flex; flex-direction: column; }
.growers b { font: 500 19px/1.3 var(--serif); }
.growers span { font-size: 14.5px; color: var(--muted); }

/* Priložnosti */
.moments { padding: clamp(64px, 9vw, 120px) 0 0; }
.moments h2 { max-width: 15em; }
.moments-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin: 36px 0 48px; }
.moments-row article { padding: 6px 24px 6px 0; margin-right: 24px; border-right: 1px solid #d8ccb8; }
.moments-row article:last-child { border-right: 0; margin-right: 0; }
.moments-row span { font: italic 500 30px/1 var(--serif); color: var(--brass-dark); }
.moments-row h3 { font-size: 22px; margin: 12px 0 8px; }
.moments-row p { margin: 0; color: var(--muted); font-size: 16px; }
.moments-pic img { width: 100%; aspect-ratio: 21 / 9; object-fit: cover; object-position: 50% 60%; }

/* Stik */
.reachout { background: var(--espresso); color: var(--ivory); padding: clamp(64px, 9vw, 110px) 0; }
.reachout-in { max-width: 860px; }
.reachout-in > p { color: rgba(244,239,230,.8); font-size: 18px; }
.reachout-list { list-style: none; padding: 0; margin: 32px 0 0; }
.reachout-list li { display: grid; grid-template-columns: 170px 1fr; gap: 10px; padding: 16px 0; border-top: 1px solid var(--hair); font-size: 19px; }
.reachout-list span { font-size: 12px; letter-spacing: .22em; text-transform: uppercase; color: var(--brass); padding-top: 6px; }
.reachout-list p { margin: 0; }
.reachout-list a { text-decoration: none; }
.reachout-list a:hover { color: var(--brass); }

/* Noga */
.colophon { background: var(--ivory); padding: 30px 0; font-size: 14px; color: var(--muted); border-top: 1px solid #d8ccb8; }
.colophon p { margin: 4px 0; }
.colophon b { color: var(--ink); }
.colophon a { color: var(--brass-dark); }

/* Podstrani */
.leaf { padding: clamp(48px, 7vw, 96px) 0; }
.leaf .frame { max-width: 800px; }
.leaf h1 { font-size: clamp(34px, 4vw, 50px); }
.leaf h2 { font-size: 24px; margin-top: 1.5em; }
.leaf dl { display: grid; grid-template-columns: 200px 1fr; margin: 24px 0; border-top: 1px solid #d8ccb8; }
.leaf dt, .leaf dd { margin: 0; padding: 12px 0; border-bottom: 1px solid #d8ccb8; }
.leaf dt { font-weight: 700; }

@media (max-width: 960px) {
  .opening { grid-template-columns: 1fr; min-height: 0; }
  .opening-copy { justify-self: start; max-width: none; }
  .opening-pic { order: -1; }
  .opening-pic img { aspect-ratio: 4 / 3; }
  .story-in, .origin-in { grid-template-columns: 1fr; }
  .signature-grid { grid-template-columns: 1fr 1fr; }
  .sig-copy { grid-column: 1 / -1; padding-left: 0; }
  .moments-row { grid-template-columns: 1fr 1fr; gap: 28px 0; }
  .moments-row article:nth-child(2) { border-right: 0; margin-right: 0; }
}
@media (max-width: 560px) {
  .pg { font-size: 16.5px; }
  .menu { gap: 2px 16px; font-size: 14px; }
  .growers { grid-template-columns: 1fr; }
  .moments-row { grid-template-columns: 1fr; }
  .moments-row article { border-right: 0; margin-right: 0; padding-bottom: 18px; border-bottom: 1px solid #d8ccb8; }
  .reachout-list li { grid-template-columns: 1fr; gap: 2px; }
  .leaf dl { grid-template-columns: 1fr; }
  .leaf dd { padding-top: 0; }
  .cta { display: block; text-align: center; margin-right: 0; }
  .story-pic img { box-shadow: 12px 12px 0 var(--linen); }
}