.site-footer{gap:var(--phekong-space-6);padding:clamp(var(--phekong-space-6), 5vw, 4.5rem);color:var(--phekong-footer-text);background:var(--phekong-footer-bg);display:grid}.site-footer__lead{justify-content:space-between;align-items:end;gap:var(--phekong-space-6);padding-bottom:var(--phekong-space-6);border-bottom:1px solid color-mix(in srgb, var(--phekong-footer-text) 16%, transparent);display:flex}.site-footer__lead p{max-width:38rem;color:var(--phekong-footer-muted);line-height:1.65}.site-footer__eyebrow{margin:0 0 var(--phekong-space-2);color:var(--phekong-accent);letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;font-weight:800}.site-footer__brand{font-family:var(--phekong-font-display);font-size:clamp(1.55rem,3vw,2.5rem);display:block}.site-footer__cta{border-radius:var(--phekong-radius-pill);color:var(--phekong-footer-bg);background:var(--phekong-accent);white-space:nowrap;flex:none;padding:.9rem 1.15rem;font-weight:800;text-decoration:none}.site-footer__cta:focus-visible,.site-footer__links a:focus-visible{outline:3px solid var(--phekong-focus);outline-offset:3px}.site-footer__links{gap:var(--phekong-space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.site-footer__links div{align-content:start;gap:var(--phekong-space-3);min-width:0;display:grid}.site-footer__links strong{margin-bottom:var(--phekong-space-1);color:var(--phekong-accent)}.site-footer__links a,.site-footer__links span{color:var(--phekong-footer-muted);text-decoration:none}.site-footer__links a:hover{color:var(--phekong-footer-text);text-decoration:underline}.site-footer__legal{justify-content:space-between;gap:var(--phekong-space-4);padding-top:var(--phekong-space-5);border-top:1px solid color-mix(in srgb, var(--phekong-footer-text) 16%, transparent);color:var(--phekong-footer-muted);font-size:.85rem;display:flex}@media (max-width:44rem){.site-footer__lead,.site-footer__legal{flex-direction:column;align-items:start}.site-footer__links{grid-template-columns:1fr 1fr}.site-footer__links div:last-child{grid-column:1/-1}}@media (max-width:30rem){.site-footer__cta{text-align:center;width:100%}.site-footer__links{grid-template-columns:1fr}.site-footer__links div:last-child{grid-column:auto}}
.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--phekong-focus);color:var(--phekong-white);padding:.75rem 1rem;text-decoration:none;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.phekong-canvas{background:radial-gradient(circle at 0% 14%, color-mix(in srgb, var(--phekong-visual-c) 16%, transparent), transparent 20%), radial-gradient(circle at 100% 6%, color-mix(in srgb, var(--phekong-accent) 14%, transparent), transparent 24%), var(--phekong-bg);min-height:100vh;color:var(--phekong-ink);font-family:var(--phekong-font-sans);line-height:1.55;overflow-x:clip}.phekong-canvas--luxury{position:relative}.site-header{z-index:30;background:color-mix(in srgb, var(--phekong-footer-bg) 82%, transparent);border-bottom:1px solid color-mix(in srgb, var(--phekong-footer-text) 10%, transparent);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);position:sticky;top:0}.header-inner{max-width:88rem;min-height:var(--phekong-header-height);grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem;margin:auto;padding:1rem 1.5rem;display:grid}.brand{color:var(--phekong-accent);align-items:center;gap:.9rem;text-decoration:none;display:inline-flex}.brand-mark{border:1px solid color-mix(in srgb, var(--phekong-accent) 40%, transparent);background:radial-gradient(circle at 35% 35%, color-mix(in srgb, var(--phekong-accent-soft) 14%, transparent), transparent 44%);width:2.85rem;height:2.85rem;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--phekong-white) 6%, transparent);border-radius:50%;place-items:center;display:grid}.brand-mark svg{fill:currentColor;width:1.3rem;height:1.3rem}.brand-copy{letter-spacing:.12em;line-height:1;font-family:var(--phekong-font-display);font-size:1.15rem;display:grid}.desktop-nav{flex-wrap:wrap;justify-content:center;gap:.2rem;display:flex}.nav-link{color:color-mix(in srgb, var(--phekong-footer-muted) 82%, transparent);border-radius:var(--phekong-radius-pill);padding:.7rem 1rem;font-weight:500;text-decoration:none}.nav-link:hover,.nav-link[aria-current=page]{color:var(--phekong-accent-soft)}.header-actions{align-items:center;gap:.7rem;display:flex}.icon-button,.menu-button,.shell-round-button,.product-catalogue__next{border:0;font-family:inherit}.icon-button{width:2.4rem;height:2.4rem;color:var(--phekong-footer-muted);background:0 0;border-radius:999px;place-items:center;display:grid}.icon-button svg{fill:currentColor;width:1.15rem;height:1.15rem}.icon-button--bag{position:relative}.icon-badge{background:var(--phekong-brand);min-width:1.05rem;height:1.05rem;color:var(--phekong-accent-soft);border-radius:999px;place-items:center;padding:0 .22rem;font-size:.65rem;display:grid;position:absolute;top:-.08rem;right:-.03rem}.shell-header-cta,.shell-cta{min-height:3.1rem;transition:transform var(--phekong-motion-fast) ease, box-shadow var(--phekong-motion-fast) ease, background-color var(--phekong-motion-fast) ease;border-radius:999px;justify-content:center;align-items:center;gap:.65rem;padding:.78rem 1.3rem;font-weight:600;text-decoration:none;display:inline-flex}.shell-header-cta{background:linear-gradient(180deg, var(--phekong-accent) 0%, var(--phekong-brand) 100%);color:var(--phekong-footer-text);box-shadow:0 .6rem 1.8rem color-mix(in srgb, var(--phekong-brand) 28%, transparent)}.shell-header-cta:hover,.shell-cta:hover,.product-catalogue__next:hover{transform:translateY(-1px)}.menu-button{border-radius:var(--phekong-radius-pill);background:color-mix(in srgb, var(--phekong-footer-text) 8%, transparent);min-height:44px;color:var(--phekong-footer-text);display:none}.mobile-nav{background:color-mix(in srgb, var(--phekong-footer-bg) 92%, transparent);border-top:1px solid color-mix(in srgb, var(--phekong-footer-text) 14%, transparent);padding:1rem;display:none}.shell-main{max-width:88rem;margin:auto;padding:0 1.5rem 4.5rem}.shell-surface{gap:0;display:grid}.shell-hero{isolation:isolate;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);align-items:start;gap:1rem;height:39rem;padding:2.1rem 0 1rem;display:grid;position:relative}.shell-hero:after{content:"";z-index:-2;background:radial-gradient(circle at 0% 24%, color-mix(in srgb, var(--phekong-visual-c) 48%, transparent), transparent 36%), radial-gradient(circle at 100% 8%, color-mix(in srgb, var(--phekong-accent) 14%, transparent), transparent 30%), linear-gradient(180deg, var(--phekong-footer-bg) 0%, color-mix(in srgb, var(--phekong-footer-bg) 86%, var(--phekong-visual-d)) 100%);position:absolute;inset:0 -100vw}.shell-hero:before{content:"";background:radial-gradient(circle at 18% 50%, color-mix(in srgb, var(--phekong-visual-c) 55%, transparent), transparent 52%), radial-gradient(circle at 0% 35%, color-mix(in srgb, var(--phekong-visual-b) 34%, transparent), transparent 26%);filter:blur(1rem);pointer-events:none;width:34rem;position:absolute;inset:0 auto 0 -6rem}.shell-hero__dots{z-index:10;gap:.6rem;display:grid;position:absolute;top:12.4rem;left:.4rem}.shell-hero__dot{border:1px solid color-mix(in srgb, var(--phekong-accent-soft) 56%, transparent);opacity:.7;cursor:pointer;background:0 0;border-radius:50%;width:.42rem;height:.42rem;padding:0;transition:all .3s}.shell-hero__dot:hover{opacity:.9;border-color:var(--phekong-accent)}.shell-hero__dot.is-active{border:2px solid var(--phekong-accent);background:color-mix(in srgb, var(--phekong-accent) 26%, transparent);opacity:1;width:.65rem;height:.65rem;margin-inline-start:-.11rem}.shell-hero__copy{z-index:1;color:var(--phekong-footer-muted);align-content:start;gap:.95rem;padding:4rem 0 0 5.8rem;display:grid;position:relative}.shell-hero__kicker{color:var(--phekong-accent);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.84rem;font-weight:700}.shell-hero h1{block-size:3.72em;max-width:10.4ch;font-family:var(--phekong-font-display);letter-spacing:-.03em;color:var(--phekong-footer-text);-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;margin:0;font-size:clamp(3.9rem,5vw,5.7rem);line-height:.93;display:-webkit-box;overflow:hidden}.shell-hero__rule{align-items:center;gap:.85rem;max-width:20rem;margin:.4rem 0 .2rem;display:flex}.shell-hero__rule span{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--phekong-accent) 78%, transparent), transparent);flex:1;height:1px}.shell-hero__rule svg{width:1.55rem;height:1.55rem;fill:var(--phekong-accent)}.shell-hero__intro{max-width:34rem;color:color-mix(in srgb, var(--phekong-footer-muted) 90%, transparent);margin:.35rem 0 0;font-size:1.08rem;line-height:1.6}.shell-hero__actions{flex-wrap:wrap;gap:.75rem;margin-top:.45rem;display:flex}.shell-cta{background:linear-gradient(180deg, var(--phekong-accent) 0%, color-mix(in srgb, var(--phekong-accent) 70%, var(--phekong-brand)) 100%);color:var(--phekong-footer-bg);box-shadow:0 1rem 2rem color-mix(in srgb, var(--phekong-brand) 28%, transparent)}.shell-cta svg{fill:currentColor;width:1rem;height:1rem}.shell-trust{border-top:1px solid color-mix(in srgb, var(--phekong-footer-text) 16%, transparent);align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1.25rem;display:flex}.shell-trust__avatars{align-items:center;display:flex}.shell-avatar{border:2px solid color-mix(in srgb, var(--phekong-footer-text) 90%, transparent);width:2.4rem;height:2.4rem;color:var(--phekong-footer-text);border-radius:999px;place-items:center;font-size:.75rem;font-weight:700;display:grid}.shell-avatar+.shell-avatar{margin-left:-.52rem}.shell-avatar--one,.shell-avatar--two,.shell-avatar--three{background:linear-gradient(180deg, var(--phekong-visual-c), var(--phekong-visual-d))}.shell-trust__copy{color:var(--phekong-footer-muted);gap:.25rem;display:grid}.shell-trust__rating{align-items:center;gap:.45rem;display:flex}.shell-stars{color:var(--phekong-accent);gap:.16rem;display:inline-flex}.shell-stars svg{fill:currentColor;width:.9rem;height:.9rem}.shell-hero__visual{border-radius:0 0 2rem 2rem;height:35.5rem;position:relative;overflow:hidden}.shell-hero__carousel{background:linear-gradient(90deg, transparent 0 62%, color-mix(in srgb, var(--phekong-footer-bg) 34%, transparent) 100%), url(/images/landing-carousel-natural-backdrop.webp) center / cover no-repeat;width:100%;height:100%;position:absolute;inset:0}.shell-hero__image{object-fit:contain;object-position:center center;mix-blend-mode:multiply;width:calc(100% - 19.5rem);height:100%;filter:drop-shadow(0 1.25rem 1.5rem color-mix(in srgb, var(--phekong-footer-bg) 28%, transparent));border-radius:inherit;padding:2.5rem 1rem 2.5rem 2rem;animation:.6s ease-in-out fadeIn;position:absolute;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.shell-hero__product-card{background:linear-gradient(135deg, color-mix(in srgb, var(--phekong-footer-bg) 95%, transparent), color-mix(in srgb, var(--phekong-brand-strong) 92%, transparent));border:1px solid color-mix(in srgb, var(--phekong-footer-text) 24%, transparent);width:min(18rem,100% - 3rem);height:20rem;color:var(--phekong-footer-muted);-webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem);box-shadow:0 1rem 2.5rem color-mix(in srgb, var(--phekong-footer-bg) 32%, transparent);border-radius:1rem;padding:1.5rem;position:absolute;bottom:1.5rem;right:1.5rem;overflow:hidden}.shell-hero__product-eyebrow{color:var(--phekong-accent);letter-spacing:.18em;text-transform:uppercase;margin:0 0 .5rem;font-size:.75rem;font-weight:700}.shell-hero__product-card h3{color:var(--phekong-footer-text);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;block-size:3.25rem;margin:0 0 .75rem;font-size:1.25rem;line-height:1.3;display:-webkit-box;overflow:hidden}.shell-hero__product-card p{color:color-mix(in srgb, var(--phekong-footer-muted) 80%, transparent);margin:0 0 .75rem;font-size:.9rem;line-height:1.5}.shell-hero__product-card>p:not(.shell-hero__product-eyebrow):not(.shell-hero__product-price):not(.shell-hero__product-status){-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;block-size:4.1rem;display:-webkit-box;overflow:hidden}.shell-hero__product-price{color:var(--phekong-accent);font-size:1.1rem;font-weight:600}.shell-hero__product-status{color:color-mix(in srgb, var(--phekong-footer-muted) 70%, transparent);font-size:.85rem}.shell-hero__product-link{background:linear-gradient(180deg, var(--phekong-accent) 0%, color-mix(in srgb, var(--phekong-accent) 70%, var(--phekong-brand)) 100%);color:var(--phekong-footer-bg);box-shadow:0 .5rem 1.2rem color-mix(in srgb, var(--phekong-brand) 28%, transparent);border-radius:999px;margin-top:1rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block}.shell-hero__product-link:hover{box-shadow:0 .75rem 1.6rem color-mix(in srgb, var(--phekong-brand) 36%, transparent);transform:translateY(-2px)}.shell-hero__nav{background:color-mix(in srgb, var(--phekong-accent) 15%, transparent);border:1px solid color-mix(in srgb, var(--phekong-footer-text) 32%, transparent);width:2.5rem;height:2.5rem;color:var(--phekong-accent);cursor:pointer;z-index:8;border-radius:50%;place-items:center;transition:all .3s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.shell-hero__nav:hover{background:color-mix(in srgb, var(--phekong-accent) 25%, transparent);border-color:var(--phekong-accent);transform:translateY(-50%)scale(1.1)}.shell-hero__nav--prev{left:1rem}.shell-hero__nav--next{right:1rem}.shell-hero__nav svg{fill:currentColor;width:1.2rem;height:1.2rem}.shell-feature-strip{z-index:2;background:linear-gradient(180deg, var(--phekong-footer-bg) 0%, color-mix(in srgb, var(--phekong-footer-bg) 88%, var(--phekong-visual-d)) 100%);border:1px solid color-mix(in srgb, var(--phekong-accent-soft) 12%, transparent);box-shadow:0 1.2rem 2.6rem color-mix(in srgb, var(--phekong-footer-bg) 16%, transparent);color:var(--phekong-footer-text);border-radius:1.5rem;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:1.65rem;padding:1.15rem;display:grid;position:relative}.shell-feature{align-items:center;gap:.9rem;padding:.15rem 1rem;display:flex}.shell-feature+.shell-feature{border-left:1px solid color-mix(in srgb, var(--phekong-accent-soft) 14%, transparent)}.shell-feature__icon{border:1px solid color-mix(in srgb, var(--phekong-accent-soft) 18%, transparent);width:2.45rem;height:2.45rem;color:var(--phekong-accent);border-radius:999px;place-items:center;display:grid}.shell-feature__icon svg{fill:currentColor;width:1.25rem;height:1.25rem}.shell-feature h3{margin:0;font-size:1rem;font-weight:600}.shell-feature p{color:color-mix(in srgb, var(--phekong-footer-muted) 76%, transparent);margin:.1rem 0 0;line-height:1.35}.shell-metrics{background:linear-gradient(180deg, var(--phekong-footer-bg) 0%, color-mix(in srgb, var(--phekong-footer-bg) 82%, var(--phekong-brand-strong)) 100%);color:var(--phekong-footer-text);border:1px solid color-mix(in srgb, var(--phekong-accent) 10%, transparent);border-radius:1.7rem 1.7rem 0 0;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:1.25rem;padding:1.3rem 1.1rem;display:grid}.shell-metric{align-items:center;gap:.9rem;padding:.15rem 1rem;display:flex}.shell-metric+.shell-metric{border-left:1px solid color-mix(in srgb, var(--phekong-accent) 12%, transparent)}.shell-metric__icon{border:1px solid color-mix(in srgb, var(--phekong-accent) 18%, transparent);width:2.55rem;height:2.55rem;color:var(--phekong-accent);border-radius:999px;place-items:center;display:grid}.shell-metric__icon svg{fill:currentColor;width:1.25rem;height:1.25rem}.shell-metric strong{font-family:var(--phekong-font-display);font-size:2rem;font-weight:400;line-height:1;display:block}.shell-metric span{color:color-mix(in srgb, var(--phekong-footer-muted) 72%, transparent);margin-top:.18rem;display:block}.state-panel{text-align:center;background:var(--phekong-surface);border:1px solid var(--phekong-border);border-radius:var(--phekong-radius-lg);place-content:center;min-height:280px;padding:2rem;display:grid}.state-panel h1{font-family:var(--phekong-font-display);margin:0 0 .75rem;font-size:clamp(2rem,5vw,4rem)}.state-panel p{color:var(--phekong-muted);max-width:48ch;margin:0 auto}.state-error h1{color:var(--phekong-danger)}.spinner{border:4px solid var(--phekong-border);border-top-color:var(--phekong-brand);border-radius:50%;width:40px;height:40px;margin:0 auto 1rem;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.site-footer{background:var(--phekong-footer-bg);color:var(--phekong-footer-text);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:2rem max(1.5rem,50vw - 44rem);display:flex}@media (max-width:1120px){.desktop-nav{display:none}.menu-button{display:inline-flex}.header-inner{grid-template-columns:auto 1fr auto}.shell-hero{grid-template-columns:1fr;gap:0;height:auto;padding-top:1.6rem}.shell-hero__dots{top:13.5rem;left:0}.shell-hero__copy{padding:2.2rem 0 0}.shell-hero__visual{height:40rem}.shell-feature-strip,.shell-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.shell-feature:nth-child(odd),.shell-metric:nth-child(odd){border-left:0}}@media (max-width:760px){.header-inner{grid-template-columns:auto auto;gap:.75rem;padding-inline:1rem}.header-actions{gap:.4rem}.shell-header-cta{display:none}.menu-button{place-items:center;width:2.6rem;min-height:2.6rem;padding:0;font-size:0;display:inline-grid}.menu-button:before{content:"☰";font-size:1rem;line-height:1}.mobile-nav{gap:.75rem;display:grid}.mobile-nav .nav-link{border-radius:.75rem}.shell-main{padding-inline:1rem}.shell-hero h1{block-size:4.65em;-webkit-line-clamp:5;line-clamp:5;max-width:8.4ch;font-size:clamp(3.1rem,13vw,4.6rem)}.shell-hero__copy{padding-top:1.6rem}.shell-hero__intro{overflow-wrap:anywhere;max-width:28ch;font-size:.98rem;line-height:1.5}.shell-hero__visual{border-radius:1.5rem;height:42rem}.shell-hero__image{width:100%;height:23rem;padding:1.25rem}.shell-hero__product-card{height:18rem}.shell-hero__dots{display:none}.shell-feature-strip,.shell-metrics{grid-template-columns:1fr}.shell-feature+.shell-feature,.shell-metric+.shell-metric{border-left:0;border-top:1px solid color-mix(in srgb, var(--phekong-accent-soft) 12%, transparent)}.shell-feature,.shell-metric{padding:.95rem .2rem}.site-footer{flex-direction:column;padding-inline:1rem}}
