:root{--hkph-500: #2E6B3C;--hkph-600: #245530;--hkph-700: #1B4124;--hkph-100: rgba(46, 107, 60, .1);--hkph-200: rgba(46, 107, 60, .18);--white: #FFFFFF;--gray-100: #F3EFE8;--gray-150: #E7E0D5;--slate-700: #1E1B16;--slate-600: #332E26;--slate-500: #6B5F4F;--slate-400: #8C7F6C;--slate-300: #D5CABA;--muted: #6B5F4F;--muted-2: var(--muted);--success: #2E6B3C;--success-soft: #EDF5EF;--danger: #E0241C;--danger-soft: #FDECEA;--warning: #E0A52E;--warning-soft: #FBEFD2;--warning-strong: var(--gold-800);--info-purple: #3B7DBF;--green-50: #EDF5EF;--green-100: #D3E7D9;--green-200: #A9CFB5;--green-300: #7BB48C;--green-400: #4F9C68;--green-500: #3A8552;--green-600: #2E6B3C;--green-700: #245530;--green-800: #1B4124;--green-900: #122B18;--gold-50: #FBF4E1;--gold-100: #FAF0D5;--gold-200: #F0DDA8;--gold-300: #E4C778;--gold-400: #D8B252;--gold-500: #D2A53B;--gold-600: #B98A24;--gold-700: #8F6C12;--gold-800: #6E5210;--stone-50: #FAF8F4;--stone-100: #F3EFE8;--stone-200: #E7E0D5;--stone-300: #D5CABA;--stone-400: #B3A693;--stone-500: #8C7F6C;--stone-600: #6B5F4F;--stone-700: #4E4538;--stone-800: #332E26;--stone-900: #1E1B16;--sale-50: #FDECEA;--sale-100: #FBE0DD;--sale-500: #E0241C;--sale-600: #C21A14;--surface-page: #F8F3E8;--surface: #FFFFFF;--surface-inverse: var(--green-900);--border-focus: var(--green-600);--price: var(--slate-700);--accent: var(--gold-500);--accent-hover: var(--gold-600);--accent-strong: var(--gold-700);--accent-soft: var(--gold-100);--accent-2: var(--gold-700);--sale: var(--sale-500);--sale-hover: var(--sale-600);--sale-strong: var(--sale-600);--sale-soft: var(--sale-50);--star: var(--gold-500);--font-fa: "Vazirmatn", "Yekan Bakh", Tahoma, sans-serif;--font-fa-num: "Vazirmatn FD", "Vazirmatn", "Yekan Bakh FaNum", Tahoma, sans-serif;--font-en: "Vazirmatn", "Trebuchet MS", Verdana, sans-serif;--font-logo: "Vazirmatn", sans-serif;--weight-title: 800;--weight-subtitle: 400;--weight-body: 400;--weight-ui: 600;--weight-strong: 700;--shadow-card: 0 1px 2px rgba(30, 27, 22, .06), 0 4px 16px rgba(30, 27, 22, .07);--shadow-raised: 0 4px 12px rgba(30, 27, 22, .09), 0 12px 32px rgba(30, 27, 22, .12);--shadow-focus: 0 0 0 2px #fff, 0 0 0 4px var(--green-800)}