:root{
    --ink:#12233a;
    --ink-soft:#3a4d66;
    --sea:#cfe3e6;
    --sea-deep:#9cc4ca;
    --ivory:#fbf8f1;
    --citrus:#e8a13a;
    --line:#d9d3c6;
    --radius:16px;
  }
  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;}
  body{
    background:var(--ivory);
    color:var(--ink);
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    line-height:1.5;
    -webkit-font-smoothing:antialiased;
  }
  a{color:var(--ink);}
  img{max-width:100%;display:block;}
  .wrap{max-width:1120px;margin:0 auto;padding:0 20px;}
  .skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;padding:10px 14px;border-radius:0 0 8px 0;z-index:50;}
  .skip:focus{left:0;}

  /* Header */
  header.site{
    background:var(--ivory);
    border-bottom:1px solid var(--line);
    position:sticky;top:0;z-index:40;
  }
  .bar{display:flex;align-items:center;gap:16px;padding:14px 0;flex-wrap:wrap;}
  .brand{font-weight:700;font-size:1.25rem;letter-spacing:.02em;text-decoration:none;display:flex;align-items:center;gap:10px;}
  .brand .arch{
    width:26px;height:26px;border-radius:50% 50% 6px 6px;
    background:linear-gradient(180deg,var(--sea-deep),var(--sea));
    border:2px solid var(--ink);
    flex:none;
  }
  nav.main{display:flex;gap:18px;font-size:.92rem;}
  nav.main a{text-decoration:none;color:var(--ink-soft);}
  nav.main a:hover,nav.main a:focus{color:var(--ink);text-decoration:underline;}
  .search{
    margin-left:auto;display:flex;align-items:center;gap:8px;
    background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 12px;
  }
  .search input{border:0;outline:0;font:inherit;font-size:.9rem;background:transparent;width:150px;color:var(--ink);}
  .search svg{flex:none;}
  .cart-btn{
    display:inline-flex;align-items:center;gap:8px;text-decoration:none;
    background:var(--ink);color:#fff;border-radius:999px;padding:8px 14px;font-size:.9rem;
  }
  .cart-btn .count{background:var(--citrus);color:var(--ink);border-radius:999px;padding:0 7px;font-weight:700;font-size:.78rem;}

  /* Hero */
  .hero{padding:42px 0;background:linear-gradient(180deg,var(--sea) 0%,var(--ivory) 100%);}
  .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:32px;align-items:center;}
  .hero h1{font-size:clamp(1.7rem,3.4vw,2.6rem);line-height:1.15;margin:0 0 14px;}
  .hero p{margin:0 0 20px;color:var(--ink-soft);max-width:44ch;}
  .hero-actions{display:flex;gap:12px;flex-wrap:wrap;}
  .btn{
    display:inline-block;text-decoration:none;border-radius:999px;padding:11px 20px;font-weight:600;font-size:.95rem;border:2px solid var(--ink);
  }
  .btn.primary{background:var(--ink);color:#fff;}
  .btn.ghost{background:transparent;color:var(--ink);}
  .hero-art{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12px;}
  .hero-art figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;aspect-ratio:1/1;}
  .hero-art img{width:100%;height:100%;object-fit:contain;padding:8px;}
  .hero-art figure:nth-child(2){transform:translateY(16px);}

  /* Sections */
  section.block{padding:42px 0;}
  .sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap;}
  .sec-head h2{margin:0;font-size:1.35rem;}
  .sec-head p{margin:0;color:var(--ink-soft);font-size:.92rem;}

  /* Product grid */
  .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
  .card{
    background:#fff;border:1px solid var(--line);border-radius:var(--radius);
    display:flex;flex-direction:column;overflow:hidden;
  }
  .card .thumb{aspect-ratio:4/3;background:var(--sea);display:flex;align-items:center;justify-content:center;padding:10px;}
  .card .thumb img{width:100%;height:100%;object-fit:contain;}
  .card .body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1;}
  .card h3{margin:0;font-size:.98rem;line-height:1.3;}
  .card .price{margin:0;font-weight:700;color:var(--ink);}
  .card .sku{margin:0;font-size:.75rem;color:var(--ink-soft);letter-spacing:.03em;}
  .card .cta{margin-top:auto;}
  .card .cta a{
    display:inline-block;text-decoration:none;font-weight:600;font-size:.88rem;
    border:2px solid var(--ink);border-radius:999px;padding:7px 14px;
  }
  .card .cta a:hover,.card .cta a:focus{background:var(--ink);color:#fff;}

  /* Editorial strip */
  .strip{background:var(--sea);border-radius:var(--radius);padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;}
  .strip h2{margin:0 0 10px;font-size:1.3rem;}
  .strip p{margin:0;color:var(--ink-soft);}
  .arches{display:flex;gap:10px;justify-content:flex-end;}
  .arches span{width:44px;height:56px;border-radius:50% 50% 8px 8px;border:2px solid var(--ink);}
  .arches span:nth-child(1){background:var(--sea-deep);}
  .arches span:nth-child(2){background:var(--citrus);}
  .arches span:nth-child(3){background:#fff;}

  /* Footer */
  footer.site{background:var(--ink);color:#e9eef2;margin-top:20px;}
  .foot{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:24px;padding:32px 0;}
  .foot h3{margin:0 0 10px;font-size:.95rem;color:#fff;}
  .foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:.88rem;}
  .foot a{color:#cfd9e2;text-decoration:none;}
  .foot a:hover,.foot a:focus{color:#fff;text-decoration:underline;}
  .foot .note{font-size:.8rem;color:#9fb0c0;margin:0;}
  .foot-bottom{border-top:1px solid rgba(255,255,255,.15);padding:14px 0;font-size:.8rem;color:#9fb0c0;}

  /* Product page */
  .crumbs{font-size:.85rem;color:var(--ink-soft);padding:18px 0 0;}
  .crumbs a{color:var(--ink-soft);}
  .product{display:grid;grid-template-columns:1.05fr .95fr;gap:32px;padding:24px 0 42px;align-items:start;}
  .gallery .main{
    background:#fff;border:1px solid var(--line);border-radius:var(--radius);
    aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:16px;
  }
  .gallery .main img{width:100%;height:100%;object-fit:contain;}
  .thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;margin-top:12px;}
  .thumbs button{
    padding:0;border:2px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;
    aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden;
  }
  .thumbs button img{width:100%;height:100%;object-fit:contain;padding:4px;}
  .thumbs button[aria-pressed="true"]{border-color:var(--ink);}
  .thumbs button:focus-visible{outline:3px solid var(--citrus);outline-offset:2px;}
  .pinfo h1{margin:0 0 10px;font-size:clamp(1.4rem,2.6vw,2rem);line-height:1.2;}
  .pinfo .price{font-size:1.3rem;font-weight:700;margin:0 0 16px;}
  .facts{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:16px;margin:0 0 18px;}
  .facts h2{margin:0 0 10px;font-size:.95rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);}
  .facts dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:0;font-size:.92rem;}
  .facts dt{color:var(--ink-soft);}
  .facts dd{margin:0;}
  .add{
    display:inline-block;background:#e6e1d6;color:#7c8794;border:2px solid #d3ccbe;border-radius:999px;
    padding:11px 22px;font-weight:600;font-size:.95rem;cursor:not-allowed;
  }
  .add-note{font-size:.82rem;color:var(--ink-soft);margin:10px 0 0;}
  .related{padding:0 0 42px;}
  .related h2{font-size:1.15rem;margin:0 0 16px;}
  .notfound{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;margin:24px 0 42px;}
  .notfound h1{margin:0 0 10px;font-size:1.4rem;}
  .notfound p{margin:0 0 16px;color:var(--ink-soft);}

  @media (max-width:860px){
    .hero-grid{grid-template-columns:1fr;}
    .grid{grid-template-columns:repeat(2,1fr);}
    .product{grid-template-columns:1fr;}
    .strip{grid-template-columns:1fr;}
    .arches{justify-content:flex-start;}
    .foot{grid-template-columns:1fr 1fr;}
  }
  @media (max-width:600px){
    section.block,.hero{padding:32px 0;}
    .grid{grid-template-columns:1fr;}
    .search input{width:110px;}
    nav.main{order:3;width:100%;}
    .foot{grid-template-columns:1fr;}
  }

  /* Cart button (disabled) */
  button.cart-btn{font:inherit;cursor:not-allowed;opacity:.75;}

  /* Guide */
  .guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
  .guide-item{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;}
  .guide-item h3{margin:0 0 8px;font-size:1rem;}
  .guide-item p{margin:0;color:var(--ink-soft);font-size:.92rem;}

  /* FAQ */
  .faq-list{display:flex;flex-direction:column;gap:10px;}
  .faq-list details{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;}
  .faq-list summary{cursor:pointer;font-weight:600;}
  .faq-list summary:focus-visible{outline:3px solid var(--citrus);outline-offset:2px;}
  .faq-list details p{margin:10px 0 0;color:var(--ink-soft);font-size:.92rem;}

  /* Help */
  .help-strip{margin-top:0;}

  /* Search empty state */
  .empty-state{background:#fff;border:1px dashed var(--line);border-radius:var(--radius);padding:20px;color:var(--ink-soft);font-size:.95rem;margin-top:16px;}
  .empty-state[hidden]{display:none;}

  @media (max-width:860px){
    .guide-grid{grid-template-columns:1fr;}
  }
  @media (max-width:600px){
    .faq-list details{padding:12px 14px;}
    .guide-item{padding:16px;}
  }

[hidden]{display:none!important}

/* Reviewed homepage fixes, 2026-11-12 */
@media (max-width:600px){
  .grid{grid-template-columns:repeat(2,1fr);gap:12px;}
  .card{display:flex;flex-direction:column;}
  .card h3{font-size:14px;line-height:1.3;overflow-wrap:anywhere;word-break:break-word;white-space:normal;text-overflow:clip;overflow:visible;}
  .card .body{padding:12px 12px 14px;gap:6px;display:flex;flex-direction:column;flex:1 1 auto;}
  .card .price{font-size:14px;margin-top:auto;}
  .card .sku{font-size:12px;}
  .card .cta{margin-top:0;}
  .card .cta a{font-size:13px;padding:6px 12px;}
  .card .thumb{padding:8px;}
  .card .thumb img{object-fit:contain;}
}
@media (max-width:390px){
  .grid{gap:10px;}
  .card .body{padding:10px 10px 12px;}
  .card h3{font-size:14px;}
  .card .price{font-size:14px;}
  .card .cta a{font-size:13px;padding:6px 10px;}
}
.foot{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);}
.foot > *{min-width:0;}
.foot ul{min-width:0;}
.foot ul li{min-width:0;}
.foot ul li a{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#footLinks li:nth-child(n+4){display:none;}
@media (max-width:600px){
  .foot{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 16px;padding:24px 0;}
  .foot > div:first-child{grid-column:1 / -1;}
  .foot ul{gap:4px;}
  .foot ul li a{font-size:14px;}
}
@media (max-width:390px){
  .foot{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 12px;}
  .foot ul li a{font-size:14px;}
}
.card .cta a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box;}
@media (max-width:600px){.card .sku{display:none;}}


.search-submit{border:0;background:transparent;padding:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;cursor:pointer;}