:root{--ink:#201b16;--muted:#756d64;--paper:#f8f6f2;--card:#fff;--line:#e8e2d9;--blue:#00A8E1;--blue2:#0096D6;--dark:#171411;--shadow:0 12px 34px rgba(38,27,14,.08)}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 "DM Sans",system-ui,sans-serif}
    a{color:inherit}
    .topline{height:5px;background:linear-gradient(90deg,#005f8a,#00A8E1,#0096D6,#bfefff,#0077b6)}
    .wrap{width:min(1160px,calc(100% - 36px));margin:auto}
    header{padding:24px 0 30px;background:radial-gradient(ellipse at 50% -30%,#42321c 0%,#201a13 52%,#171411 100%);color:#fff}
    .head{display:flex;align-items:center;gap:22px}
    .logo{width:132px;height:132px;object-fit:cover;border-radius:50%;border:3px solid #00A8E1;background:#fff;padding:6px;box-shadow:0 0 0 4px #fff,0 8px 32px #0008;flex:none}
    .brand-copy{min-width:0}
    .brand-name{font:800 clamp(2rem,5vw,3.7rem)/1.03 Manrope,sans-serif;letter-spacing:-.055em;margin:0}
    .brand-name span{color:#00A8E1}
    .brand-line{margin:11px 0 0;color:#e7dfd1;font-size:1.02rem}
    .affiliate{display:inline-flex;align-items:center;gap:8px;margin-top:15px;padding:8px 13px;border:1px solid #00A8E1;border-radius:999px;background:linear-gradient(180deg,#00A8E1,#0096D6);color:#fff;font-size:.77rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;box-shadow:inset 0 1px #fff8}
    .affiliate:before{content:"";width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #ffffff55}
    .admin-link{margin-left:auto;align-self:flex-start;padding:10px 13px;border:1px solid #ffffff55;border-radius:11px;color:#fff;text-decoration:none;font-size:.86rem;font-weight:700;white-space:nowrap}
    .admin-link:hover{background:#ffffff16}
    .hero-note{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-top:28px;padding-top:20px;border-top:1px solid #ffffff22}
    .hero-note p{max-width:620px;margin:0;color:#d7cfc4;font-size:1rem}
    .hero-note strong{color:#fff}
    .jump{display:inline-flex;align-items:center;gap:8px;padding:11px 15px;border:1px solid #ffffff44;border-radius:12px;text-decoration:none;color:#fff;font-weight:700;white-space:nowrap}
    .jump:hover{background:#ffffff12}
    main{padding:32px 0 54px}
    .intro{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:20px}
    h2{font:800 clamp(1.65rem,3vw,2.25rem)/1.1 Manrope,sans-serif;letter-spacing:-.04em;margin:0}
    .intro p{margin:8px 0 0;color:var(--muted)}
    .count{color:var(--muted);font-weight:700;white-space:nowrap}
    .tools{position:sticky;top:0;z-index:3;padding:14px 0;background:linear-gradient(var(--paper) 78%,#f8f6f200);backdrop-filter:blur(8px)}
    .toolrow{display:flex;gap:12px;align-items:center}
    .search{flex:1;position:relative}
    .search:before{content:"⌕";position:absolute;left:15px;top:7px;font-size:1.65rem;color:#877d70;pointer-events:none}
    input,select{width:100%;height:48px;border:1px solid #ded7cc;border-radius:13px;background:#fff;color:var(--ink);font:inherit;outline:none}
    input{padding:0 15px 0 45px}
    select{width:auto;min-width:180px;padding:0 38px 0 14px}
    input:focus,select:focus{border-color:#00A8E1;box-shadow:0 0 0 3px #00a8e138}
    .chips{display:flex;gap:8px;overflow:auto;padding:1px 0 12px;scrollbar-width:thin}
    .chip{flex:none;padding:8px 13px;border:1px solid #e2dbd0;background:#fff;border-radius:999px;color:#544b40;font:600 .86rem "DM Sans",sans-serif;cursor:pointer}
    .chip[aria-pressed="true"]{border-color:#0096D6;background:#0096D6;color:#fff}
    .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
    .product-listing{margin:0 0 34px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}
    .listing-heading{margin-bottom:18px}.listing-heading .eyebrow{margin:0 0 6px;color:#0077b6;font-size:.72rem;font-weight:800;letter-spacing:.12em}.listing-heading p:last-child{max-width:760px;margin:9px 0 0;color:var(--muted)}
    .card{overflow:hidden;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease}
    .card:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(38,27,14,.13)}
    .photo{aspect-ratio:1.18/1;background:#f1eee9;display:grid;place-items:center;overflow:hidden}
    .photo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
    .copy{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:15px}
    .category{font-size:.71rem;line-height:1.2;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#0077b6;margin-bottom:8px}
    .copy h3{font:700 1rem/1.3 Manrope,sans-serif;margin:0 0 8px}
    .copy p{font-size:.88rem;line-height:1.48;color:#675f57;margin:0 0 16px}
    .buy{margin-top:auto;width:100%;display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 12px;background:#0096D6;color:#fff;text-decoration:none;border-radius:11px;font-size:.92rem;font-weight:700}
    .buy:hover{background:#00A8E1}
    .disclose-link{display:block;text-align:center;color:#8a8177;font-size:.7rem;margin:7px 0 -3px}
    .empty{grid-column:1/-1;padding:54px 20px;text-align:center;background:white;border:1px dashed #d9d0c3;border-radius:18px;color:var(--muted)}
    .empty strong{display:block;color:var(--ink);font:700 1.1rem Manrope,sans-serif;margin-bottom:4px}
    footer{background:#211a13;color:#e9e1d6;padding:28px 0 34px}
    .foot{display:flex;justify-content:space-between;gap:24px;align-items:start}
    .foot h2{font-size:1.14rem;letter-spacing:-.02em;margin:0 0 8px}
    .foot p{max-width:760px;color:#c9beb0;font-size:.88rem;margin:0 0 8px}
    .foot .required{color:#fff;font-weight:700}
    .fine{font-size:.75rem!important;color:#9f9486!important;margin-top:14px!important}
    .backtop{color:#00A8E1;font-weight:700;text-decoration:none;white-space:nowrap}
    @media(max-width:980px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
    @media(max-width:680px){.wrap{width:min(100% - 24px,540px)}header{padding:17px 0 24px}.head{gap:13px}.logo{width:82px;height:82px}.brand-name{font-size:clamp(1.7rem,7vw,2.4rem)}.brand-line{font-size:.87rem;margin-top:6px}.affiliate{font-size:.65rem;padding:7px 10px;margin-top:10px}.admin-link{padding:8px 9px;font-size:.72rem}.hero-note{align-items:start;flex-direction:column;gap:14px;margin-top:20px;padding-top:15px}.hero-note p{font-size:.9rem}.jump{padding:9px 12px;font-size:.9rem}main{padding:25px 0 42px}.intro{align-items:start;flex-direction:column;gap:7px}.count{font-size:.87rem}.tools{padding:9px 0}.toolrow{align-items:stretch;flex-direction:column;gap:8px}select{width:100%;min-width:0}.chips{margin-right:-12px;padding-right:12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.photo{aspect-ratio:1/1}.copy{padding:11px}.copy h3{font-size:.9rem}.copy p{font-size:.79rem}.category{font-size:.63rem}.buy{font-size:.82rem;padding:10px 7px}.disclose-link{font-size:.64rem}.foot{flex-direction:column}.backtop{font-size:.9rem}}
    @media(max-width:365px){.grid{grid-template-columns:1fr}.card{display:grid;grid-template-columns:112px 1fr}.photo{height:100%;min-height:140px}.copy{padding:12px}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}