/* Shop, category hubs and card extras */
.price-tag{position:absolute;left:10px;top:10px;background:#fff;color:var(--ink);font-weight:700;font-size:14.5px;padding:3px 9px;border-radius:3px}
.card-blurb{margin:0;font-size:16px;line-height:1.5;color:var(--ink-2)}
.library{margin-top:28px}
.hub-intro{font-size:18px;color:var(--ink-2);max-width:60ch;margin:0}
.shop-card{border:1px solid var(--line);border-radius:4px;padding:14px;display:flex;flex-direction:column;gap:8px}
.shop-card h3{font-size:19px}
.shop-card p{margin:0;font-size:16px;color:var(--ink-2)}
.product{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:44px;align-items:start;margin-top:22px}
.product-img img{width:100%;border-radius:4px;border:1px solid var(--line)}
.product-info h1{font-size:clamp(30px,4vw,42px);margin:0 0 10px}
.product-info .price{font:700 28px var(--head);margin:14px 0 4px}
.product-info .fine{font-size:14.5px;color:var(--ink-3);margin:10px 0 0}
.ticks{list-style:none;padding:0;margin:16px 0}
.ticks li{position:relative;padding-left:26px;font-size:17px}
.ticks li+li{margin-top:6px}
.ticks li::before{content:"";position:absolute;left:4px;top:.5em;width:6px;height:11px;border:solid var(--green);border-width:0 2px 2px 0;transform:translateY(-3px) rotate(40deg)}
.buy-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.specs{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 24px;margin:18px 0 0;padding:16px 0;border-block:1px solid var(--line)}
.specs div{font-size:16px}
.specs dt{font-size:14px;color:var(--ink-3)}
.specs dd{margin:0;font-weight:600}
.shot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
.shot-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px}
.page-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px}
.page-grid img{width:100%;border:1px solid var(--line);border-radius:3px}
.shop-section{margin-top:56px}
.yarn-tbl{width:100%;border-collapse:collapse;font-size:16px;margin-top:12px}
.yarn-tbl th,.yarn-tbl td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line)}
.yarn-tbl th{font-weight:700;color:var(--ink-3);font-size:14px}
.tbl-scroll{overflow-x:auto}
@media(max-width:860px){.product{grid-template-columns:1fr;gap:24px}.shot-grid{grid-template-columns:repeat(2,1fr)}.page-grid{grid-template-columns:repeat(2,1fr)}.shop-section{margin-top:40px}}
@media(max-width:600px){.buy-row .btn{width:100%}.grid-3.library{grid-template-columns:1fr}}

/* ---------- home page ---------- */
.hero{padding:40px 0 28px;border-bottom:1px solid var(--line)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:48px;align-items:center}
.hero-text .hand{display:block;margin-bottom:8px}
.hero-text h1{font-size:clamp(32px,4.4vw,48px);line-height:1.15;margin:0 0 16px}
.hero-text p{color:var(--ink-2);max-width:46ch}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 0}
.hero-note{font-size:15.5px;color:var(--ink-3)!important;margin-top:18px!important}
.hero-photos{display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:1fr 1fr;gap:10px;height:min(520px,52vw)}
.hero-photos a{display:block;overflow:hidden;border-radius:4px;background:var(--soft)}
.hero-photos img{width:100%;height:100%;object-fit:cover}
.hp-main{grid-row:1/3}
.cats{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.cat{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:4px;overflow:hidden}
.cat img{width:100%;aspect-ratio:3/2;object-fit:cover}
.cat-txt{display:flex;flex-direction:column;gap:6px;padding:16px 18px 18px}
.cat-txt strong{font:700 22px/1.25 var(--head)}
.cat-txt>span{font-size:16.5px;color:var(--ink-2);line-height:1.5}
.cat-txt .go{color:var(--accent);font-weight:700;margin-top:4px}
.cat:hover strong,.cat:hover .go{color:var(--accent)}
.cat:hover .go{text-decoration:underline;text-underline-offset:3px}
.filters{display:flex;gap:6px;flex-wrap:wrap}
.filters button{padding:6px 12px;border:1px solid var(--line);border-radius:4px;font-size:15px;font-weight:600;color:var(--ink-2)}
.filters button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.feature-shop{background:var(--soft);padding:52px 0;margin:24px 0;border-block:1px solid var(--line)}
.fs-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:center}
.fs-photos{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:10px}
.fs-photos img{width:100%;border-radius:4px;object-fit:cover}
.fs-photos img:first-child{grid-row:1/3;height:100%}
.fs-text .hand{display:block;margin-bottom:6px}
.fs-text h2{font-size:clamp(26px,3.2vw,34px);margin-bottom:12px}
.fs-text p{color:var(--ink-2)}
.hello-strip{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;align-items:center}
.hello-strip img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:4px}
.hello-strip .hand{display:block;margin-bottom:6px}
.hello-strip h2{font-size:clamp(24px,3vw,30px);margin-bottom:12px}
.hello-strip p+p{margin-top:12px}
.more{color:var(--accent);font-weight:700}
.more:hover{text-decoration:underline;text-underline-offset:3px}
@media(max-width:860px){
  .hero{padding:24px 0}
  .hero-grid,.fs-grid{grid-template-columns:1fr;gap:28px}
  .hero-photos{height:auto;grid-template-rows:auto;grid-template-columns:1.4fr 1fr;height:min(340px,80vw)}
  .cats{grid-template-columns:1fr}
  .hello-strip{grid-template-columns:1fr;gap:20px}
  .hello-strip img{max-width:220px}
  .feature-shop{padding:36px 0}
}
@media(max-width:600px){.hero-cta .btn{width:100%}.hero-photos .hp-b{display:none}.hero-photos{grid-template-columns:1.3fr 1fr}.hero-photos .hp-a{grid-row:1/3}}
@media(max-width:600px){#library .grid-3.library{grid-template-columns:1fr 1fr;gap:16px}}