:root{--color-primary: #16A34A;--color-secondary: #0a0a0a;--color-accent: #22C55E;--color-dark: #0a0a0a;--color-light: #f5f5f5;--color-primary-soft: #DCFCE7;--color-primary-hover: #15803D;--color-secondary-soft: #1a1a1a;--color-accent-hover: #16A34A;--color-warm: #FEF3C7;--color-warm-soft: #FFFBEB;--color-tan: #f5f5f5;--color-tan-light: #fafafa;--color-text: #18181b;--color-text-soft: #52525b;--color-text-muted: #71717a;--color-bg: #ffffff;--color-bg-soft: #fafafa;--color-bg-muted: #f4f4f5;--color-border: #e4e4e7;--color-success: #16a34a;--color-warning: #f59e0b;--color-danger: #dc2626;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 6px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 28px rgba(0, 0, 0, .12);--shadow-card: 0 2px 8px rgba(0, 0, 0, .06);--container: 1320px;--gap-xs: 8px;--gap-sm: 12px;--gap-md: 20px;--gap-lg: 32px;--gap-xl: 56px;--transition: .2s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,svg{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none;transition:color var(--transition)}button{font-family:inherit;cursor:pointer;border:none;background:none}ul{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:1.2;font-weight:700;letter-spacing:-.01em;color:var(--color-text)}.display{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;line-height:1.1}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}.section{padding:var(--gap-xl) 0}.section-header{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:var(--gap-md);margin-bottom:var(--gap-lg)}.section-title{font-size:clamp(1.5rem,2.5vw,2.1rem);font-weight:700;color:var(--color-text)}.section-subtitle{color:var(--color-text-soft);margin-top:6px;font-size:.95rem}.section-link{font-weight:600;font-size:.9rem;color:var(--color-primary-hover);display:inline-flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.04em}.section-link:hover{color:var(--color-accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 26px;border-radius:var(--radius-full);font-weight:600;font-size:.95rem;transition:all var(--transition);cursor:pointer;white-space:nowrap}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 4px 14px #7cc4d659}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 8px 22px #7cc4d673}.btn-accent{background:var(--color-accent);color:#fff;box-shadow:0 4px 14px #e891a859}.btn-accent:hover{background:var(--color-accent-hover);transform:translateY(-2px)}.btn-dark{background:var(--color-dark);color:#fff}.btn-dark:hover{background:#2a2a2a}.btn-outline{background:transparent;color:var(--color-text);border:1.5px solid var(--color-border)}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary-hover)}.btn-lg{padding:16px 34px;font-size:1rem}.badge{display:inline-block;padding:4px 12px;border-radius:var(--radius-full);font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.badge-new{background:var(--color-primary);color:#fff}.badge-sale{background:var(--color-dark);color:var(--color-primary)}.badge-top{background:var(--color-warm);color:#1a1a1a}.badge-discount{background:var(--color-accent);color:#fff}.product-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition);display:flex;flex-direction:column}.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:var(--color-primary-soft)}.product-media{position:relative;aspect-ratio:1;background:var(--color-bg-soft);overflow:hidden}.product-link{display:block;width:100%;height:100%}.product-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.product-card:hover .product-media img{transform:scale(1.04)}.product-badges{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:6px}.wishlist-btn{position:absolute;top:12px;right:12px;width:36px;height:36px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-soft);box-shadow:var(--shadow-sm);transition:all var(--transition);cursor:pointer;border:none}.wishlist-btn:hover{color:var(--color-accent);transform:scale(1.1)}.wishlist-btn.is-active{color:var(--color-accent)}.wishlist-btn.is-active svg path{fill:currentColor;stroke:currentColor}.wishlist-btn.is-pulse{animation:heart-pulse .4s cubic-bezier(.68,-.55,.27,1.55)}@keyframes heart-pulse{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}.product-info{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}.product-category{font-size:.72rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.product-name{font-size:.95rem;font-weight:600;line-height:1.35;color:var(--color-text);min-height:2.5em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-name a:hover{color:var(--color-accent)}.product-rating{display:flex;align-items:center;gap:6px;font-size:.8rem}.product-rating .stars{color:var(--color-warning);letter-spacing:1px}.product-rating .stars .empty{color:var(--color-border)}.product-rating .reviews{color:var(--color-text-muted)}.product-price{display:flex;align-items:baseline;gap:8px;margin-top:auto}.product-price strong{font-size:1.1rem;color:var(--color-primary-hover);font-weight:700}.product-price .old-price{font-size:.85rem;color:var(--color-text-muted);text-decoration:line-through}.product-actions{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:4px}.btn-add,.product-card .btn-wa{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border-radius:var(--radius-md);font-weight:600;font-size:.85rem;transition:all var(--transition);cursor:pointer;text-decoration:none;line-height:1;border:none;font-family:inherit}.btn-add{background:var(--color-bg-soft);color:var(--color-text);border:1.5px solid transparent}.btn-add:hover{background:var(--color-primary);color:#fff;box-shadow:0 6px 16px #7cc4d659}.btn-add.is-added{background:var(--color-success);color:#fff;transform:scale(1.04)}.product-card .btn-wa{background:#25d366;color:#fff;padding:10px 14px;box-shadow:0 4px 12px #25d36647}.product-card .btn-wa:hover{background:#1faa53;transform:translateY(-1px);box-shadow:0 6px 16px #25d36666}@media (max-width: 480px){.product-actions{grid-template-columns:1fr}.product-card .btn-wa{padding:10px}}.cat-header{padding:56px 0 0;margin-bottom:32px;position:relative}.cat-header-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-bottom:24px}.cat-eyebrow{display:block;font-family:Courier New,monospace;font-size:.78rem;color:var(--color-primary);letter-spacing:.1em;margin-bottom:6px}.cat-title{font-family:var(--font-display);font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:400;color:var(--color-text);margin-bottom:10px;line-height:1;letter-spacing:.02em;text-transform:uppercase;border:none}.cat-desc{font-size:.98rem;color:var(--color-text-soft);line-height:1.55;max-width:720px}.cat-meta{display:inline-flex;align-items:baseline;gap:8px;padding:10px 18px;background:#6f7a4d1a;border:1px solid rgba(111,122,77,.28);border-radius:var(--radius-md);flex-shrink:0}.cat-meta strong{font-family:var(--font-display);font-size:1.6rem;color:var(--color-primary);line-height:1}.cat-meta span{font-size:.78rem;color:var(--color-text-soft);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.cat-header-line{display:block;height:2px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary) 80px,var(--color-border) 80px,var(--color-border) 100%)}@media (max-width: 600px){.cat-header-row{flex-direction:column;align-items:flex-start;gap:16px}}.account-layout{display:grid;grid-template-columns:280px 1fr;gap:28px;margin-top:40px;margin-bottom:56px;align-items:start}.account-content{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px}.account-content>.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.85rem;color:var(--color-text-muted);margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--color-border)}.account-content>.breadcrumb a{color:var(--color-text-soft);transition:color var(--transition)}.account-content>.breadcrumb a:hover{color:var(--color-primary-hover)}.account-content>.breadcrumb [aria-current=page]{color:var(--color-text);font-weight:500}.account-page-header{margin-bottom:26px}.account-page-header h1{font-size:1.6rem;color:var(--color-text);margin-bottom:4px}.account-page-header p{color:var(--color-text-soft);font-size:.92rem}@media (max-width: 900px){.account-layout{grid-template-columns:1fr}.account-content{padding:24px 20px}}.help-layout{display:grid;grid-template-columns:280px 1fr;gap:36px;margin-bottom:56px;align-items:start}.help-content{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:36px}.help-content>.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.85rem;color:var(--color-text-muted);margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid var(--color-border)}.help-content>.breadcrumb a{color:var(--color-text-soft);transition:color var(--transition)}.help-content>.breadcrumb a:hover{color:var(--color-primary-hover)}.help-content>.breadcrumb [aria-current=page]{color:var(--color-text);font-weight:500}.help-content h2{font-size:1.3rem;color:var(--color-text);margin-bottom:18px}@media (max-width: 900px){.help-layout{grid-template-columns:1fr}.help-content{padding:28px 22px}}@media (max-width: 768px){.section{padding:var(--gap-lg) 0}.container{padding:0 16px}}