:root{--color-primary: #c2185b;--color-primary-dark: #ad1457;--color-primary-light: #f8bbd0;--color-secondary: #ff6f00;--color-accent: #ffd54f;--color-shopee: #ee4d2d;--color-shopee-dark: #d73211;--color-bg: #ffffff;--color-bg-alt: #fafafa;--color-bg-warm: #fff8f0;--color-surface: #ffffff;--color-border: #f0f0f0;--color-text: #212121;--color-text-secondary: #757575;--color-text-muted: #9e9e9e;--gradient-hero: linear-gradient(135deg, #c2185b 0%, #e91e63 50%, #ff6f00 100%);--gradient-cta: linear-gradient(135deg, #ee4d2d 0%, #ff6f00 100%);--gradient-gold: linear-gradient(135deg, #ffd54f 0%, #ffb300 100%);--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Playfair Display", Georgia, serif;--section-gap: 5rem;--container-max: 1200px;--container-padding: 1.25rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .12);--shadow-hover: 0 8px 25px rgba(194, 24, 91, .15);--transition: all .3s 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-primary);color:var(--color-text);background:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.section{padding:var(--section-gap) 0}.section-alt{background:var(--color-bg-alt)}.section-title{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;text-align:center;margin-bottom:.5rem;color:var(--color-text)}.section-subtitle{text-align:center;color:var(--color-text-secondary);font-size:1.05rem;margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 2rem;border-radius:var(--radius-full);font-weight:600;font-size:1rem;cursor:pointer;border:none;transition:var(--transition);text-decoration:none;white-space:nowrap}.btn.btn-primary{background:var(--gradient-cta);color:#fff;box-shadow:0 4px 15px #ee4d2d4d}.btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ee4d2d66}.btn.btn-secondary{background:var(--color-primary);color:#fff;box-shadow:0 4px 15px #c2185b4d}.btn.btn-secondary:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.btn.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn.btn-outline:hover{background:var(--color-primary);color:#fff}.btn.btn-shopee{background:var(--color-shopee);color:#fff;box-shadow:0 4px 15px #ee4d2d4d}.btn.btn-shopee:hover{background:var(--color-shopee-dark);transform:translateY(-2px)}.btn-sm{padding:.625rem 1.25rem;font-size:.875rem}.btn-lg{padding:1.125rem 2.75rem;font-size:1.125rem}.btn-full{width:100%}.badge{display:inline-block;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.badge-lg{padding:.375rem 1rem;font-size:.875rem}.badge-bestseller{background:var(--gradient-gold);color:#795548}.badge-new{background:#e8f5e9;color:#2e7d32}.badge-discount{background:#fce4ec;color:var(--color-primary)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}@media (max-width: 640px){.product-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}.product-card{background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid var(--color-border);display:flex;flex-direction:column}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--color-primary-light)}.product-card__image-link{display:block}.product-card__image{position:relative;aspect-ratio:1;overflow:hidden}.product-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.product-card:hover .product-card__image img{transform:scale(1.05)}.product-card__badges{position:absolute;top:.5rem;left:.5rem;display:flex;flex-direction:column;gap:.25rem}.product-card__body{padding:1rem;flex:1}.product-card__name{font-size:.875rem;font-weight:500;line-height:1.4;color:var(--color-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.5rem;min-height:2.45em;transition:color .2s}.product-card__body a:hover .product-card__name{color:var(--color-primary)}.product-card__price{font-size:1.125rem;font-weight:700;color:var(--color-primary);margin-bottom:.375rem}.product-card__original-price{font-size:.8rem;color:var(--color-text-muted);text-decoration:line-through;margin-left:.375rem;font-weight:400}.product-card__meta{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--color-text-secondary)}.product-card__rating{display:flex;align-items:center;gap:.25rem}.product-card__rating svg{width:14px;height:14px;fill:#ffc107}.product-card__actions{display:flex;border-top:1px solid var(--color-border)}.product-card__detail{flex:0 0 35%;display:flex;align-items:center;justify-content:center;padding:.75rem;background:var(--color-bg-alt);color:var(--color-text-secondary);font-weight:600;font-size:.8rem;transition:var(--transition);border-right:1px solid var(--color-border)}.product-card__detail:hover{background:var(--color-primary-light);color:var(--color-primary)}.product-card__cta{flex:1;display:flex;align-items:center;justify-content:center;padding:.75rem;background:var(--color-bg-alt);color:var(--color-shopee);font-weight:600;font-size:.8rem;transition:var(--transition)}.product-card__cta:hover{background:var(--color-shopee);color:#fff}.hero{background:var(--gradient-hero);color:#fff;padding:3.25rem 0 3rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.hero__content{position:relative;z-index:1;text-align:center;max-width:700px;margin:0 auto}.hero__logo{width:64px;height:64px;border-radius:50%;border:3px solid rgba(255,255,255,.3);margin:0 auto 1rem;object-fit:cover}.hero__title{font-family:var(--font-display);font-size:clamp(1.85rem,4.5vw,2.85rem);font-weight:800;margin-bottom:.75rem;line-height:1.15;letter-spacing:-.01em}.hero__subtitle{font-size:clamp(.95rem,1.8vw,1.1rem);opacity:.92;margin-bottom:1.5rem;line-height:1.55}.hero__stats{display:flex;justify-content:center;gap:1.75rem;margin-bottom:1.75rem;flex-wrap:wrap}.hero__stat{text-align:center}.hero__stat-value{font-size:1.2rem;font-weight:800}.hero__stat-label{font-size:.8rem;opacity:.8;text-transform:uppercase;letter-spacing:.05em}.hero__actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.hero__actions .btn.btn-primary{background:#fff;color:var(--color-primary);box-shadow:0 4px 20px #00000026}.hero__actions .btn.btn-primary:hover{color:var(--color-primary);box-shadow:0 8px 30px #0003}.hero__actions .btn-lg{padding:.9375rem 2rem;font-size:1.05rem}.hero__actions .btn.btn-outline{border-color:#fff9;color:#fff}.hero__actions .btn.btn-outline:hover{background:#ffffff26;border-color:#fff;color:#fff}@media (max-width: 640px){.hero__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;max-width:320px;margin-left:auto;margin-right:auto}.hero__actions{flex-direction:column;align-items:stretch}.hero__actions .btn{width:100%}}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}@media (max-width: 640px){.categories-grid{grid-template-columns:repeat(2,1fr)}}.category-card{display:flex;flex-direction:column;align-items:center;padding:1.75rem 1rem;background:var(--color-bg-alt);border-radius:var(--radius-lg);text-align:center;transition:var(--transition);border:2px solid transparent;cursor:pointer}.category-card:hover{border-color:var(--color-primary-light);background:var(--color-primary-light);transform:translateY(-3px);box-shadow:var(--shadow-md)}.category-card__icon{font-size:2.5rem;margin-bottom:.75rem}.category-card__name{font-weight:600;font-size:.95rem;margin-bottom:.25rem}.category-card__desc{font-size:.75rem;color:var(--color-text-secondary);line-height:1.4}.trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.trust-card{text-align:center;padding:2rem 1.5rem;background:var(--color-bg-alt);border-radius:var(--radius-lg)}.trust-card__icon{font-size:2.5rem;margin-bottom:.75rem}.trust-card__title{font-weight:700;margin-bottom:.375rem}.trust-card__desc{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5}.cta-banner{background:var(--gradient-cta);color:#fff;padding:3.5rem 0;text-align:center;border-radius:var(--radius-xl);margin:0 var(--container-padding)}.cta-banner__title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);font-weight:700;margin-bottom:.75rem}.cta-banner__text{opacity:.9;margin-bottom:1.75rem;font-size:1.05rem}.cta-banner .btn{background:#fff;color:var(--color-shopee);box-shadow:0 4px 15px #00000026}.cta-banner .btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003}.header{position:sticky;top:0;z-index:100;background:#fffffff2;backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.header__inner{display:flex;align-items:center;justify-content:space-between;padding:.875rem var(--container-padding);max-width:var(--container-max);margin:0 auto}.header__brand{display:flex;align-items:center;gap:.75rem}.header__logo{width:36px;height:36px;border-radius:50%;object-fit:cover}.header__name{font-weight:700;font-size:1.125rem;color:var(--color-primary)}.header__nav{display:flex;align-items:center;gap:1.5rem}.header__nav a{font-size:.875rem;font-weight:500;color:var(--color-text-secondary);transition:color .2s}.header__nav a:hover,.header__nav a.nav-active{color:var(--color-primary)}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.mobile-menu-btn span{width:24px;height:2px;background:var(--color-text);border-radius:2px;transition:var(--transition)}.mobile-nav-backdrop{position:fixed;inset:0;background:#00000080;z-index:998;opacity:0;transition:opacity .3s ease}.mobile-nav-backdrop[hidden]{display:none}.mobile-nav-backdrop.open{opacity:1}.mobile-nav{position:fixed;top:0;right:0;bottom:0;width:300px;max-width:82vw;background:#fff;box-shadow:-4px 0 24px #0000002e;z-index:999;padding:1.25rem 1.5rem 1.5rem;display:flex;flex-direction:column;transform:translate(100%);visibility:hidden;transition:transform .3s ease,visibility .3s;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-nav.open{transform:translate(0);visibility:visible}.mobile-nav__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.mobile-nav__title{font-weight:700;font-size:1.05rem;color:var(--color-primary)}.mobile-nav__close{width:36px;height:36px;flex-shrink:0;border-radius:50%;border:none;background:var(--color-bg-alt);font-size:1.1rem;line-height:1;cursor:pointer;color:var(--color-text-secondary);transition:var(--transition)}.mobile-nav__close:hover{background:var(--color-primary-light);color:var(--color-primary)}.mobile-nav__links{display:flex;flex-direction:column;gap:0;padding:.5rem 0;flex:1}.mobile-nav__links a{font-size:1.05rem;font-weight:500;color:var(--color-text);padding:.875rem 0;border-bottom:1px solid var(--color-border);transition:color .2s,padding-left .2s}.mobile-nav__links a:hover{color:var(--color-primary);padding-left:.375rem}.mobile-nav__footer{display:flex;flex-direction:column;gap:.625rem;padding-top:1rem}.mobile-nav__footer .btn{padding:.8125rem 1rem;font-size:.95rem}@media (max-width: 768px){.header__nav{display:none}.mobile-menu-btn{display:flex}.header__name{font-size:1rem}}.footer{background:#1a1a1a;color:#ffffffb3;padding:3rem 0 1.5rem}.footer__inner{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;margin-bottom:2rem}@media (max-width: 768px){.footer__inner{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.footer__inner{grid-template-columns:1fr}}.footer__brand-name{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:.75rem}.footer__brand-desc{font-size:.875rem;line-height:1.6}.footer__heading{font-weight:600;color:#fff;margin-bottom:.75rem;font-size:.95rem}.footer__links a{display:block;font-size:.875rem;padding:.25rem 0;transition:color .2s}.footer__links a:hover{color:var(--color-primary-light)}.footer__bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem;text-align:center;font-size:.8rem}.fab-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:90;display:flex;flex-direction:column;gap:.75rem}.fab{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);transition:var(--transition);border:none;cursor:pointer;text-decoration:none}.fab:hover{transform:scale(1.1);box-shadow:var(--shadow-xl)}.fab--shopee{background:var(--color-shopee);color:#fff}.fab--wa{background:#25d366;color:#fff}.fab svg{width:28px;height:28px}.promo-strip{background:var(--gradient-cta);color:#fff;text-align:center;padding:.625rem 1rem;font-size:.85rem;font-weight:500;letter-spacing:.025em}.promo-strip strong{font-weight:700}.page-hero{background:var(--gradient-hero);color:#fff;padding:4rem 0 3rem;text-align:center;position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.page-hero__title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:.5rem;position:relative;z-index:1}.page-hero__subtitle{font-size:1.1rem;opacity:.9;position:relative;z-index:1}.breadcrumb{background:var(--color-bg-alt);border-bottom:1px solid var(--color-border);padding:.875rem 0}.breadcrumb .container{display:flex;align-items:center;gap:.5rem;font-size:.85rem;flex-wrap:wrap}.breadcrumb a{color:var(--color-text-secondary);transition:color .2s}.breadcrumb a:hover{color:var(--color-primary)}.breadcrumb span{color:var(--color-text-muted)}.breadcrumb__current{color:var(--color-text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.product-detail{padding:2.5rem 0 4rem}.product-detail__grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}@media (max-width: 768px){.product-detail__grid{grid-template-columns:1fr;gap:2rem}}@media (min-width: 769px){.product-detail__gallery{position:sticky;top:80px}}.product-detail__main-image{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-alt);aspect-ratio:1}.product-detail__main-image img{width:100%;height:100%;object-fit:contain;background:var(--color-bg-alt)}.product-detail__main-image .badge{position:absolute;top:1rem;left:1rem}.gallery-thumbs{display:flex;gap:.625rem;margin-top:.875rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:thin}.gallery-thumb{flex:0 0 auto;width:68px;height:68px;padding:0;border-radius:var(--radius-sm);border:2px solid var(--color-border);background:var(--color-bg-alt);cursor:pointer;overflow:hidden;transition:var(--transition)}.gallery-thumb img{width:100%;height:100%;object-fit:cover}.gallery-thumb:hover{border-color:var(--color-primary-light)}.gallery-thumb.is-active{border-color:var(--color-primary);box-shadow:0 0 0 2px #c2185b2e}.gallery-hint{margin-top:.625rem;font-size:.78rem;color:var(--color-text-muted)}.product-detail__main-image:has(~.gallery-thumbs){cursor:zoom-in}.product-detail__name{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);font-weight:700;line-height:1.3;margin-bottom:1rem}.product-detail__meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--color-border)}.product-detail__rating{display:flex;align-items:center;gap:.5rem;color:var(--color-text-secondary);font-size:.95rem}.product-detail__rating svg{fill:#ffc107;width:20px;height:20px}.product-detail__rating strong{color:var(--color-text)}.product-detail__price-block{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.product-detail__price{font-size:2rem;font-weight:800;color:var(--color-primary)}.product-detail__original-price{font-size:1.1rem;color:var(--color-text-muted);text-decoration:line-through}.product-detail__specs{background:var(--color-bg-alt);border-radius:var(--radius-md);padding:1.25rem;margin-bottom:1.5rem}.specs-row{display:flex;padding:.5rem 0;border-bottom:1px solid var(--color-border)}.specs-row:last-child{border-bottom:none}.specs-label{flex:0 0 120px;font-size:.85rem;color:var(--color-text-secondary);font-weight:500}.specs-value{flex:1;font-size:.9rem;font-weight:500}.specs-value a{color:var(--color-primary)}.specs-value a:hover{text-decoration:underline}.product-detail__description,.product-detail__features{margin-bottom:1.5rem}.product-detail__description h3,.product-detail__features h3{font-size:1rem;font-weight:700;margin-bottom:.5rem;color:var(--color-text)}.product-detail__description p{color:var(--color-text-secondary);line-height:1.7;font-size:.95rem}.product-detail__features ul{display:grid;gap:.375rem}.product-detail__features li{font-size:.9rem;color:var(--color-text-secondary);padding:.25rem 0}.product-detail__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tag{display:inline-block;padding:.25rem .75rem;background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:.8rem;color:var(--color-text-secondary)}.product-detail__cta{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.product-detail__trust{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;padding-top:1.25rem;border-top:1px solid var(--color-border)}.trust-item{text-align:center;font-size:.75rem;color:var(--color-text-secondary);font-weight:500}.trust-item span{display:block;font-size:1.25rem;margin-bottom:.25rem}@media (max-width: 480px){.product-detail__trust{grid-template-columns:repeat(2,1fr)}}.related-section{background:var(--color-bg-alt)}.about-grid{display:grid;grid-template-columns:1fr 2fr;gap:3rem;align-items:start}@media (max-width: 768px){.about-grid{grid-template-columns:1fr}}.about-identity{text-align:center;background:var(--color-bg-alt);border-radius:var(--radius-xl);padding:2.5rem 2rem}.about-logo{width:120px;height:120px;border-radius:50%;border:4px solid var(--color-primary-light);margin:0 auto 1.25rem;object-fit:cover}.about-name{font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.about-location,.about-joined{font-size:.9rem;color:var(--color-text-secondary)}.about-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem}.about-stat{background:var(--color-surface);border-radius:var(--radius-md);padding:1rem}.about-stat__value{font-size:1.25rem;font-weight:800;color:var(--color-primary)}.about-stat__label{font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em}.about-content__title{font-family:var(--font-display);font-size:1.75rem;font-weight:700;margin-bottom:1rem}.about-content__text{font-size:1rem;line-height:1.8;color:var(--color-text-secondary);margin-bottom:1rem}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.why-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:2rem;border:1px solid var(--color-border);transition:var(--transition)}.why-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.why-card__icon{font-size:2.5rem;margin-bottom:.75rem}.why-card__title{font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.why-card__text{font-size:.9rem;color:var(--color-text-secondary);line-height:1.6}.timeline{max-width:700px;margin:0 auto;position:relative;padding-left:3rem}.timeline:before{content:"";position:absolute;left:1rem;top:0;bottom:0;width:2px;background:var(--color-primary-light)}.timeline__item{position:relative;margin-bottom:2rem}.timeline__marker{position:absolute;left:-2.5rem;top:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem;background:var(--color-surface);border-radius:50%;border:2px solid var(--color-primary-light)}.timeline__content{background:var(--color-bg-alt);border-radius:var(--radius-md);padding:1.5rem}.timeline__content h3{font-size:1.1rem;font-weight:700;margin-bottom:.375rem}.timeline__content p{font-size:.9rem;color:var(--color-text-secondary);line-height:1.6}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}@media (max-width: 768px){.contact-grid{grid-template-columns:1fr}}.contact-channels__title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.contact-channels__desc{font-size:.95rem;color:var(--color-text-secondary);margin-bottom:1.5rem;line-height:1.6}.channel-list{display:flex;flex-direction:column;gap:.75rem}.channel-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--color-bg-alt);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:var(--transition)}.channel-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translate(4px)}.channel-card__icon{font-size:1.75rem;flex-shrink:0}.channel-card__info{flex:1}.channel-card__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:.125rem}.channel-card__value{font-weight:600;font-size:.95rem}.channel-card__arrow{font-size:1.25rem;color:var(--color-text-muted);transition:var(--transition)}.channel-card:hover .channel-card__arrow{color:var(--color-primary);transform:translate(4px)}.channel-card--wa{border-left:4px solid #25d366}.channel-card--ig{border-left:4px solid #e4405f}.channel-card--tt{border-left:4px solid #000}.channel-card--email{border-left:4px solid #1976d2}.channel-card--shopee{border-left:4px solid var(--color-shopee)}.contact-form-card{background:var(--color-bg-alt);border-radius:var(--radius-lg);padding:2rem;margin-bottom:2rem}.contact-form-card__title{font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.contact-form-card__desc{font-size:.9rem;color:var(--color-text-secondary);margin-bottom:1.5rem}.contact-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group label{font-size:.85rem;font-weight:600;color:var(--color-text)}.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-primary);font-size:.95rem;transition:border-color .2s;background:var(--color-surface)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #c2185b1a}.form-group textarea{resize:vertical}.faq-card{background:var(--color-bg-alt);border-radius:var(--radius-lg);padding:2rem}.faq-card__title{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.faq-item{border-bottom:1px solid var(--color-border);padding:0}.faq-item:last-child{border-bottom:none}.faq-item summary{padding:1rem 0;cursor:pointer;font-weight:600;font-size:.95rem;color:var(--color-text);transition:color .2s;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";float:right;font-size:1.25rem;color:var(--color-text-muted);transition:transform .2s}.faq-item[open] summary:after{content:"−"}.faq-item summary:hover{color:var(--color-primary)}.faq-item p{padding:0 0 1rem;font-size:.9rem;color:var(--color-text-secondary);line-height:1.6}.social-proof{display:flex;align-items:center;gap:2.5rem;background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:2rem 2.5rem}@media (max-width: 640px){.social-proof{flex-direction:column;text-align:center;gap:1.5rem;padding:1.75rem 1.25rem}}.social-proof__rating{flex-shrink:0;text-align:center;padding-right:2.5rem;border-right:1px solid var(--color-border)}@media (max-width: 640px){.social-proof__rating{padding-right:0;padding-bottom:1.25rem;border-right:none;border-bottom:1px solid var(--color-border);width:100%}}.social-proof__score{font-size:3rem;font-weight:800;color:var(--color-primary);line-height:1}.social-proof__stars{color:#ffc107;font-size:1.1rem;letter-spacing:.1em;margin:.25rem 0}.social-proof__count{font-size:.8rem;color:var(--color-text-secondary)}.social-proof__text h3{font-size:1.15rem;font-weight:700;margin-bottom:.5rem}.social-proof__text p{font-size:.9rem;color:var(--color-text-secondary);line-height:1.65;margin-bottom:1rem}.catalog-list{display:flex;flex-direction:column;gap:1rem;max-width:800px;margin:0 auto}.catalog-item{display:flex;align-items:center;gap:1.5rem;padding:1.5rem 1.75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:var(--transition)}.catalog-item:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translate(6px)}.catalog-item__icon{font-size:2.5rem;flex-shrink:0}.catalog-item__body{flex:1}.catalog-item__name{font-size:1.15rem;font-weight:700;margin-bottom:.25rem}.catalog-item__desc{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:.375rem}.catalog-item__count{display:inline-block;font-size:.75rem;font-weight:600;color:var(--color-primary);background:var(--color-primary-light);padding:.125rem .625rem;border-radius:var(--radius-full)}.catalog-item__arrow{font-size:1.5rem;color:var(--color-text-muted);transition:var(--transition)}.catalog-item:hover .catalog-item__arrow{color:var(--color-primary);transform:translate(4px)}@media (max-width: 640px){.catalog-item{gap:1rem;padding:1.25rem}.catalog-item__icon{font-size:2rem}}.notfound{min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:4rem 1.25rem}.notfound__code{font-family:var(--font-display);font-size:clamp(4rem,15vw,8rem);font-weight:800;background:var(--gradient-hero);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1;margin-bottom:.5rem}.notfound__title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.notfound__text{color:var(--color-text-secondary);margin-bottom:2rem;max-width:420px;margin-left:auto;margin-right:auto}.notfound__actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp .6s ease-out forwards}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}
