/* CCAFstore.com · dizains 1:1 no ccafconceptcacao.com (Wix theme krāsas + Forum/Haas) */
:root{
  --cream:#FFFDF6; --sand:#E8E2D1; --taupe:#A79B8C; --ink:#4F3821;
  --mid:#7B6956; --rust:#9E3B1B; --deep:#4F1D0E;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--cream);color:var(--ink);
  font-family:"neue-haas-grotesk-display-pro","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
h1,h2,h3,.serif{font-family:"Forum","Times New Roman",serif;font-weight:400}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}

/* nav */
header{position:sticky;top:0;background:rgba(255,253,246,.92);backdrop-filter:blur(8px);
  border-bottom:1px solid var(--sand);z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;max-width:1180px;margin:0 auto}
.logo{line-height:1.15;letter-spacing:.02em}
.logo .top{font-weight:700;font-size:17px;letter-spacing:.28em}
.logo .sub{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mid)}
nav.menu{display:flex;gap:28px;font-size:13.5px;letter-spacing:.08em;text-transform:uppercase}
nav.menu a{padding:4px 0;border-bottom:1px solid transparent}
nav.menu a:hover,nav.menu a.on{border-bottom-color:var(--ink)}
@media(max-width:760px){nav.menu{gap:14px;flex-wrap:wrap;justify-content:flex-end}}

/* hero */
.hero{position:relative;min-height:66vh;display:flex;align-items:flex-end;
  background:url(/assets/store-riga.jpg) center/cover no-repeat}
.hero.short{min-height:46vh}
.hero .veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,253,246,.15) 0%,rgba(255,253,246,.78) 100%)}
.hero .inner{position:relative;padding:64px 24px 56px;max-width:1180px;margin:0 auto;width:100%}
.hero h1{font-size:clamp(34px,5.4vw,64px);line-height:1.08;max-width:14em}
.hero p.lead{margin-top:18px;max-width:34em;font-size:18px;color:var(--deep)}
.kicker{font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--mid);margin-bottom:14px}

/* sections */
section{padding:72px 0}
section.tight{padding:48px 0}
.sand{background:var(--sand)}
h2{font-size:clamp(26px,3.4vw,40px);margin-bottom:26px}
h3{font-size:22px;margin-bottom:10px}
p+p{margin-top:12px}
.muted{color:var(--mid)}
.grid{display:grid;gap:28px}
.g3{grid-template-columns:repeat(3,1fr)}
.g2{grid-template-columns:repeat(2,1fr)}
@media(max-width:860px){.g3,.g2{grid-template-columns:1fr}}

/* product strip */
.bags{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-items:end}
@media(max-width:860px){.bags{grid-template-columns:repeat(2,1fr)}}
.bags img{filter:drop-shadow(0 18px 22px rgba(79,56,33,.14))}
.caption{margin-top:16px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--mid);text-align:center}

/* cards */
.card{background:var(--cream);border:1px solid var(--sand);padding:30px 28px}
.sand .card{background:var(--cream)}
.card .kicker{margin-bottom:8px}
.card p{font-size:15.5px}
a.btn{display:inline-block;margin-top:18px;padding:13px 26px;border:1.5px solid var(--ink);
  font-size:13px;letter-spacing:.14em;text-transform:uppercase;transition:.15s}
a.btn:hover{background:var(--ink);color:var(--cream)}
a.btn.solid{background:var(--ink);color:var(--cream)}
a.btn.solid:hover{background:var(--deep);border-color:var(--deep)}

/* tables */
table{width:100%;border-collapse:collapse;font-size:15.5px;background:var(--cream)}
caption{text-align:left;font-family:"Forum",serif;font-size:21px;padding-bottom:12px}
th,td{padding:11px 14px;border-bottom:1px solid var(--sand);text-align:left}
th{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--mid);font-weight:600}
td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}
tr.hl td{background:rgba(232,226,209,.45)}
.tablewrap{overflow-x:auto}
.note{font-size:13.5px;color:var(--mid);margin-top:10px}

/* refs */
.refs{display:flex;flex-wrap:wrap;gap:12px 34px;font-family:"Forum",serif;font-size:21px;color:var(--mid)}
.refs span{white-space:nowrap}

/* footer */
footer{border-top:1px solid var(--sand);padding:40px 0 56px;font-size:13.5px;color:var(--mid)}
footer .cols{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}