:root{--bg-primary: #F8F7F5;--bg-section: #F1EEEC;--bg-card: #FFFFFF;--bg-hover: #F6EFF1;--text-primary: #1F1F1F;--text-secondary: #6B6B6B;--text-muted: #9A9A9A;--accent-rose: #E6A4AF;--accent-rose-hover: #D78290;--accent-soft: #F3D6DB;--rating-star: #E9A1B0;--cta-primary: #111111;--cta-hover: #333333;--cta-active: #000000;--price-low: #FFB8C6;--price-mid: #8DA9C4;--price-high: #C6A75E;--price-organic: #8AA77B;--gradient-hero: linear-gradient(160deg, #fef8f7 0%, #f8f0f4 25%, #f0e8ee 50%, #ebe4ec 75%, #f5f0f2 100%);--gradient-hero-subtle: radial-gradient(ellipse 120% 80% at 50% -20%, rgba(243, 214, 219, .4) 0%, transparent 50%), radial-gradient(ellipse 80% 60% at 90% 30%, rgba(232, 220, 235, .25) 0%, transparent 45%), linear-gradient(180deg, #fef9f8 0%, #f6f2f0 100%);--gradient-card: linear-gradient(165deg, #ffffff 0%, #fefbfc 40%, #fcf8f9 100%);--gradient-card-hover: linear-gradient(165deg, #fff 0%, #fdf6f8 30%, #f8eef2 100%);--gradient-section: linear-gradient(180deg, #faf8f7 0%, #f3f0ef 50%, #eeebea 100%);--gradient-section-alt: linear-gradient(135deg, #f9f6f8 0%, #f2eef2 50%, #f5f2f4 100%);--gradient-accent-soft: linear-gradient(135deg, #fce4e9 0%, #f5d6dd 50%, #f0d0d8 100%);--gradient-accent-strong: linear-gradient(135deg, #f0c4cd 0%, #e6a4af 50%, #e098a6 100%);--gradient-cta: linear-gradient(145deg, #2d2d2d 0%, #1a1a1a 50%, #0d0d0d 100%);--gradient-cta-hover: linear-gradient(145deg, #404040 0%, #262626 50%, #1a1a1a 100%);--gradient-pill: linear-gradient(145deg, #ffffff 0%, #faf8f9 50%, #f5f2f4 100%);--gradient-pill-active: linear-gradient(145deg, #f8dce2 0%, #f0c8d1 50%, #eab5c0 100%);--gradient-category: linear-gradient(145deg, #ffffff 0%, #fcf9fa 40%, #f8f4f6 100%);--gradient-category-hover: linear-gradient(145deg, #fef8f9 0%, #fceef2 40%, #f8e4ea 100%);--gradient-title: linear-gradient(120deg, #c97d8d 0%, #d4929e 30%, #b87a8a 60%, #a86b7a 100%);--shadow-card: 0 2px 12px rgba(0, 0, 0, .04), 0 1px 3px rgba(0, 0, 0, .02);--shadow-card-hover: 0 12px 32px rgba(0, 0, 0, .08), 0 4px 12px rgba(180, 120, 135, .12);--radius-card: 16px;--radius-pill: 999px;--font-primary: "Noto Sans JP", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--line-height: 1.6;--card-gap: 24px;--section-padding-desk: 64px;--section-padding-mobile: 32px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-primary);font-size:14px;font-weight:400;line-height:var(--line-height);color:var(--text-primary);background:var(--gradient-hero-subtle);background-color:#faf7f6;min-height:100vh}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--accent-rose);outline-offset:2px}.c-h1{font-size:32px;font-weight:600;line-height:var(--line-height)}.c-h2{font-size:24px;font-weight:600;line-height:var(--line-height)}.c-h3{font-size:18px;font-weight:600;line-height:var(--line-height)}.c-body{font-size:14px;font-weight:400}.c-small{font-size:12px;font-weight:400}.c-container{width:100%;max-width:1440px;margin:0 auto;padding-left:var(--section-padding-mobile);padding-right:var(--section-padding-mobile)}@media (min-width: 768px){.c-container{padding-left:var(--section-padding-desk);padding-right:var(--section-padding-desk)}}.c-grid{display:grid;gap:var(--card-gap);grid-template-columns:repeat(2,1fr)}@media (min-width: 768px){.c-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.c-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1440px){.c-grid{grid-template-columns:repeat(5,1fr)}}.c-header{position:sticky;top:0;z-index:100;background:linear-gradient(180deg,#ffffffeb,#fcfafbe0);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 1px #0000000a,0 4px 20px #c8a0af0f}.c-header__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:8px 0}.c-header__brand{display:flex;flex-direction:column;gap:1px;justify-content:center}.c-header__logo{display:block;height:40px;width:auto;max-width:200px;-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center}.c-header__catchphrase{margin:0;font-size:10px;line-height:1.2;font-weight:400;color:var(--text-muted);letter-spacing:.02em}.c-header__search{flex:1;max-width:360px}.c-header__search-input{width:100%;padding:10px 16px 10px 40px;font-size:14px;border:1px solid rgba(0,0,0,.06);border-radius:var(--radius-pill);background:linear-gradient(180deg,#fdfbfc,#f8f5f6);transition:border-color .2s,box-shadow .2s}.c-header__search-input:focus{border-color:var(--accent-soft);box-shadow:0 0 0 3px #e6a4af33,inset 0 1px 2px #ffffff80;outline:none}.c-header__search-input::-moz-placeholder{color:var(--text-muted)}.c-header__search-input::placeholder{color:var(--text-muted)}.c-section{padding-top:var(--section-padding-mobile);padding-bottom:var(--section-padding-mobile)}@media (min-width: 768px){.c-section{padding-top:var(--section-padding-desk);padding-bottom:var(--section-padding-desk)}}.c-section__title{margin-bottom:24px;background:var(--gradient-title);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:var(--text-primary);font-weight:600}@supports (not ((-webkit-background-clip: text) or (background-clip: text))){.c-section__title{color:#a86b7a;-webkit-text-fill-color:unset}}.c-card{background:var(--gradient-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden;transition:background .25s,box-shadow .25s,transform .25s}.c-card:hover{background:var(--gradient-card-hover);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.c-card__image-wrap{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:linear-gradient(145deg,#f5f0f2,#eee8eb,#f2edf0)}.c-card__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease}.c-card:hover .c-card__image{transform:scale(1.05)}.c-card__body{padding:14px}.c-card__brand{font-size:11px;color:var(--text-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em}.c-card__name{font-size:14px;font-weight:500;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em;line-height:1.4}.c-card__price{font-size:16px;font-weight:600;color:var(--text-primary);margin-top:8px}.c-card__rating{display:flex;align-items:center;gap:4px;margin-top:6px;color:var(--rating-star)}.c-card__actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}.c-card__cta{display:inline-block;padding:10px 18px;background:var(--gradient-cta);color:#fff;font-size:13px;font-weight:500;border-radius:10px;border:none;cursor:pointer;transition:background .2s,transform .15s}.c-card__cta:hover{background:var(--gradient-cta-hover);transform:scale(1.02)}.c-card__favorite{width:40px;height:40px;border-radius:50%;border:1px solid rgba(0,0,0,.08);background:#fff;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s,border-color .2s,background .2s;flex-shrink:0}.c-card__favorite:hover,.c-card__favorite.is-active{color:var(--accent-rose);border-color:var(--accent-soft);background:var(--accent-soft)}.c-card__badge{position:absolute;top:10px;left:10px;font-size:10px;font-weight:600;padding:4px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.03em}.c-card__badge--low{background:var(--price-low);color:#5c2a35}.c-card__badge--mid{background:var(--price-mid);color:#1e3344}.c-card__badge--high{background:var(--price-high);color:#4a3a1a}.c-card__badge--organic{background:var(--price-organic);color:#2a3d22}.c-pills{display:flex;flex-wrap:wrap;gap:10px}.c-pill{display:inline-block;padding:10px 20px;font-size:14px;border-radius:var(--radius-pill);background:var(--gradient-pill);color:var(--text-secondary);border:1px solid rgba(0,0,0,.06);cursor:pointer;transition:all .25s ease;box-shadow:0 2px 6px #0000000a,inset 0 1px #fffc}.c-pill:hover{background:linear-gradient(145deg,#fdf4f6,#fae8ec,#f8e0e6);color:var(--text-primary);border-color:#e6a4af66;box-shadow:0 4px 12px #dca0af33,inset 0 1px #ffffffe6;transform:translateY(-1px)}.c-pill.is-active{background:var(--gradient-pill-active);color:#5c3a42;border-color:#e096a580;box-shadow:0 4px 14px #c8829640,inset 0 1px #fff9;transform:translateY(-1px)}.c-carousel{display:flex;gap:var(--card-gap);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;-webkit-overflow-scrolling:touch}.c-carousel::-webkit-scrollbar{height:6px}.c-carousel::-webkit-scrollbar-track{background:var(--bg-section);border-radius:3px}.c-carousel::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}.c-carousel__item{flex:0 0 200px;scroll-snap-align:start}@media (min-width: 768px){.c-carousel__item{flex:0 0 260px}}.c-footer{background:linear-gradient(180deg,#f4f0f0,#ebe6e6,#e8e4e4);padding:var(--section-padding-mobile) 0;margin-top:48px;color:var(--text-secondary);font-size:12px;box-shadow:inset 0 4px 20px #00000005}@media (min-width: 768px){.c-footer{padding:var(--section-padding-desk) 0}}.c-skeleton{background:linear-gradient(90deg,var(--bg-section) 25%,var(--bg-card) 50%,var(--bg-section) 75%);background-size:200% 100%;animation:c-skeleton 1.2s ease-in-out infinite;border-radius:8px}@keyframes c-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.c-skeleton--image{aspect-ratio:1 / 1}.c-skeleton--line{height:14px}.c-skeleton--line.short{width:40%}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.c-category-card{display:flex;align-items:center;justify-content:center;min-height:88px;padding:20px;background:var(--gradient-category);border-radius:var(--radius-card);box-shadow:var(--shadow-card),inset 0 1px #ffffffe6;transition:all .25s ease;border:1px solid rgba(0,0,0,.04)}.c-category-card:hover{background:var(--gradient-category-hover);box-shadow:var(--shadow-card-hover),inset 0 1px #fffc;transform:translateY(-3px);border-color:#e6a4af59}.c-category-card span{font-weight:500;color:var(--text-primary)}