
:root{--brand-bg:#ffffff;--brand-text:#0f172a;--muted-text:#475569;--accent:#0ea5e9;--accent-2:#10b981;--line:#e5e7eb;--card:#ffffff;--radius:16px;--shadow:0 8px 24px rgba(0,0,0,.07);--container:1200px}
html{scroll-behavior:smooth}body{background:var(--brand-bg);color:var(--brand-text)}
a{color:var(--brand-text);text-decoration:none}a:hover{opacity:.85}
.container{max-width:var(--container);margin-inline:auto;padding-inline:16px}.container-narrow{max-width:920px;margin-inline:auto;padding-inline:16px}
.ma-grid{display:grid;gap:18px}.ma-grid.cols-4{grid-template-columns:repeat(4,1fr)}.ma-grid.cols-3{grid-template-columns:repeat(3,1fr)}
@media(max-width:1024px){.ma-grid.cols-4{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.ma-grid.cols-4,.ma-grid.cols-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.ma-grid{grid-template-columns:1fr}}
.ma-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.ma-card-body{padding:14px}.ma-title{font-weight:600}.ma-price{font-weight:700}
.ma-announcement{background:#fbfbfb;border-bottom:1px solid var(--line);text-align:center;padding:8px 10px;color:var(--muted-text);font-size:.9rem}
.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);padding:10px 18px;border-radius:999px}.btn.primary{background:var(--brand-text);color:#fff;border-color:var(--brand-text)}.btn.secondary{background:#fff;color:var(--brand-text)}
.woocommerce ul.products li.product{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);padding-bottom:10px}.woocommerce div.product .product_title{font-size:1.8rem}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.ma-wrap{max-width:1200px;margin:0 auto;padding:0 16px}
.ma-sec{padding:26px 0}
.ma-sec.narrow{max-width:920px;margin:0 auto}
.ma-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:10px}
.ma-head h2{margin:0;font-size:1.25rem}
.ma-annc{background:#fbfbfb;border:1px solid #e5e7eb;border-left:0;border-right:0;text-align:center;padding:8px;color:#475569;font-size:.92rem}

/* Hero */
.ma-hero{display:grid;gap:18px;align-items:center;margin:18px 0}
.hero-img{width:100%;height:auto;aspect-ratio:7/4;object-fit:cover;border-radius:16px}
.hero-copy h1{margin:.25rem 0 .35rem;font-size:clamp(22px,5vw,42px);line-height:1.1}
.hero-copy p{color:#475569;margin:0 0 .6rem}
.cta{display:flex;gap:10px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;padding:10px 16px;border-radius:999px;border:1px solid #e5e7eb}
.btn.primary{background:#0f172a;color:#fff;border-color:#0f172a}
.btn.secondary{background:#fff;color:#0f172a}
@media (min-width: 992px){.ma-hero{grid-template-columns:1.05fr .95fr}.hero-copy{order:1}.hero-img{order:2}}

/* Collections */
.cat-grid{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width: 900px){ .cat-grid{grid-template-columns:repeat(4,1fr)} }
.cat-card{display:block;position:relative;border-radius:16px;overflow:hidden;border:1px solid #e5e7eb;box-shadow:0 8px 24px rgba(0,0,0,.05)}
.cat-card .bg{position:absolute;inset:0;background:#f1f5f9 center/cover no-repeat;filter:saturate(1.05) contrast(1.02)}
.cat-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.35))}
.cat-card .label{position:relative;display:block;padding:22px 14px;color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.4)}

/* Featured products (mobile scroll + desktop grid) */
.product-row{display:grid;grid-auto-flow:column;grid-auto-columns:75%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:6px}
.product-row>.p-card{scroll-snap-align:start;background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.06)}
.p-media img{width:100%;height:auto;display:block;aspect-ratio:1/1;object-fit:cover;background:#f1f5f9}
.p-body{padding:12px}.p-title{margin:0 0 6px;font-size:1rem;line-height:1.25}.p-price{font-weight:700}
@media (min-width: 900px){.product-row{grid-auto-flow:initial;grid-auto-columns:initial;grid-template-columns:repeat(4,1fr);overflow:visible}}

/* Trust & story */
.usp{display:grid;gap:8px;grid-template-columns:repeat(2,1fr);list-style:none;margin:0;padding:0;color:#475569}
@media (min-width: 900px){ .usp{grid-template-columns:repeat(4,1fr)} }
.story{background:#fbfbfb;border:1px solid #e5e7eb;border-left:0;border-right:0}
.story-inner{max-width:920px;margin:0 auto;padding:22px 0}
.story h2{margin:.2rem 0 .4rem;font-size:1.25rem}.story p{color:#475569;margin:0 0 .6rem}

/* Accessibility */
:focus-visible{outline:2px solid #0ea5e9;outline-offset:2px}
