:root{--paper:#f5f2ea;--paper2:#ece8dd;--ink:#151515;--muted:#66625c;--shadow:0 24px 70px rgba(0,0,0,.12)}
*{box-sizing:border-box}html,body{min-height:100%}
body{margin:0;font-family:Raleway,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at 10% 10%,rgba(255,255,255,.9),transparent 32%),linear-gradient(145deg,var(--paper),var(--paper2))}
.page{width:min(1180px,calc(100% - 28px));margin:0 auto;padding:34px 0}
.product-shell{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);min-height:calc(100vh - 68px);border-radius:28px;overflow:hidden;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.85);box-shadow:var(--shadow)}
.photo-panel{min-width:0;background:#ddd7ca}
.photo-panel img{display:block;width:100%;height:100%;min-height:640px;object-fit:cover;object-position:center}
.buy-panel{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,5vw,64px)}
.brand{font-size:.78rem;letter-spacing:.22em;font-weight:800;color:#77716a;margin-bottom:12px}
h1{font-size:clamp(2rem,4vw,3.7rem);line-height:.98;letter-spacing:-.045em;margin:0 0 18px}
.intro{color:var(--muted);line-height:1.6;font-size:1.02rem;margin:0 0 28px;max-width:560px}
.shopify-wrap{width:100%;padding-top:8px}.shopify-wrap>div{width:100%!important}
.footnote{font-size:.82rem;color:#817c74;margin:22px 0 0}
@media(max-width:860px){
.page{width:min(100% - 14px,1180px);padding:8px 0 18px}
.product-shell{grid-template-columns:1fr;border-radius:20px}
.photo-panel img{height:auto;min-height:0;object-fit:contain}
.buy-panel{padding:26px 18px 34px}
h1{font-size:clamp(2rem,10vw,3rem)}
}

.book-copy{
  color:var(--muted);
  line-height:1.68;
  font-size:1.01rem;
  margin:0 0 26px;
  max-width:590px;
}
.book-copy p{margin:0 0 16px}
.book-copy .lead-quote{
  color:#3f3b36;
  font-size:1.08rem;
  line-height:1.6;
  margin-bottom:20px;
}
.book-copy strong{
  color:var(--ink);
  font-weight:800;
}

.hosilo-facts{
  margin:10px 0 30px;
  padding:24px;
  border-radius:22px;
  background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(246,242,234,.92));
  border:1px solid rgba(20,20,20,.09);
}
.fact-badge{
  display:inline-block;
  margin-bottom:10px;
  padding:7px 11px;
  border-radius:999px;
  font-size:.72rem;
  letter-spacing:.12em;
  font-weight:800;
  background:#151515;
  color:white;
}
.hosilo-facts h2{
  margin:0 0 18px;
  font-size:1.55rem;
  letter-spacing:-.02em;
}
.fact-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.fact-card{
  padding:16px;
  border-radius:16px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(20,20,20,.08);
}
.fact-icon{
  font-size:1.2rem;
  margin-bottom:6px;
}
.fact-card h3{
  margin:0 0 7px;
  font-size:1rem;
}
.fact-card p{
  margin:0;
  color:var(--muted);
  font-size:.92rem;
  line-height:1.5;
}
.michelin-note{
  margin:16px 0 0;
  color:#817c74;
  font-size:.78rem;
  line-height:1.45;
}
@media(max-width:620px){
  .hosilo-facts{padding:18px 14px}
  .fact-grid{grid-template-columns:1fr}
}

/* v4: kaup fyrst, staðarupplýsingar neðar og látlausari */
.sales-lead{
  color:#3f3b36;
  font-size:1.08rem;
  line-height:1.6;
  margin:0 0 18px;
  max-width:580px;
}
.purchase-first{
  margin:0 0 28px;
  padding:18px 0 24px;
  border-bottom:1px solid rgba(20,20,20,.10);
}
.book-copy{
  margin-top:4px;
}
.hosilo-more{
  margin-top:30px;
  padding-top:24px;
  border-top:1px solid rgba(20,20,20,.10);
  color:var(--muted);
  line-height:1.65;
}
.hosilo-more h2{
  color:var(--ink);
  margin:0 0 14px;
  font-size:1.45rem;
  letter-spacing:-.02em;
}
.hosilo-more p{
  margin:0 0 14px;
}
.michelin-light{
  font-size:.92rem;
  color:#746f68;
}
/* Felum gamla v3 fact-card framsetningu ef hún skyldi vera eftir í HTML */
.hosilo-facts{display:none!important}

.author-more{
  margin-top:24px;
  padding-top:24px;
  border-top:1px solid rgba(20,20,20,.10);
  color:var(--muted);
  line-height:1.65;
}
.author-more h2{
  color:var(--ink);
  margin:0 0 14px;
  font-size:1.45rem;
  letter-spacing:-.02em;
}
.author-more p{
  margin:0 0 14px;
}
.author-more strong{
  color:var(--ink);
  font-weight:800;
}