.boarding-summary{border:1px dashed var(--color-border);background:var(--color-surface-low);border-radius:12px;margin:8px 0 12px;padding:12px 14px}.boarding-filters{flex-wrap:wrap;gap:8px;display:flex}.boarding-quick-presets{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.boarding-metrics{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.boarding-metric{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;padding:10px 12px}.metric-label{color:var(--color-text-secondary);font-size:12px;display:block}.metric-value{margin-top:4px;font-size:20px;line-height:1.1;display:block}.petopia-inner .btn.btn-outline{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary)}.petopia-inner .btn.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary-hover)}.boarding-status{border-radius:var(--radius-full);align-items:center;margin:8px 0 10px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.boarding-status-pending{background:var(--color-warning-light);color:var(--color-warning)}.boarding-status-confirmed{background:var(--color-primary-soft);color:#92400e}.boarding-status-progress{color:var(--color-cta);background:#2563eb1f}.boarding-status-completed{background:var(--color-success-light);color:var(--color-success)}.boarding-status-cancelled{background:var(--color-danger-light);color:var(--color-danger)}.boarding-animated-card{opacity:0;transition:transform .18s,box-shadow .18s;animation:.36s ease-out forwards boardingCardEnter;transform:translateY(8px)scale(.995)}.boarding-animated-card:hover{transform:translateY(-2px)}.boarding-timeline{flex-wrap:wrap;gap:6px;margin:8px 0 10px;display:flex}.boarding-step{border-radius:var(--radius-full);border:1px solid var(--color-border);color:var(--color-text-secondary);background:var(--color-surface);padding:4px 10px;font-size:11px;font-weight:700}.boarding-step-done{color:var(--color-cta);background:#2563eb1a;border-color:#2563eb40}.boarding-step-current{background:var(--color-primary-soft);color:#7c4700;border-color:#ffbd5973}.boarding-skeleton-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.boarding-skeleton-card{padding:14px}.boarding-skeleton{background:linear-gradient(90deg,#94a3b829 25%,#94a3b852 40%,#94a3b829 65%) 0 0/220% 100%;border-radius:8px;margin-bottom:8px;animation:1.2s ease-in-out infinite boardingShimmer}.skeleton-line-lg{width:72%;height:20px}.skeleton-line-sm{width:92%;height:14px}.skeleton-chip-row{width:100%;height:18px;margin-top:10px}@keyframes boardingShimmer{0%{background-position:130% 0}to{background-position:-50% 0}}@keyframes boardingCardEnter{0%{opacity:0;transform:translateY(8px)scale(.995)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.boarding-animated-card{opacity:1;animation:none;transform:none}}:root{--font-body:"Be Vietnam Pro", system-ui, sans-serif;--color-bg:#fffbf6;--color-surface:#fff;--color-surface-low:#fff4e6;--color-surface-container:#ffedd5;--color-surface-input:#fff;--color-primary:#ffbd59;--color-primary-hover:#e8a82e;--color-primary-soft:#ffbd5924;--color-secondary:#fbbf24;--color-secondary-container:#fbbf2438;--color-cta:#2563eb;--color-cta-hover:#1d4ed8;--color-cta-soft:#2563eb1a;--color-on-primary:#0f172a;--color-text:#0f172a;--color-text-secondary:#475569;--color-border:#0f172a1a;--color-danger:#dc2626;--color-danger-light:#fee2e2;--color-success:#15803d;--color-success-light:#dcfce7;--color-warning:#ca8a04;--color-warning-light:#fef9c3;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-ambient:0 4px 24px #0f172a0f;--shadow-float:0 12px 40px #0f172a1a;--shadow-sm:0 1px 3px #0f172a0f;--shadow-md:0 6px 20px #0f172a14;--shadow-lg:0 16px 48px #0f172a1f;--focus-ring:0 0 0 3px #2563eb73;--touch-min:44px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*{box-sizing:border-box;margin:0;padding:0}html{max-width:100vw;overflow-x:clip}@supports not (overflow:clip){html{overflow-x:hidden}}body,.app-root{max-width:100vw;font-family:var(--font-body), "Be Vietnam Pro", system-ui, sans-serif;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6;overflow-x:clip}@supports not (overflow:clip){body,.app-root{overflow-x:hidden}}.app-root{flex-direction:column;min-height:100vh;display:flex}.page-shell{flex-direction:column;flex:1 0 auto;width:100%;display:flex}.page-shell>main{flex:1 0 auto;width:100%}main.container.petopia-inner{background:var(--color-bg);flex:1 0 auto;width:100%}.list-plain{margin:0;padding:0;list-style:none}.petopia-inner .page-header{margin-bottom:clamp(22px,3vw,32px)}.petopia-inner .page-header h1{font-size:clamp(1.45rem,2.8vw,2rem)}.petopia-filter-panel{margin-bottom:clamp(20px,3vw,28px);padding:clamp(18px,2.5vw,22px) clamp(18px,2.5vw,24px)}.petopia-inner .card{border:1px solid #0f172a14;border-radius:20px;box-shadow:0 8px 28px #0f172a0d}.petopia-inner .card:hover{border-color:#ffbd5959;box-shadow:0 14px 36px #0f172a17}.petopia-inner .btn-primary:not(.btn-sm),.petopia-inner .btn-success:not(.btn-sm){border-radius:var(--radius-full)}.petopia-inner .btn-primary:not(.btn-sm){box-shadow:0 6px 20px #ffbd5959}.petopia-inner .form-input,.petopia-inner .form-select,.petopia-inner .form-textarea{border-color:#0f172a1f;border-radius:12px}.petopia-inner .table{border-radius:16px}.petopia-inner .package-tab{border-radius:var(--radius-full)}.petopia-inner .tabs{border-radius:14px}.petopia-inner .search-bar{background:var(--color-surface);border-radius:var(--radius-full);border:1px solid #0f172a1a;padding:10px 14px;box-shadow:0 4px 18px #0f172a0a}.petopia-inner .search-bar .form-input{box-shadow:none;background:0 0;border:none}.petopia-inner .search-bar .form-input:focus{box-shadow:none}h1,h2,h3,.font-display{font-family:var(--font-body), "Be Vietnam Pro", system-ui, sans-serif;letter-spacing:-.02em;font-weight:600}a{color:var(--color-cta);text-decoration:none;transition:color .2s,background .2s}a:hover{color:var(--color-cta-hover)}a.btn,a.btn-primary,a.btn-secondary,a.btn-cta,a.btn-success,a.btn-danger{cursor:pointer;text-decoration:none}a.btn-primary,a.btn-primary:hover{color:var(--color-on-primary)}.btn-cta,.btn-cta:hover,a.btn-cta,a.btn-cta:hover{color:#fff}a.btn-secondary{color:var(--color-primary)}a.btn-secondary:hover{color:var(--color-primary-hover)}button,.btn,.nav-links a:not(.btn),.card-clickable{cursor:pointer}button:focus-visible,.btn:focus-visible,.nav-toggle:focus-visible,.form-input:focus-visible,.form-select:focus-visible,.form-textarea:focus-visible,.nav-links a:focus-visible{box-shadow:var(--focus-ring);outline:none}.nav-header{z-index:300;flex-shrink:0;align-self:flex-start;width:100%;padding:12px clamp(12px,3vw,28px) 0;transition:top .32s;position:sticky;top:0}.nav-header.nav-header--scrolled{top:calc(10px + env(safe-area-inset-top,0px))}.nav-backdrop{display:none}.nav{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-xl);background:linear-gradient(135deg,#ffbd59 0%,#ffd285 52%,#ffeac7 100%);border:1px solid #e8a82e8c;max-width:1200px;margin:0 auto;transition:max-width .32s,border-radius .32s,box-shadow .32s;position:relative;box-shadow:0 8px 28px #ffbd5961}.nav-header--scrolled .nav{max-width:min(1080px,100vw - 40px)}.nav-inner{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px 10px 18px;transition:padding .32s;display:flex}.nav-header--scrolled .nav-inner{padding:8px 12px 8px 16px}.nav-brand{font-family:var(--font-body), "Be Vietnam Pro", system-ui, sans-serif;color:#0f172a;border-radius:var(--radius-md);flex-shrink:0;align-items:center;text-decoration:none;transition:opacity .2s;display:inline-flex}.nav-brand:hover{opacity:.88}.nav-brand:focus-visible{box-shadow:var(--focus-ring);outline:none}.nav-brand .petopia-logo-img{width:auto;max-width:min(340px,72vw);height:clamp(36px,5vw,58px);line-height:0;transition:height .32s;display:block}.nav-header--scrolled .nav-brand .petopia-logo-img{max-height:44px;height:44px!important}.nav-toggle{width:var(--touch-min);height:var(--touch-min);border-radius:var(--radius-md);color:#0f172a;background:#ffffff8c;border:1px solid #0f172a24;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;line-height:1;display:none}.nav-links{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:2px;margin:0 0 0 auto;padding:0;list-style:none;display:flex}.nav-links li{align-items:center;display:flex}.nav-links a:not(.btn){color:#0f172a;border-radius:var(--radius-full);padding:10px 14px;font-size:.875rem;font-weight:600;transition:background .2s,color .2s}.nav-links a:not(.btn):hover,.nav-links a:not(.btn).active{color:#0f172a;background:#ffffff6b}.nav-links .btn{white-space:nowrap}.nav-links .btn-sm{min-height:var(--touch-min);padding:8px 14px;font-size:.8125rem}.nav-profile-details{position:relative}.nav-profile-details>summary{cursor:pointer;color:#1e293b;border-radius:var(--radius-full);padding:10px 14px;font-size:.875rem;font-weight:600;list-style:none;transition:background .2s,color .2s}.nav-profile-details>.nav-profile-summary{background:#ffffff80;border:2px solid #0f172a1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex;box-shadow:0 2px 8px #0f172a14}.nav-profile-avatar{color:#0f172a;letter-spacing:-.02em;font-size:.75rem;font-weight:800;line-height:1}.nav-profile-thumb{border-radius:50%;flex-shrink:0;width:36px;height:36px;overflow:hidden}.nav-profile-thumb img{object-fit:cover;width:100%;height:100%;display:block}.nav-profile-details>summary::-webkit-details-marker{display:none}.nav-profile-details>summary:hover,.nav-profile-details[open]>summary{color:#0f172a;background:#ffffff6b}.nav-profile-details>.nav-profile-summary:hover,.nav-profile-details[open]>.nav-profile-summary{background:#fff;border-color:#c2410c59}.nav-profile-submenu{border-radius:var(--radius-md);min-width:200px;box-shadow:var(--shadow-md);z-index:50;background:#fffbf6;border:1px solid #e8a82e73;flex-direction:column;gap:2px;padding:8px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.nav-profile-submenu a{border-radius:var(--radius-sm);color:#334155;padding:10px 12px;font-size:.875rem;font-weight:600;display:block}.nav-profile-submenu a:hover{color:#0f172a;background:#ffbd5938}.nav-profile-submenu-bell{border-top:1px solid #0f172a1a;margin:6px 0 0;padding-top:6px}.nav-profile-submenu .notif-bell{width:100%}.nav-profile-submenu .notif-bell-btn{border-radius:var(--radius-md);justify-content:center;width:100%;min-height:40px}.nav-profile-submenu .notif-dropdown{width:100%;max-height:min(220px,40vh);box-shadow:none;z-index:1;border:1px solid #0f172a1a;margin-top:8px;position:static}.nav-profile-logout{text-align:left;width:100%;font:inherit;color:#b45309;border-radius:var(--radius-sm);cursor:pointer;background:#fff9;border:1px solid #b4530940;margin-top:2px;padding:10px 12px;font-size:.875rem;font-weight:700;transition:background .2s,color .2s}.nav-profile-logout:hover{color:#7c2d12;background:#ffbd5938}.loyalty-hero{background:linear-gradient(135deg, var(--color-surface-low), var(--color-surface))}.loyalty-hero-balance{font-family:var(--font-body), "Be Vietnam Pro", system-ui, sans-serif;color:var(--color-cta);letter-spacing:-.03em;font-size:clamp(2rem,5vw,2.75rem);font-weight:700}.loyalty-tier-row{flex-wrap:wrap;align-items:center;gap:12px 16px;margin-bottom:12px;display:flex}.loyalty-tier-badge{letter-spacing:.02em;border-radius:999px;align-items:center;padding:6px 14px;font-size:.875rem;font-weight:700;display:inline-flex}.loyalty-tier--bronze{color:#44403c;background:#e7e5e4;border:1px solid #d6d3d1}.loyalty-tier--silver{color:#334155;background:linear-gradient(135deg,#e2e8f0,#f1f5f9);border:1px solid #94a3b8}.loyalty-tier--gold{color:#713f12;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #d97706}.loyalty-tier--platinum{color:#1e1b4b;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border:1px solid #6366f1}.loyalty-tier-progress{background:#00000014;border-radius:999px;height:8px;margin-top:10px;overflow:hidden}.loyalty-tier-progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--color-cta), #f59e0b);height:100%;transition:width .35s}.membership-card{border-radius:18px;width:min(100%,460px);margin:8px 0 16px;position:relative;overflow:hidden}.membership-card-image{width:100%;height:auto;display:block}.membership-card-name{color:#fff;letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;max-width:45%;font-size:clamp(.72rem,1.4vw,.95rem);font-weight:700;position:absolute;top:50.8%;left:23%;overflow:hidden;transform:translateY(-50%)}.container{max-width:1200px;margin:0 auto;padding:28px clamp(16px,4vw,32px)}.page-header{margin-bottom:28px}.page-header h1{color:var(--color-text);margin-bottom:8px;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:600}.page-header p{color:var(--color-text-secondary);max-width:52ch;font-size:1.0625rem}.card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-ambient);padding:24px;transition:box-shadow .2s,transform .2s,border-color .2s}.card:hover{box-shadow:var(--shadow-float);border-color:#fdba74e6}.card-clickable:hover{transform:translateY(-2px)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:22px;display:grid}.card-title{font-family:var(--font-body), "Be Vietnam Pro", system-ui, sans-serif;color:var(--color-text);margin-bottom:8px;font-size:1.125rem;font-weight:600}.card-desc{color:var(--color-text-secondary);margin-bottom:16px;font-size:.9375rem;line-height:1.55}.btn{min-height:var(--touch-min);border-radius:var(--radius-sm);font-size:.9375rem;font-weight:600;font-family:var(--font-body), "Be Vietnam Pro", system-ui, sans-serif;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;transition:background .2s,color .2s,box-shadow .2s,transform .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--color-primary);color:var(--color-on-primary);border:1px solid #c8963273;box-shadow:0 1px 2px #0f172a14}.btn-primary:hover{background:var(--color-primary-hover);color:var(--color-on-primary)}.btn-secondary{background:var(--color-surface);color:var(--color-primary);border:2px solid var(--color-primary);box-shadow:none}.btn-secondary:hover{background:var(--color-primary-soft)}.btn-cta{background:var(--color-cta);color:#fff;border:1px solid #1d4ed866}.btn-cta:hover{background:var(--color-cta-hover);color:#fff}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{filter:brightness(1.05)}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover{filter:brightness(1.05)}.btn-sm{min-height:40px;padding:6px 14px;font-size:.8125rem}.btn-lg{border-radius:var(--radius-md);padding:14px 28px;font-size:1.0625rem}.btn-block{width:100%}.form-group{margin-bottom:20px}.form-label{color:var(--color-text);margin-bottom:6px;font-size:.875rem;font-weight:600;display:block}.form-input,.form-select,.form-textarea{width:100%;min-height:var(--touch-min);border:2px solid var(--color-border);border-radius:var(--radius-sm);font-size:1rem;font-family:var(--font-body), "Be Vietnam Pro", system-ui, sans-serif;background:var(--color-surface-input);color:var(--color-text);padding:12px 14px;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-cta);box-shadow:var(--focus-ring);outline:none}.form-textarea{resize:vertical;min-height:96px}.chip-row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.chip{border-radius:var(--radius-full);background:var(--color-primary-soft);color:var(--color-primary-hover);border:none;align-items:center;padding:8px 16px;font-size:.8125rem;font-weight:600;display:inline-flex}.chip-tertiary{background:var(--color-cta-soft);color:var(--color-cta)}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;align-items:center;padding:4px 12px;font-size:.6875rem;font-weight:700;display:inline-flex}.badge-primary{background:var(--color-primary-soft);color:var(--color-primary-hover)}.badge-success{background:var(--color-success-light);color:var(--color-success)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning)}.badge-danger{background:var(--color-danger-light);color:var(--color-danger)}.badge-info{background:var(--color-cta-soft);color:var(--color-cta)}.hero{text-align:center;border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-ambient);background:linear-gradient(165deg,#fff 0%,#fff7ed 45%,#ffedd5 100%);margin-bottom:40px;padding:clamp(40px,7vw,88px) clamp(18px,4vw,40px);position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle at 85% 15%,#2563eb14,#0000 42%);position:absolute;inset:0}.hero>*{z-index:1;position:relative}.hero-eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--color-cta);margin-bottom:12px;font-size:.8125rem;font-weight:700}.hero h1{color:var(--color-text);margin-bottom:14px;font-size:clamp(2rem,4.5vw,2.85rem);font-weight:600;line-height:1.2}.hero p{color:var(--color-text-secondary);max-width:36rem;margin:0 auto 26px;font-size:clamp(1rem,2vw,1.2rem);line-height:1.65}.hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.trust-strip{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:44px;display:grid}.trust-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);padding:22px 18px}.trust-value{font-family:var(--font-body), "Be Vietnam Pro", system-ui, sans-serif;color:var(--color-primary);font-size:1.65rem;font-weight:700}.trust-label{color:var(--color-text-secondary);margin-top:6px;font-size:.875rem;font-weight:600}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-bottom:48px;display:grid}.feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);padding:26px 22px;transition:box-shadow .2s,transform .2s}.feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.feature-icon-wrap{border-radius:var(--radius-md);background:var(--color-primary-soft);width:56px;height:56px;color:var(--color-primary);justify-content:center;align-items:center;margin:0 auto 14px;display:flex}.feature-icon-wrap svg{width:26px;height:26px}.feature-card h3{color:var(--color-text);margin-bottom:8px;font-size:1.0625rem;font-weight:600}.feature-card p{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.55}.section-heading{text-align:center;margin-bottom:26px}.section-heading h2{color:var(--color-text);margin-bottom:8px;font-size:clamp(1.35rem,2.5vw,1.75rem);font-weight:600}.section-heading p{color:var(--color-text-secondary);font-size:1.0625rem}.cta-band{text-align:center;border-radius:var(--radius-xl);background:linear-gradient(135deg, var(--color-cta) 0%, #1d4ed8 100%);color:#fff;box-shadow:var(--shadow-md);border:1px solid #fff3;margin-top:8px;margin-bottom:16px;padding:clamp(36px,6vw,56px) 24px}.cta-band h2{color:#fff;margin-bottom:10px;font-size:clamp(1.35rem,3vw,1.85rem);font-weight:600}.cta-band p{opacity:.95;max-width:36rem;margin:0 auto 22px;font-size:1.05rem;line-height:1.55}.cta-band .btn-primary{color:var(--color-cta);background:#fff;border-color:#0000}.cta-band .btn-primary:hover{color:var(--color-cta-hover);background:#eff6ff}.cta-band .btn-secondary{color:#fff;background:0 0;border-color:#ffffffd9}.cta-band .btn-secondary:hover{color:#fff;background:#ffffff1f}.stats-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:28px;display:grid}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;padding:22px}.stat-value{font-family:var(--font-body), "Be Vietnam Pro", system-ui, sans-serif;color:var(--color-primary);font-size:1.85rem;font-weight:700}.stat-label{color:var(--color-text-secondary);margin-top:4px;font-size:.875rem}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);width:100%;overflow:hidden}.table th,.table td{text-align:left;padding:12px 16px;font-size:.875rem}.table th{background:var(--color-surface-low);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:.6875rem;font-weight:700}.table tr:not(:last-child) td{border-bottom:1px solid var(--color-border)}.table tr:hover td{background:var(--color-primary-soft)}.price{color:var(--color-primary);font-variant-numeric:tabular-nums;font-weight:700}.modal-overlay{z-index:300;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border-radius:var(--radius-xl);width:100%;max-width:500px;box-shadow:var(--shadow-lg);padding:32px}.modal h2{margin-bottom:20px;font-size:1.375rem}.modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.alert{border-radius:var(--radius-md);margin-bottom:16px;padding:12px 16px;font-size:.875rem;font-weight:600}.alert-success{background:var(--color-success-light);color:var(--color-success)}.alert-error{background:var(--color-danger-light);color:var(--color-danger)}.alert-warning{background:var(--color-warning-light);color:var(--color-warning)}.empty-state{text-align:center;color:var(--color-text-secondary);padding:56px 20px}.empty-state-icon{margin-bottom:12px;font-size:2.5rem;line-height:1}.empty-state h3{color:var(--color-text);margin-bottom:8px;font-size:1.2rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.text-sm{font-size:.875rem}.text-secondary{color:var(--color-text-secondary)}.footer{text-align:center;color:var(--color-text-secondary);border-top:1px solid var(--color-border);background:var(--color-surface-low);flex-shrink:0;margin-top:auto;padding:36px clamp(16px,4vw,28px);font-size:.875rem;font-weight:600}.filter-bar{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.filter-bar .btn-sm{border-radius:var(--radius-full)}.loading-layout{background:var(--color-bg);flex:1;justify-content:center;align-items:center;min-height:50vh;padding:48px 24px;display:flex}.loading-inner{text-align:center}.loading-text{margin-top:16px;font-size:.9375rem}.form-grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:640px){.form-grid-2{grid-template-columns:1fr}}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;margin-bottom:24px;display:flex}.toolbar .filter-bar{flex:auto;min-width:0;margin-bottom:0}@media (min-width:1024px){.nav-toggle{display:none!important}.nav-links{flex-wrap:nowrap;justify-content:flex-end;gap:10px;max-width:none;margin-left:auto;display:flex!important}.nav-inner{gap:clamp(10px,1.5vw,24px)}}@media (max-width:1023px){.nav-backdrop{z-index:1;cursor:pointer;background:#0f172a59;border:none;margin:0;padding:0;animation:.2s ease-out nav-fade-in;display:block;position:fixed;inset:0}.nav-inner{z-index:2;flex-wrap:wrap;position:relative}.nav-brand{order:1}.nav-toggle{order:2;margin-left:auto;display:inline-flex}.nav-cart-cta{order:3}.nav-links{border-top:1px solid var(--color-border);flex-direction:column;flex:100%;order:4;align-items:stretch;gap:2px;width:100%;max-width:none;margin-top:6px;margin-left:0;padding:10px 0 4px;display:none}.nav-links.nav-links-open{display:flex}.nav-links a:not(.btn){border-radius:var(--radius-sm);width:100%;padding:12px 14px}.nav-links .btn{justify-content:center;width:100%}.nav-profile-details{width:100%}.nav-profile-details>.nav-profile-summary{border-radius:var(--radius-md);justify-content:flex-start;gap:10px;width:100%;max-width:100%;height:44px;padding:0 12px 0 4px}.nav-profile-details>.nav-profile-summary:after{content:"Hồ sơ";color:#1e293b;font-size:.9375rem;font-weight:600}.nav-profile-submenu{width:100%;box-shadow:none;background:0 0;border:none;margin-top:6px;padding:0 0 0 8px;position:static}.nav-profile-submenu a{width:100%}.nav-profile-logout{box-sizing:border-box;width:100%}}@keyframes nav-fade-in{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.container{padding:20px 14px}.hero{padding:36px 18px}.card-grid{grid-template-columns:1fr}}.spinner{border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:44px;height:44px;margin:0 auto;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.tabs{border-radius:var(--radius-md);border:2px solid var(--color-border);gap:0;margin-bottom:24px;display:flex;overflow:hidden}.tab{text-align:center;cursor:pointer;background:var(--color-surface);color:var(--color-text-secondary);font-size:.875rem;font-weight:600;font-family:var(--font-body), "Be Vietnam Pro", system-ui, sans-serif;border:none;flex:1;padding:10px 16px;transition:background .2s,color .2s}.tab:hover{background:var(--color-surface-low)}.tab-active{background:var(--color-primary);color:var(--color-on-primary)}.tab-active:hover{background:var(--color-primary-hover)}.detail-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.detail-info{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.detail-item{background:var(--color-surface-low);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:16px}.detail-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:.6875rem;font-weight:700}.detail-value{color:var(--color-text);font-size:1rem;font-weight:600}.section{margin-bottom:48px}.section-title{color:var(--color-text);margin-bottom:16px;font-size:1.375rem;font-weight:600}.page-narrow{max-width:440px;margin-left:auto;margin-right:auto}.page-medium{max-width:640px;margin-left:auto;margin-right:auto}.auth-page{padding-top:40px;padding-bottom:48px}.card-pad-lg{padding:32px}.profile-avatar-block{border-bottom:1px solid #0f172a14;flex-wrap:wrap;align-items:flex-start;gap:24px;margin-bottom:24px;padding-bottom:24px;display:flex}.profile-avatar-circle{background:#0f172a0f;border:3px solid #e8a82e59;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:96px;height:96px;display:flex;overflow:hidden}.profile-avatar-circle img{object-fit:cover;width:100%;height:100%}.profile-avatar-fallback{color:#0f172a;letter-spacing:-.03em;font-size:2rem;font-weight:800}.profile-avatar-actions{flex:240px;min-width:0}.card-pad-xl{padding:40px}.auth-title{text-align:center;color:var(--color-text);margin-bottom:8px;font-size:1.5rem;font-weight:800}.link-inline{font-weight:600}.input-disabled{opacity:.65;cursor:not-allowed}.card-title-inline{margin-bottom:0}.card-title-tight{margin-bottom:4px}.divider-top{border-top:1px solid var(--color-border);margin-top:4px;padding-top:16px}.price-lg{font-size:1.25rem}.page-centered{text-align:center;padding:80px 16px 48px}.empty-visual{border-radius:var(--radius-lg);background:var(--color-primary-soft);width:64px;height:64px;color:var(--color-primary);justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.empty-visual svg{width:32px;height:32px}.not-found-code{color:var(--color-primary);margin-bottom:16px;font-size:clamp(3rem,14vw,4.5rem);font-weight:700;line-height:1}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.nav-item-bell{align-items:center;display:flex}.notif-bell{position:relative}.notif-bell-btn{min-width:var(--touch-min);min-height:var(--touch-min);border-radius:var(--radius-full);background:var(--color-surface-container);color:var(--color-text);cursor:pointer;box-shadow:var(--shadow-sm);border:none;justify-content:center;align-items:center;padding:8px;display:inline-flex;position:relative}.notif-bell-btn:hover{background:var(--color-primary-soft)}.notif-bell-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.notif-bell-icon{color:var(--color-text)}.nav .notif-bell-btn{color:#0f172a;box-shadow:none;background:#ffffff80;border:1px solid #0f172a1a}.nav .notif-bell-btn:hover{background:#ffffffc7}.nav .notif-bell-icon{color:#0f172a}.notif-bell-badge{border-radius:var(--radius-full);background:var(--color-danger);color:#fff;text-align:center;min-width:18px;height:18px;padding:0 5px;font-size:.7rem;font-weight:700;line-height:18px;position:absolute;top:2px;right:2px}.notif-dropdown{z-index:200;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:min(360px,92vw);max-height:70vh;box-shadow:var(--shadow-float);padding:8px 0;position:absolute;top:calc(100% + 8px);right:0;overflow:auto}.notif-dropdown-muted{color:var(--color-text-secondary);padding:16px;font-size:.9rem}.notif-row{text-align:left;cursor:pointer;width:100%;color:inherit;font:inherit;background:0 0;border:none;padding:12px 16px;display:block}.notif-row:hover{background:var(--color-primary-soft)}.notif-row strong{margin-bottom:4px;display:block}.notif-row p{color:var(--color-text-secondary);font-size:.9rem}.notif-row-read{opacity:.72}.notif-see-all{border-top:1px solid var(--color-border);padding:12px 16px;font-weight:600;display:block}.notif-list{flex-direction:column;gap:12px;list-style:none;display:flex}.notif-list-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:16px}.notif-list-item.notif-read{opacity:.85}.notif-list-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.notif-list-title{margin-bottom:8px;font-size:1.05rem}.notif-list-body{color:var(--color-text-secondary);margin-bottom:12px}.notif-list-actions{flex-wrap:wrap;gap:8px;display:flex}.shop-product-card,.wishlist-card{position:relative}.wishlist-heart{z-index:2;border-radius:var(--radius-full);background:var(--color-surface);width:40px;height:40px;color:var(--color-text-secondary);box-shadow:var(--shadow-sm);cursor:pointer;border:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:10px;right:10px}.wishlist-heart:hover{color:var(--color-danger);background:var(--color-danger-light)}.wishlist-heart:focus-visible{box-shadow:var(--focus-ring);outline:none}.wishlist-heart-active{color:var(--color-danger)}.wishlist-heart--inline{width:40px;height:40px;box-shadow:none;border:1px solid #0f172a1a;flex-shrink:0;position:static}.wishlist-heart--inline:hover{box-shadow:var(--shadow-sm)}.admin-shell{--admin-sidebar-w:264px;--admin-sticky-top:88px;--admin-surface-elevated:#fff;--admin-canvas:radial-gradient(circle at top right, #dbeafe 0%, #eef2ff 20%, #f8fafc 52%, #f1f5f9 100%);--admin-sidebar-bg:linear-gradient(180deg, #0f172a 0%, #1e293b 72%, #0f172a 100%);--admin-sidebar-text:#e2e8f0;--admin-sidebar-muted:#94a3b8;--admin-sidebar-hover:#ffffff12;--admin-sidebar-active:#2563eb59;--admin-sidebar-border:#ffffff14;--admin-accent-line:linear-gradient(90deg, #2563eb, #38bdf8);background:var(--admin-canvas);min-height:calc(100vh - 64px);display:flex}.admin-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.admin-header-menu-btn{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:40px;height:40px;color:var(--color-text);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;margin-right:4px;padding:0;display:none}.admin-header-menu-icon{flex-shrink:0;width:1.35rem;height:1.35rem}.admin-nav-backdrop{display:none}@media (max-width:900px){.admin-shell{position:relative}.admin-sidebar{z-index:50;width:min(var(--admin-sidebar-w), 88vw);max-height:none;transition:transform .22s;position:fixed;top:0;bottom:0;left:0;transform:translate(-102%);box-shadow:0 8px 32px #0000001f}.admin-shell--nav-open .admin-sidebar{transform:translate(0)}.admin-nav-backdrop{z-index:40;cursor:pointer;opacity:0;pointer-events:none;background:#00000059;border:none;margin:0;padding:0;transition:opacity .2s;display:block;position:fixed;inset:0}.admin-shell--nav-open .admin-nav-backdrop{opacity:1;pointer-events:auto}.admin-header-menu-btn{display:inline-flex}.admin-header-right{display:none}.admin-action-panel{grid-template-columns:1fr}}.admin-shell-main{flex-direction:column;flex:1;width:100%;min-width:0;display:flex}.admin-sidebar{width:var(--admin-sidebar-w);background:var(--admin-sidebar-bg);border-right:1px solid var(--admin-sidebar-border);top:var(--admin-sticky-top);max-height:calc(100vh - var(--admin-sticky-top));scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#94a3b873 transparent;flex-direction:column;flex-shrink:0;align-self:flex-start;padding:18px 12px 20px;display:flex;position:sticky;overflow:hidden auto;box-shadow:4px 0 24px #0f172a1f}.admin-sidebar-brand{font-family:var(--font-body), "Be Vietnam Pro", system-ui, sans-serif;letter-spacing:-.02em;color:var(--admin-sidebar-text);border-bottom:1px solid var(--admin-sidebar-border);align-items:center;gap:10px;margin-bottom:4px;padding:6px 10px 18px;font-size:1.05rem;font-weight:700;display:flex}.admin-sidebar-brand-mark{border-radius:var(--radius-full);background:var(--admin-accent-line);flex-shrink:0;width:10px;height:10px;box-shadow:0 0 0 3px #2563eb59}.admin-sidebar-brand-text{line-height:1.25}.admin-sidebar-nav{flex-direction:column;flex:1;gap:18px;min-height:0;display:flex}.admin-sidebar-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--admin-sidebar-muted);padding:0 10px 6px;font-size:.68rem;font-weight:700}.admin-sidebar-list{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.admin-sidebar-link{border-radius:var(--radius-md);color:var(--admin-sidebar-text);border:1px solid #0000;align-items:center;gap:10px;padding:9px 11px;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .18s,color .18s,box-shadow .18s;display:flex}.admin-sidebar-link:hover{background:var(--admin-sidebar-hover);color:#f8fafc}.admin-sidebar-link:focus-visible{border-color:#38bdf873;outline:none;box-shadow:0 0 0 2px #2563eba6}.admin-sidebar-link-active{background:var(--admin-sidebar-active);color:#fff;border-color:#38bdf859;font-weight:600;box-shadow:inset 3px 0 #38bdf8}.admin-sidebar-link-muted{opacity:.55}.admin-sidebar-icon{width:1.5rem;height:1.5rem;color:var(--admin-sidebar-muted);flex-shrink:0;justify-content:center;align-items:center;transition:color .18s;display:flex}.admin-sidebar-link:hover .admin-sidebar-icon,.admin-sidebar-link-active .admin-sidebar-icon{color:#e0f2fe}.admin-sidebar-link-text{min-width:0;line-height:1.35}.admin-header{-webkit-backdrop-filter:blur(12px);z-index:20;background:#fffffff0;border-bottom:1px solid #0f172a12;justify-content:space-between;align-items:center;gap:16px;padding:12px 22px;display:flex;position:sticky;top:0;box-shadow:inset 0 1px #fff9}.admin-header-left{align-items:center;gap:12px;min-width:0;display:flex}.admin-header-logo{width:2.25rem;height:2.25rem;color:var(--color-cta);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.admin-header-logo svg{width:1.5rem;height:1.5rem}.admin-breadcrumb{color:var(--color-text-secondary);flex-wrap:wrap;align-items:center;gap:4px;font-size:.9rem;display:flex}.admin-breadcrumb-sep{opacity:.5;margin:0 2px}.admin-breadcrumb-link{color:var(--color-cta);text-decoration:none}.admin-breadcrumb-link:hover{text-decoration:underline}.admin-breadcrumb-current{color:var(--color-text);font-weight:600}.admin-header-site-link{color:var(--color-cta);border-radius:var(--radius-full);background:#ffffffbf;border:1px solid #2563eb38;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .18s,border-color .18s,box-shadow .18s;display:inline-flex}.admin-header-right{align-items:center;gap:10px;display:flex}.admin-header-shortcut{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);min-height:36px;color:var(--color-text);justify-content:center;align-items:center;padding:6px 12px;font-size:.82rem;font-weight:600;display:inline-flex}.admin-header-shortcut:hover{color:var(--color-cta);background:#2563eb14;border-color:#2563eb66}.admin-header-site-link:hover{background:var(--color-cta-soft);box-shadow:var(--shadow-sm);border-color:#2563eb73}.admin-header-site-link:focus-visible{box-shadow:var(--focus-ring);outline:none}.admin-header-site-link-icon{opacity:.85;width:1rem;height:1rem}.admin-main{flex:1;width:100%;min-width:0;max-width:1440px;margin-inline:auto;padding:24px 26px 40px}.admin-loading{text-align:center;color:var(--color-text-secondary);padding:48px 24px;font-size:.95rem}.admin-page-title{font-family:var(--font-body), "Be Vietnam Pro", system-ui, sans-serif;color:var(--color-text);margin-bottom:8px;font-size:1.75rem}.admin-page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.admin-page-head .admin-page-title{margin-bottom:0}.admin-field{color:var(--color-text-secondary);flex-direction:column;gap:6px;margin-bottom:12px;font-size:.875rem;display:flex}.admin-page-lead{color:var(--color-text-secondary);max-width:52rem;margin-bottom:16px}.admin-quick-links{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-text-muted{color:var(--color-text-secondary);font-size:.9rem}.admin-cell-clamp{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:28rem;display:-webkit-box;overflow:hidden}.admin-page-loading,.admin-page-error{padding:24px 0}.admin-page-error{color:var(--color-danger)}.admin-stat-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:18px;display:grid}.admin-stat-grid-secondary{margin-top:-8px}.admin-stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:18px 20px;transition:box-shadow .18s,border-color .18s,transform .18s;position:relative;overflow:hidden}.admin-stat-card:before{content:"";background:var(--admin-accent-line);opacity:.85;height:3px;position:absolute;top:0;left:0;right:0}.admin-stat-card:hover{box-shadow:var(--shadow-md);border-color:#2563eb33;transform:translateY(-1px)}.admin-stat-card-title{color:var(--color-text-secondary);margin-bottom:8px;font-size:.85rem;font-weight:600}.admin-stat-card-value{color:var(--color-text);font-size:1.5rem;font-weight:700}.admin-stat-card-sub{color:var(--color-text-secondary);margin-top:6px;font-size:.8rem}.admin-chart-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px 24px 12px}.admin-action-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.admin-action-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:16px 18px}.admin-action-title{margin-bottom:12px;font-size:.95rem}.admin-action-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.admin-action-list li{background:#2563eb12;border-radius:10px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:.9rem;display:flex}.admin-action-shortcuts{flex-wrap:wrap;gap:8px;display:flex}.admin-action-chip{border-radius:var(--radius-full);border:1px solid var(--color-border);color:var(--color-text);background:var(--color-surface);padding:8px 12px;font-size:.84rem;font-weight:600}.admin-action-chip:hover{color:var(--color-cta);background:#2563eb14;border-color:#2563eb5c}.admin-chart-title{margin-bottom:12px;font-size:1rem;font-weight:600}.admin-revenue-chart{width:100%;height:auto;display:block}.admin-revenue-chart-grid{stroke:var(--color-border);stroke-width:1px;stroke-dasharray:4 6}.admin-revenue-chart-axis{fill:var(--color-text-secondary);font-size:10px}.admin-revenue-chart-area{fill:#2563eb1f;stroke:none}.admin-revenue-chart-line{stroke:var(--color-cta)}.admin-bar-fill{fill:#2563eb8c}.admin-filters{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.admin-tabs{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.admin-tab{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;padding:8px 14px;font-size:.9rem}.admin-tab:hover{border-color:var(--color-cta)}.admin-tab-active{background:var(--color-cta);color:#fff;border-color:var(--color-cta)}.admin-input{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-input);min-width:200px;max-width:320px;color:var(--color-text);font:inherit;flex:1;padding:10px 14px}.admin-select{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-input);color:var(--color-text);font:inherit;padding:10px 12px}.admin-select-wide{min-width:140px}.admin-select-block{width:100%;margin-top:12px}.admin-data-table-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.admin-data-table-scroll{overflow-x:auto}.admin-data-table{border-collapse:collapse;width:100%;font-size:.9rem}.admin-data-table th,.admin-data-table td{text-align:left;border-bottom:1px solid var(--color-border);vertical-align:middle;padding:12px 14px}.admin-data-table tbody tr:nth-child(2n) td{background:#f8fafca6}.admin-data-table tbody tr:hover td{background:#dbeafe6b}.admin-data-table th{color:var(--color-text-secondary);letter-spacing:.04em;text-transform:uppercase;z-index:1;background:linear-gradient(#f8fafc 0%,#f1f5f9 100%);font-size:.78rem;font-weight:600;position:sticky;top:0}.admin-data-table-empty{text-align:center;color:var(--color-text-secondary);padding:28px!important}.admin-data-table-row-click{cursor:pointer}.admin-data-table-row-click:hover td{background:#bfdbfea6}.admin-data-table-row-selected td{background:#bfdbfe57}.admin-data-table-pager{background:var(--color-surface-container);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.admin-data-table-pager-meta{color:var(--color-text-secondary);font-size:.85rem}.admin-data-table-pager-btns{gap:8px;display:flex}.admin-data-table-select{text-align:center;vertical-align:middle;width:2.75rem}.admin-data-table-cb{cursor:pointer;width:1.1rem;height:1.1rem;accent-color:var(--color-cta)}.admin-bulk-bar{border-radius:var(--radius-md);border:1px solid var(--color-border);background:linear-gradient(#f8fafc 0%,#eff6ff 100%);flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-bottom:12px;padding:10px 14px;font-size:.9rem;display:flex}.admin-bulk-bar-count{border-radius:var(--radius-full);background:#2563eb1f;padding:6px 10px}.admin-bulk-bar .admin-select,.admin-bulk-bar .admin-input{max-width:200px}.admin-table-actions-inner{flex-wrap:wrap;gap:8px;display:flex}.admin-btn{border-radius:var(--radius-md);font:inherit;cursor:pointer;min-height:var(--touch-min);border:none;padding:8px 14px;font-weight:600}.admin-btn-primary{background:var(--color-cta);color:#fff}.admin-btn-primary:hover{background:var(--color-cta-hover);color:#fff}.admin-btn-secondary{background:var(--color-surface-container);color:var(--color-text);border:1px solid var(--color-border)}.admin-btn-danger{background:var(--color-danger);color:#fff;border:1px solid #0000}.admin-btn-danger:hover:not(:disabled){filter:brightness(1.06)}.admin-btn-danger:disabled{opacity:.45;cursor:not-allowed}.admin-btn-ghost{color:var(--color-cta);border:1px solid var(--color-border);background:0 0}.admin-btn-ghost:disabled{opacity:.45;cursor:not-allowed}.admin-link-back{color:var(--color-cta);margin-bottom:16px;font-weight:600;text-decoration:none;display:inline-block}.admin-link-back:hover{text-decoration:underline}.admin-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:24px;padding:20px 24px}.admin-card-title{margin-bottom:16px;font-size:1.05rem}.admin-dl{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px 24px;display:grid}.admin-dl dt{color:var(--color-text-secondary);font-size:.8rem;font-weight:600}.admin-dl dd{margin-top:4px}.admin-card-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.admin-subtable{margin-bottom:24px}.admin-subtable-title{margin-bottom:10px;font-size:1rem}.admin-mini-table{border-collapse:collapse;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;font-size:.88rem;overflow:hidden}.admin-mini-table th,.admin-mini-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:10px 12px}.admin-mini-table th{background:var(--color-surface-container);font-weight:600}.admin-modal-backdrop{z-index:80;background:#0f172a73;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.admin-modal{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-lg);padding:24px}.admin-modal-title{margin-bottom:8px;font-size:1.15rem}.admin-modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.admin-label{color:var(--color-text-secondary);margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.admin-textarea{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-input);width:100%;color:var(--color-text);font:inherit;resize:vertical;padding:10px 12px}.admin-form-stack{flex-direction:column;gap:12px;display:flex}.admin-form-success{color:var(--color-success,#15803d);margin:0;font-size:.9rem}.admin-btn-row{flex-wrap:wrap;gap:8px;display:flex}.admin-transition-btns{margin-top:12px}.admin-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em;background:var(--color-surface-container);color:var(--color-text);border:1px solid var(--color-border);padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block}.admin-badge-ok{background:var(--color-success-light);color:var(--color-success);border-color:#15803d59}.admin-badge-warn{background:var(--color-warning-light);color:var(--color-warning);border-color:#ca8a0459}.admin-badge-info{background:var(--color-cta-soft);color:var(--color-cta);border-color:#2563eb40}.admin-badge-muted{background:var(--color-surface-low);color:var(--color-text-secondary)}.admin-badge-danger{background:var(--color-danger-light);color:var(--color-danger);border-color:#dc262659}.admin-card-block{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:20px;padding:20px}.admin-section-title{margin:0 0 12px;font-size:1.05rem;font-weight:600}.admin-list-plain{margin:0;padding:0;list-style:none}.admin-camera-row{border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 0;display:flex}.admin-inline-form{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.admin-mt{margin-top:12px}.admin-muted{color:var(--color-text-secondary);font-size:.875rem}.admin-link{color:var(--color-cta);text-decoration:none}.admin-link:hover{text-decoration:underline}.admin-timeline-track{background:var(--color-surface-container);border-radius:var(--radius-md);height:36px;margin-top:8px;position:relative}.admin-timeline-bar{background:#2563eb73;border-radius:4px;height:24px;position:absolute;top:6px}.package-tabs{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.package-tab{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;padding:10px 18px;font-weight:600}.package-tab-active{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary-hover)}.package-picker-title{margin-bottom:8px;font-size:1.25rem}.package-picker-lead{margin-bottom:20px}.services-section-heading{margin-top:8px;margin-bottom:16px}.services-boarding-section{background:linear-gradient(135deg,#fff 0%,#fff9ef 100%);border:1px solid #ffbd5952;border-radius:22px;margin-bottom:28px;padding:clamp(18px,2.5vw,24px);box-shadow:0 14px 38px #0f172a0f}.package-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.package-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;min-height:100%;padding:20px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.package-card:hover{border-color:#ffbd597a;transform:translateY(-2px);box-shadow:0 16px 32px #0f172a1a}.package-card-header{margin-bottom:12px}.package-badge{text-transform:uppercase;border-radius:var(--radius-sm);margin-bottom:8px;padding:4px 8px;font-size:.75rem;font-weight:700;display:inline-block}.package-badge-basic{background:var(--color-surface-low);color:var(--color-text-secondary)}.package-badge-standard{background:var(--color-secondary-container);color:var(--color-text)}.package-badge-premium{background:var(--color-primary-soft);color:var(--color-primary-hover)}.package-card-name{margin:0;font-size:1.1rem}.package-card-desc{color:var(--color-text-secondary);flex:1;font-size:.9rem}.package-price{color:var(--color-cta);margin:12px 0;font-weight:800}.package-features{margin:0 0 8px;padding:0;font-size:.875rem;list-style:none}.package-features li{margin-bottom:6px}.package-features li.ok{color:var(--color-success)}.package-features li.no{color:var(--color-text-secondary)}.boarding-new-form{max-width:480px}.boarding-booking-layout{grid-template-columns:1fr;gap:20px;margin-bottom:24px;display:grid}@media (min-width:980px){.boarding-booking-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start}}.boarding-summary-card{position:sticky;top:92px}.boarding-summary-points{gap:10px;font-size:.9rem;display:grid}.boarding-preview-zone{margin-top:6px}.boarding-cage-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.boarding-cage-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden}.boarding-cage-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.boarding-cage-card-active{border-color:#2563eb73;box-shadow:0 14px 30px #2563eb26}.boarding-cage-image{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.boarding-cage-content{padding:12px 14px 14px}.boarding-cage-detail-media{margin:-8px -8px 16px}.boarding-cage-detail-image{border:1px solid #0f172a14;border-radius:14px;width:100%;height:auto;display:block}.boarding-camera-banner{background:var(--color-warning-light);color:var(--color-text);border-radius:var(--radius-md);margin-bottom:16px;padding:12px 16px;font-weight:600}.boarding-camera-video{border-radius:var(--radius-md);background:#000;width:100%;max-width:960px}.boarding-camera-gate{padding:24px}.boarding-loading{text-align:center;padding:32px}.boarding-wait-cage{color:var(--color-warning);font-weight:600}.checkout-mock-card{max-width:480px;margin:48px auto}.checkout-mock-title{margin-bottom:8px;font-size:1.35rem}.checkout-mock-lead{margin-bottom:24px}.checkout-mock-actions{flex-direction:column;gap:12px;display:flex}.checkout-wallet-hero{text-align:center;background:linear-gradient(135deg, var(--color-surface-container), var(--color-surface))}.checkout-wallet-balance{color:var(--color-cta);font-size:clamp(1.75rem,5vw,2.25rem);font-weight:700}.form-label-inline{align-items:center;gap:12px;font-size:.9rem;display:flex}.form-label-inline .form-select{min-width:160px}.link-inline{color:var(--color-cta);text-decoration:underline}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-center{text-align:center}.modal-backdrop{z-index:1000;background:#0f172a59;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-dialog{width:100%;max-width:420px;box-shadow:var(--shadow-lg)}.health-tabs{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.health-tab{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-full);cursor:pointer;padding:10px 18px;font-size:.9rem;transition:background .2s,border-color .2s}.health-tab:hover{background:var(--color-surface-low)}.health-tab-active{background:var(--color-cta-soft);border-color:var(--color-cta);color:var(--color-cta-hover);font-weight:700}.vacc-row-urgent td{background:var(--color-danger-light)!important}.vacc-row-soon td{background:var(--color-warning-light)!important}.badge-mild{background:var(--color-success-light);color:var(--color-success);border:1px solid var(--color-success)}.badge-moderate{background:var(--color-warning-light);color:var(--color-warning);border:1px solid var(--color-warning)}.badge-severe{background:var(--color-danger-light);color:var(--color-danger);border:1px solid var(--color-danger)}.allergy-chip-list{flex-direction:column;gap:12px;list-style:none;display:flex}.allergy-chip-item{padding:16px}.note-timeline{border-left:3px solid var(--color-border);flex-direction:column;gap:16px;margin-left:8px;padding-left:20px;display:flex}.note-timeline-item{padding:16px;position:relative}.note-timeline-item:before{content:"";background:var(--color-primary);border:2px solid var(--color-surface);border-radius:50%;width:12px;height:12px;position:absolute;top:20px;left:-29px}
@keyframes petopia-aurora-shift{0%,to{opacity:.55;transform:translate(0)scale(1)}33%{opacity:.7;transform:translate(2%,-1.5%)scale(1.02)}66%{opacity:.62;transform:translate(-1.5%,2%)scale(1.01)}}@keyframes petopia-nav-warm{0%,to{box-shadow:0 8px 28px #ffbd5961}50%{box-shadow:0 10px 32px #ffbd597a}}.nav{backface-visibility:hidden;animation:6s ease-in-out infinite petopia-nav-warm;transform:translateZ(0)}.nav-header--scrolled .nav{animation:none}.app-root{position:relative}.app-root:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(55% 45% at 15% 20%,#ffbd5924,#0000 55%),radial-gradient(50% 40% at 85% 75%,#2563eb17,#0000 50%),radial-gradient(45% 35% at 70% 15%,#fbbf241a,#0000 48%);animation:18s ease-in-out infinite petopia-aurora-shift;position:fixed;inset:-20%}.page-shell{z-index:1;position:relative}.nav-header{z-index:300;flex-shrink:0;align-self:flex-start;width:100%;position:sticky;top:0}.footer{z-index:1;position:relative}.btn-primary:hover,.btn-secondary:hover,.btn-cta:hover{transition:background .2s,color .2s,box-shadow .25s cubic-bezier(.34,1.35,.64,1),transform .22s cubic-bezier(.34,1.35,.64,1)}.btn-primary:hover,.btn-cta:hover{transform:translateY(-2px)}.btn-secondary:hover{transform:translateY(-1px)}.card:not(.admin-stat-card):not(.admin-chart-card):hover,.feature-card:hover{transition:box-shadow .28s cubic-bezier(.34,1.25,.64,1),transform .28s cubic-bezier(.34,1.25,.64,1),border-color .2s}.card-clickable:hover{transform:translateY(-4px)}.chip{transition:transform .2s cubic-bezier(.34,1.35,.64,1),box-shadow .2s}.chip:hover{transform:scale(1.04);box-shadow:0 4px 14px #ffbd5938}@media (prefers-reduced-motion:reduce){.app-root:before{opacity:.35;animation:none}.nav{animation:none}.nav,.nav-inner,.nav-home3-topbar,.nav-brand .petopia-logo-img{transition-duration:.01ms!important}.btn-primary:hover,.btn-cta:hover,.btn-secondary:hover,.chip:hover{transform:none}}
:root{--h3-title:#0f172a;--h3-body:#475569;--h3-accent:#ffbd59;--h3-accent-dark:#e8a82e;--h3-surface:#fff;--h3-cream:#fffbf6;--h3-radius-pill:100px}.nav-home3-topbar{color:#422006;background:linear-gradient(90deg,#ffbd59 0%,#ffd699 45%,#ffbd59 100%);border-bottom:1px solid #b4530938;font-size:.8125rem;font-weight:600;display:none}.nav-header--home3 .nav-home3-topbar{max-height:120px;transition:max-height .32s,opacity .28s,border-color .25s,visibility .32s;display:block;overflow:hidden}@media (max-width:767px){.nav-header--home3 .nav-home3-topbar{visibility:hidden;pointer-events:none;border:none;max-height:0;margin:0;padding:0;display:none}}.nav-home3-topbar-hide-sm{display:none}@media (min-width:768px){.nav-home3-topbar-hide-sm{display:list-item}}.nav-home3-topbar-inner{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 24px;max-width:1200px;margin:0 auto;padding:8px clamp(14px,3vw,24px);display:flex}@media (min-width:992px){.nav-home3-topbar-inner{justify-content:space-between}}.nav-home3-topbar ul{flex-wrap:wrap;justify-content:center;gap:8px 20px;margin:0;padding:0;list-style:none;display:flex}.nav-home3-topbar a.box-title{font-family:var(--font-body), system-ui, sans-serif;letter-spacing:.06em;color:var(--h3-accent);white-space:nowrap;font-size:.875rem;font-weight:700;text-decoration:none}.nav-home3-topbar a.box-title:hover{color:var(--h3-accent-dark)}.nav-header--home3{padding-top:0}.nav-header--home3.nav-header--scrolled .nav-home3-topbar{opacity:0;visibility:hidden;pointer-events:none;border:none;max-height:0}.nav-header--home3 .nav{border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:none;max-width:100%}.nav-header--home3.nav-header--scrolled .nav{border-radius:var(--radius-xl);border-top:1px solid #e8a82e8c;max-width:min(1100px,100vw - 32px);margin-left:auto;margin-right:auto;box-shadow:0 10px 36px #ffbd596b}.nav-header--home3 .nav-inner{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;max-width:1200px;min-height:64px;margin:0 auto;padding:12px 18px;transition:min-height .32s,padding .32s}.nav-header--home3.nav-header--scrolled .nav-inner{min-height:54px;padding:8px 14px}.petopia-home3{--color-text:var(--h3-title);--color-text-secondary:var(--h3-body);background:var(--h3-cream);color:var(--h3-title);overflow-x:clip}.petopia-home3 .h3-container{width:100%;max-width:1200px;margin:0 auto;padding:0 clamp(16px,4vw,28px)}.petopia-home3 .h3-hero-wrap{margin-top:clamp(16px,3vw,28px);padding-bottom:clamp(32px,6vw,64px);position:relative}.petopia-home3 .h3-hero-shape{z-index:2;pointer-events:none;position:absolute}.petopia-home3 .h3-hero-shape--1{width:clamp(48px,8vw,72px);animation:4.2s ease-in-out infinite h3-float-wobble;top:14%;left:54%}.petopia-home3 .h3-hero-shape--2{width:clamp(44px,7vw,64px);animation:2.8s ease-in-out infinite h3-jump;top:32%;right:6%}.petopia-home3 .h3-hero-shape--3{width:clamp(56px,9vw,88px);animation:3.2s ease-in-out infinite h3-jump-reverse;top:46%;left:42%}@keyframes h3-float-wobble{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(4px,-6px)rotate(2deg)}66%{transform:translate(-3px,4px)rotate(-1.5deg)}}@keyframes h3-jump{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes h3-jump-reverse{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.petopia-home3 .h3-hero-shape--1,.petopia-home3 .h3-hero-shape--2,.petopia-home3 .h3-hero-shape--3,.petopia-home3 .h3-hero-img-wrap img,.petopia-home3 .h3-hero-dot[aria-current=true]{animation:none}.petopia-home3 .h3-cat-card,.petopia-home3 .h3-product-grid>*{opacity:1;animation:none}.petopia-home3 .h3-deals-float{animation:none!important}.petopia-home3 .h3-babet-feature{opacity:1;animation:none}.petopia-home3 .h3-babet-feature img{animation:none}}.petopia-home3 .h3-hero-slide{min-height:clamp(420px,70vh,640px);position:relative}.petopia-home3 .h3-hero-bg{border-radius:var(--h3-radius-pill);z-index:0;background:url(/babet/hero3-bg-shape.png) top/cover no-repeat;position:absolute;inset:0 clamp(0px,2vw,40px)}.petopia-home3 .h3-hero-inner{z-index:1;padding:clamp(48px,8vw,120px) 0 clamp(24px,4vw,48px);position:relative}.petopia-home3 .h3-hero-grid{grid-template-columns:1fr;align-items:center;gap:clamp(24px,4vw,40px);display:grid}@media (min-width:992px){.petopia-home3 .h3-hero-grid{grid-template-columns:1fr 1fr}}.petopia-home3 .h3-subtitle{color:var(--h3-title);align-items:center;gap:10px;margin-bottom:14px;font-size:clamp(1rem,2vw,1.15rem);font-weight:700;display:inline-flex}.petopia-home3 .h3-subtitle img{width:36px;height:auto}.petopia-home3 .h3-hero-title{font-family:var(--font-body), system-ui, sans-serif;letter-spacing:-.03em;color:var(--h3-title);margin:0 0 16px;font-size:clamp(2.1rem,5vw,3.35rem);font-weight:600;line-height:1.12}.petopia-home3 .h3-hero-text{color:var(--h3-body);max-width:34rem;margin:0 0 24px;font-size:clamp(1rem,1.8vw,1.15rem);line-height:1.65}.petopia-home3 .h3-btn{border-radius:var(--radius-full);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:.9375rem;font-weight:700;text-decoration:none;transition:background .2s,transform .15s,box-shadow .2s;display:inline-flex}.petopia-home3 .h3-btn--primary{background:var(--h3-accent);color:var(--h3-title);box-shadow:0 8px 24px #ffbd5959}.petopia-home3 .h3-btn--primary:hover{background:var(--h3-accent-dark);color:var(--h3-title);transform:translateY(-1px)}.petopia-home3 .h3-btn--outline{color:var(--h3-title);background:0 0;border:2px solid #0f172a26}.petopia-home3 .h3-btn--outline:hover{border-color:var(--h3-accent);color:var(--h3-accent)}.petopia-home3 .h3-btn-sm{padding:10px 20px;font-size:.8125rem}.petopia-home3 .h3-hero-img-wrap{text-align:center;padding-top:clamp(24px,4vw,48px);position:relative}.petopia-home3 .h3-hero-img-wrap:before{content:"";z-index:0;border-radius:var(--h3-radius-pill);background:#e6d445;width:min(111%,520px);height:88%;position:absolute;bottom:clamp(12px,2vw,24px);left:50%;transform:translate(-50%)}.petopia-home3 .h3-hero-img-wrap img{z-index:1;object-fit:contain;transform-origin:50% 80%;max-width:100%;height:auto;max-height:min(420px,52vh);animation:5.5s ease-in-out infinite h3-hero-cuddle;position:relative}@keyframes h3-hero-cuddle{0%,to{transform:translateY(0)scale(1)}45%{transform:translateY(-6px)scale(1.02)}}.petopia-home3 .h3-hero-dots{z-index:4;gap:8px;display:flex;position:absolute;bottom:clamp(20px,4vw,48px);left:clamp(16px,4vw,48px)}.petopia-home3 .h3-hero-dot{cursor:pointer;background:#999;border:none;border-radius:20px;width:40px;height:8px;padding:0;transition:width .25s,background .2s}.petopia-home3 .h3-hero-dot[aria-current=true]{background:var(--h3-title);width:72px;animation:.45s cubic-bezier(.34,1.45,.64,1) h3-dot-pop}@keyframes h3-dot-pop{0%{transform:scaleX(.85)}60%{transform:scaleX(1.04)}to{transform:scaleX(1)}}.petopia-home3 .h3-sec-head{text-align:center;margin-bottom:clamp(28px,4vw,44px)}.petopia-home3 .h3-sec-title{font-family:var(--font-body), system-ui, sans-serif;color:var(--h3-title);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:0;font-size:clamp(1.65rem,3.5vw,2.25rem);font-weight:600;display:inline-flex}.petopia-home3 .h3-sec-title img{width:40px;height:auto}.petopia-home3 .h3-sec-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:clamp(28px,4vw,40px);display:flex}.petopia-home3 .h3-sec-row .h3-sec-title{text-align:left;justify-content:flex-start}.petopia-home3 .h3-cat-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:18px;padding-bottom:12px;display:flex;overflow-x:auto}.petopia-home3 .h3-cat-scroll::-webkit-scrollbar{height:6px}.petopia-home3 .h3-cat-scroll::-webkit-scrollbar-thumb{background:#ffbd5959;border-radius:99px}.petopia-home3 .h3-cat-card{scroll-snap-align:start;text-align:center;width:160px;color:inherit;background:var(--h3-surface);border:1px solid #0f172a0f;border-radius:24px;flex:none;padding:28px 16px 22px;text-decoration:none;transition:transform .28s cubic-bezier(.34,1.25,.64,1),box-shadow .28s;animation:.65s cubic-bezier(.22,1,.36,1) backwards h3-card-rise;position:relative;box-shadow:0 10px 36px #0f172a0f}.petopia-home3 .h3-cat-card:first-child{animation-delay:40ms}.petopia-home3 .h3-cat-card:nth-child(2){animation-delay:.1s}.petopia-home3 .h3-cat-card:nth-child(3){animation-delay:.16s}.petopia-home3 .h3-cat-card:nth-child(4){animation-delay:.22s}.petopia-home3 .h3-cat-card:nth-child(5){animation-delay:.28s}.petopia-home3 .h3-cat-card:nth-child(6){animation-delay:.34s}@keyframes h3-card-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.petopia-home3 .h3-cat-card:hover{transform:translateY(-6px)scale(1.02);box-shadow:0 18px 44px #0f172a1f}.petopia-home3 .h3-cat-card .h3-cat-icon{border-radius:50%;width:88px;height:88px;margin:0 auto 12px;position:relative;overflow:hidden}.petopia-home3 .h3-cat-card .h3-cat-icon img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .35s cubic-bezier(.34,1.45,.64,1);position:absolute;inset:0}.petopia-home3 .h3-cat-card:hover .h3-cat-icon img{transform:rotate(-4deg)scale(1.06)}.petopia-home3 .h3-cat-card h3{font-family:var(--font-body), system-ui, sans-serif;margin:0 0 4px;font-size:1.125rem;font-weight:600}.petopia-home3 .h3-cat-card p{color:var(--h3-body);margin:0;font-size:.8125rem}.petopia-home3 .h3-space{padding:clamp(40px,6vw,72px) 0}.petopia-home3 .h3-cta-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (min-width:992px){.petopia-home3 .h3-cta-grid{grid-template-columns:1fr 1fr}}.petopia-home3 .h3-cta-card{color:inherit;border-radius:24px;grid-template-columns:1fr auto;align-items:center;gap:16px;min-height:160px;padding:clamp(20px,3vw,28px);text-decoration:none;transition:transform .3s cubic-bezier(.34,1.25,.64,1),box-shadow .3s;display:grid;position:relative;overflow:hidden}.petopia-home3 .h3-cta-card:hover{transform:scale(1.02)translateY(-3px);box-shadow:0 16px 40px #0f172a1f}.petopia-home3 .h3-cta-card--a{background:url(/babet/cta-bg-3-1.png) 50%/cover no-repeat}.petopia-home3 .h3-cta-card--b{background:url(/babet/cta-bg-3-2.png) 50%/cover no-repeat}.petopia-home3 .h3-cta-card .h3-cta-sub{letter-spacing:.08em;color:var(--h3-accent);margin-bottom:6px;font-size:.8125rem;font-weight:800;display:block}.petopia-home3 .h3-cta-card h4{font-family:var(--font-body), system-ui, sans-serif;color:var(--h3-title);margin:0 0 12px;font-size:clamp(1.15rem,2vw,1.35rem);font-weight:600}.petopia-home3 .h3-cta-card img{object-fit:contain;width:auto;max-height:140px;transition:transform .35s cubic-bezier(.34,1.35,.64,1)}.petopia-home3 .h3-cta-card:hover img{transform:translateY(-4px)rotate(3deg)}.petopia-home3 .h3-product-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:22px;display:grid}.petopia-home3 .h3-product-grid>*{animation:.58s cubic-bezier(.22,1,.36,1) backwards h3-card-rise}.petopia-home3 .h3-product-grid>:first-child{animation-delay:40ms}.petopia-home3 .h3-product-grid>:nth-child(2){animation-delay:80ms}.petopia-home3 .h3-product-grid>:nth-child(3){animation-delay:.12s}.petopia-home3 .h3-product-grid>:nth-child(4){animation-delay:.16s}.petopia-home3 .h3-product-grid>:nth-child(5){animation-delay:.2s}.petopia-home3 .h3-product-grid>:nth-child(6){animation-delay:.24s}.petopia-home3 .h3-product-grid>:nth-child(7){animation-delay:.28s}.petopia-home3 .h3-product-grid>:nth-child(8){animation-delay:.32s}.petopia-home3 .h3-product-grid>:nth-child(9){animation-delay:.36s}.petopia-home3 .h3-product-grid>:nth-child(10){animation-delay:.4s}.petopia-home3 .h3-product{background:var(--h3-surface);border:1px solid #0f172a0f;border-radius:20px;transition:box-shadow .2s;overflow:hidden;box-shadow:0 8px 28px #0f172a0d}.petopia-home3 .h3-product:hover{box-shadow:0 14px 36px #0f172a14}.petopia-home3 .h3-product a{color:inherit;text-decoration:none}.petopia-home3 .h3-product-img-wrap{aspect-ratio:1;background:#f1f5f9;position:relative}.petopia-home3 .h3-product-img{justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.petopia-home3 .h3-product-img img{object-fit:cover;width:100%;height:100%}.petopia-home3 .h3-product-ph{color:#94a3b8;font-size:1rem;font-weight:800}.petopia-home3 .h3-product-tag{z-index:2;background:var(--h3-accent);color:var(--h3-title);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;padding:4px 10px;font-size:.6875rem;font-weight:800;position:absolute;top:10px;left:10px}.petopia-home3 .h3-product-actions{opacity:0;z-index:3;background:#0f172a73;justify-content:center;align-items:center;gap:10px;transition:opacity .2s;display:flex;position:absolute;inset:0}.petopia-home3 .h3-product-img-wrap:hover .h3-product-actions{opacity:1}.petopia-home3 .h3-product-act{border-radius:var(--radius-full);min-width:44px;min-height:44px;color:var(--h3-title);cursor:pointer;background:#fff;border:none;justify-content:center;align-items:center;padding:0 14px;font-size:.8125rem;font-weight:700;text-decoration:none;display:inline-flex}.petopia-home3 .h3-product-act:hover{background:var(--h3-accent);color:var(--h3-title)}.petopia-home3 .h3-product-body{padding:16px}.petopia-home3 .h3-product-price{color:var(--h3-accent);font-size:.9375rem;font-weight:800}.petopia-home3 .h3-product-brand{color:var(--h3-body);text-transform:uppercase;letter-spacing:.06em;margin:0 0 4px;font-size:.75rem;font-weight:700}.petopia-home3 .h3-price-sale{color:var(--h3-accent);font-weight:800}.petopia-home3 .h3-price-list{color:var(--h3-body);opacity:.85;font-size:.8125rem;font-weight:600;text-decoration:line-through}.petopia-home3 .h3-product-tag--sale{color:#fff;background:#e53935;left:auto;right:10px}.petopia-home3 .h3-product-title{font-family:var(--font-body), system-ui, sans-serif;margin:6px 0 0;font-size:1rem;font-weight:600;line-height:1.35}.petopia-home3 .h3-product-title-row{align-items:center;gap:8px;display:flex}.petopia-home3 .h3-product-title-link{flex:1;min-width:0}.petopia-home3 .h3-product-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.petopia-home3 .h3-product-reviews{color:var(--h3-body);font-size:.8125rem;font-weight:600}.petopia-home3 .h3-muted-center{text-align:center;color:var(--h3-body)}.petopia-home3 .h3-muted-center a{color:var(--h3-accent);font-weight:700}.petopia-home3 .h3-svc-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px;display:grid}.petopia-home3 .h3-svc-card{background:var(--h3-surface);border-radius:var(--radius-lg);border:1px solid #0f172a0f;padding:22px}.petopia-home3 .h3-svc-card .badge{border-radius:var(--radius-full);color:var(--h3-accent-dark);background:#ffbd591f;margin-bottom:10px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-block}.petopia-home3 .h3-trust{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin:clamp(32px,5vw,48px) 0;display:grid}.petopia-home3 .h3-trust-item{text-align:center;background:var(--h3-surface);border-radius:var(--radius-lg);border:1px solid #0f172a0f;padding:20px 14px}.petopia-home3 .h3-trust-val{font-family:var(--font-body), system-ui, sans-serif;color:var(--h3-accent);font-size:1.5rem;font-weight:600}.petopia-home3 .h3-trust-label{color:var(--h3-body);margin-top:6px;font-size:.8125rem;font-weight:600}.petopia-home3 .h3-bottom-cta{border-radius:var(--radius-xl);color:#e2e8f0;text-align:center;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);margin:clamp(32px,5vw,56px) 0 clamp(24px,4vw,40px);padding:clamp(32px,5vw,48px)}.petopia-home3 .h3-bottom-cta h2{font-family:var(--font-body), system-ui, sans-serif;color:#fff;margin:0 0 12px;font-size:clamp(1.5rem,3vw,2rem);font-weight:600}.petopia-home3 .h3-bottom-cta p{opacity:.92;max-width:36rem;margin:0 auto 22px}.petopia-home3 .h3-bottom-cta .h3-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.petopia-home3 .h3-bottom-cta .h3-btn--primary{background:var(--h3-accent)}.petopia-home3 .h3-bottom-cta .h3-btn--ghost{color:#fff;background:0 0;border:2px solid #ffffff59}.petopia-home3 .h3-bottom-cta .h3-btn--ghost:hover{color:#fff;background:#ffffff1a}.petopia-home3 .h3-deals{background:linear-gradient(#fff4e8 0%,#fffbf6 100%);padding:clamp(48px,8vw,88px) 0;position:relative;overflow:hidden}.petopia-home3 .h3-deals-deco{pointer-events:none;z-index:0;width:100%;height:auto;position:absolute;left:0;right:0}.petopia-home3 .h3-deals-deco--top{top:0}.petopia-home3 .h3-deals-deco--bot{bottom:0}.petopia-home3 .h3-deals-float{z-index:1;pointer-events:none;opacity:.9;position:absolute}.petopia-home3 .h3-deals-float--1{width:56px;top:18%;left:8%}.petopia-home3 .h3-deals-float--2{width:48px;top:32%;right:10%}.petopia-home3 .h3-deals-float--3{width:52px;bottom:28%;left:14%}.petopia-home3 .h3-deals-float--4{width:64px;bottom:12%;right:8%}.petopia-home3 .h3-deals-float--1{animation:8s ease-in-out infinite h3-deal-float-a}.petopia-home3 .h3-deals-float--2{animation:6.5s ease-in-out infinite h3-deal-float-b}.petopia-home3 .h3-deals-float--3{animation:7.2s ease-in-out infinite reverse h3-deal-float-a}.petopia-home3 .h3-deals-float--4{animation:9s ease-in-out infinite h3-deal-float-b}@keyframes h3-deal-float-a{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(8px,-12px)rotate(6deg)}}@keyframes h3-deal-float-b{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(-10px,10px)rotate(-5deg)}}@media (max-width:767px){.petopia-home3 .h3-deals-float{display:none}}.petopia-home3 .h3-deals-inner{z-index:2;position:relative}.petopia-home3 .h3-deals-grid{grid-template-columns:1fr;align-items:center;gap:32px;display:grid}@media (min-width:992px){.petopia-home3 .h3-deals-grid{grid-template-columns:1fr 1fr}}.petopia-home3 .h3-deals-eyebrow{letter-spacing:.12em;color:var(--h3-accent);margin:0 0 10px;font-size:.875rem;font-weight:800}.petopia-home3 .h3-deals-title{font-family:var(--font-body), system-ui, sans-serif;color:var(--h3-title);margin:0 0 12px;font-size:clamp(1.65rem,3.2vw,2.25rem);font-weight:600}.petopia-home3 .h3-deals-text{color:var(--h3-body);max-width:32rem;margin:0 0 20px;line-height:1.65}.petopia-home3 .h3-deals-visual{text-align:center}.petopia-home3 .h3-deals-visual img{max-width:100%;height:auto}.petopia-home3 .h3-countdown{margin-top:28px}.petopia-home3 .h3-countdown-title{color:var(--h3-title);margin:0 0 12px;font-size:.9375rem;font-weight:700}.petopia-home3 .h3-countdown-list{flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none;display:flex}.petopia-home3 .h3-countdown-list li{background:var(--h3-surface);text-align:center;min-width:72px;box-shadow:var(--shadow-sm);border:1px solid #0f172a14;border-radius:16px;padding:12px 14px}.petopia-home3 .h3-count-num{font-family:var(--font-body), system-ui, sans-serif;color:var(--h3-title);font-size:1.35rem;font-weight:700;display:block}.petopia-home3 .h3-count-label{color:var(--h3-body);text-transform:uppercase;letter-spacing:.06em;font-size:.6875rem;font-weight:700}.petopia-home3 .h3-trending-sec{padding-top:0}.petopia-home3 .h3-trend-wrap{align-items:stretch;gap:8px;display:flex;position:relative}.petopia-home3 .h3-trend-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;flex:1;gap:18px;padding:8px 4px 16px;display:flex;overflow-x:auto}.petopia-home3 .h3-trend-scroll::-webkit-scrollbar{height:6px}.petopia-home3 .h3-trend-scroll::-webkit-scrollbar-thumb{background:#ffbd5959;border-radius:99px}.petopia-home3 .h3-trend-item{scroll-snap-align:start;flex:0 0 min(260px,78vw)}.petopia-home3 .h3-trend-arrow{background:var(--h3-surface);width:44px;color:var(--h3-title);cursor:pointer;border:1px solid #0f172a1a;border-radius:12px;flex-shrink:0;align-self:center;font-size:1.5rem;line-height:1;display:none}@media (min-width:768px){.petopia-home3 .h3-trend-arrow{justify-content:center;align-items:center;display:inline-flex}}.petopia-home3 .h3-mid-cta{background-color:#fef3c7;background-position:50%;background-size:cover;border:1px solid #0f172a0f;border-radius:28px;padding:clamp(24px,4vw,40px);box-shadow:0 12px 40px #0f172a14}.petopia-home3 .h3-mid-cta-grid{grid-template-columns:1fr;align-items:center;gap:16px;display:grid}.petopia-home3 .h3-mid-cta-img{max-width:100%;height:auto}.petopia-home3 .h3-hide-mobile{display:none}@media (min-width:992px){.petopia-home3 .h3-mid-cta-grid{grid-template-columns:auto 1fr auto}.petopia-home3 .h3-hide-mobile{display:block}}.petopia-home3 .h3-mid-cta-top{letter-spacing:.1em;color:var(--h3-accent);margin:0 0 8px;font-size:.875rem;font-weight:800}.petopia-home3 .h3-mid-cta-top span{vertical-align:middle;margin-left:6px;font-size:1.5rem}.petopia-home3 .h3-mid-cta-title{font-family:var(--font-body), system-ui, sans-serif;color:var(--h3-title);margin:0 0 8px;font-size:clamp(1.25rem,2.5vw,1.65rem);font-weight:600}.petopia-home3 .h3-mid-cta-sub{color:var(--h3-body);margin:0;font-size:.9375rem}.petopia-home3 .h3-mid-cta-btn-wrap{text-align:center;margin-top:20px}@media (min-width:992px){.petopia-home3 .h3-mid-cta-btn-wrap{text-align:left}}.petopia-home3 .h3-food-supp{background:#fff;padding:clamp(48px,7vw,80px) 0;position:relative;overflow:hidden}.petopia-home3 .h3-food-supp-deco{opacity:.5;pointer-events:none;width:100%;height:auto;position:absolute}.petopia-home3 .h3-food-supp-deco--t{top:0;left:0}.petopia-home3 .h3-food-supp-deco--b{bottom:0;right:0}.petopia-home3 .h3-food-supp-grid{z-index:1;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:18px;display:grid;position:relative}.petopia-home3 .h3-food-supp-card{text-align:center;color:inherit;background:var(--h3-cream);border:1px solid #0f172a0f;border-radius:20px;padding:22px 12px;text-decoration:none;transition:transform .2s,box-shadow .2s}.petopia-home3 .h3-food-supp-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #0f172a14}.petopia-home3 .h3-food-supp-icon{justify-content:center;align-items:center;width:88px;height:88px;margin:0 auto 12px;display:flex}.petopia-home3 .h3-food-supp-icon img{object-fit:contain;max-width:80px;max-height:80px}.petopia-home3 .h3-food-supp-card h3{font-family:var(--font-body), system-ui, sans-serif;margin:0;font-size:1rem;font-weight:600}.petopia-home3 .h3-testi{background:linear-gradient(#fffbf6 0%,#e0f2fe 35%,#fffbf6 100%);padding:clamp(48px,7vw,80px) 0;position:relative;overflow:hidden}.petopia-home3 .h3-testi-deco{opacity:.65;pointer-events:none;width:100%;max-width:520px;height:auto;position:absolute}.petopia-home3 .h3-testi-deco--t{top:0;right:0}.petopia-home3 .h3-testi-deco--b{bottom:0;left:0}.petopia-home3 .h3-testi-grid{z-index:1;grid-template-columns:1fr;gap:20px;display:grid;position:relative}@media (min-width:900px){.petopia-home3 .h3-testi-grid{grid-template-columns:repeat(3,1fr)}}.petopia-home3 .h3-testi-card{background:var(--h3-surface);border:1px solid #0f172a0f;border-radius:20px;margin:0;padding:24px;box-shadow:0 8px 28px #0f172a0f}.petopia-home3 .h3-testi-quote{color:var(--h3-body);margin:12px 0 20px;font-size:.9375rem;line-height:1.65}.petopia-home3 .h3-testi-foot{align-items:center;gap:14px;display:flex}.petopia-home3 .h3-testi-avatar{background:linear-gradient(135deg, var(--h3-accent), #fcd34d);width:48px;height:48px;color:var(--h3-title);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.125rem;font-weight:800;display:flex}.petopia-home3 .h3-testi-name{color:var(--h3-title);margin:0;font-size:1rem;font-weight:800}.petopia-home3 .h3-testi-role{color:var(--h3-body);margin:2px 0 0;font-size:.8125rem}.petopia-home3 .h3-newsletter{margin:clamp(28px,4vw,40px) 0}.petopia-home3 .h3-newsletter-inner{text-align:center;border-radius:var(--radius-xl);background:linear-gradient(120deg,#fff7ed 0%,#ffedd5 50%,#fef9c3 100%);border:1px solid #ffbd5933;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:clamp(22px,4vw,32px);display:flex}.petopia-home3 .h3-newsletter-title{font-family:var(--font-body), system-ui, sans-serif;color:var(--h3-title);margin:0 0 6px;font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:600}.petopia-home3 .h3-newsletter-text{color:var(--h3-body);max-width:28rem;margin:0 auto;font-size:.9375rem}.petopia-home3 .h3-newsletter-form{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:100%;max-width:min(36rem,100%);display:flex}.petopia-home3 .h3-newsletter-input{border-radius:var(--radius-full);border:1px solid #0f172a1f;flex:200px;min-width:200px;padding:12px 16px;font-size:.9375rem}.petopia-home3 .h3-newsletter-ok{color:var(--h3-accent-dark);text-align:center;margin:0;font-weight:700}.petopia-home3 .h3-feature-grid{margin-bottom:24px}.petopia-home3 .h3-feature-grid .feature-card{background:var(--h3-surface);border-color:#0f172a14}.nav-h3-extras{flex:auto;justify-content:stretch;align-items:center;gap:10px;min-width:0;max-width:min(560px,44vw);margin:0;display:none}@media (min-width:1024px){.nav-header--home3 .nav-h3-extras{display:flex}}.nav-h3-search{border-radius:var(--radius-full);background:#fff;border:1px solid #0f172a1a;flex:1;align-items:center;gap:0;display:flex;overflow:hidden}.nav-h3-search input{min-width:0;color:var(--color-text);background:0 0;border:none;outline:none;flex:1;padding:10px 14px;font-size:.875rem}.nav-h3-search button{background:var(--color-primary-soft);width:44px;height:44px;color:var(--color-primary);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-h3-search button:hover{background:#ffbd5938}.nav-h3-icon-btn{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);width:44px;height:44px;color:var(--color-text-secondary);justify-content:center;align-items:center;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.nav-h3-icon-btn:hover{background:var(--color-primary-soft);color:var(--color-text)}.nav-cart-cta{flex-shrink:0}.nav-cart-with-badge{position:relative}.nav-cart-badge{background:var(--color-danger,#dc2626);color:#fff;text-align:center;pointer-events:none;border-radius:999px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:-4px;right:-4px}.site-footer{color:#334155;background:linear-gradient(#ffbd59 0%,#ffd699 42%,#ffe8bc 100%);flex-shrink:0;margin-top:auto;position:relative;overflow:hidden}.site-footer-corner-art{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;opacity:.95;width:min(300px,92vw);max-width:100%;height:auto;position:absolute}.site-footer-corner-art--bl{object-position:left bottom;inset:auto auto 0 0}.site-footer-corner-art--tr{object-position:right top;transform-origin:100% 0;inset:0 0 auto auto;transform:scaleX(-1)}.site-footer-inner{z-index:1;grid-template-columns:1fr;gap:32px;max-width:1200px;margin:0 auto;padding:clamp(36px,5vw,56px) clamp(18px,4vw,28px);display:grid;position:relative}@media (min-width:768px){.site-footer-inner{grid-template-columns:1.4fr repeat(3,1fr);gap:28px}}.site-footer-brand{align-items:flex-start;gap:16px;display:flex}.site-footer-brand .petopia-logo-img.site-footer-logo-graphic{max-width:340px;height:64px}.site-footer-brand-copy{min-width:0}.site-footer-tag{color:#57534e;margin:4px 0 0;font-size:.875rem;line-height:1.6}.site-footer-heading{letter-spacing:.08em;text-transform:uppercase;color:#0f172a;margin:0 0 14px;font-size:.8125rem;font-weight:800}.site-footer-col ul{margin:0;padding:0;list-style:none}.site-footer-col li{margin-bottom:10px}.site-footer-col a{color:#44403c;font-size:.9375rem;font-weight:600;text-decoration:none}.site-footer-col a:hover{color:#c2410c}.site-footer-contact{margin:0;font-size:.9375rem;line-height:1.65}.site-footer-contact a{color:#0f172a;font-weight:700;text-decoration:none}.site-footer-contact a:hover{color:#c2410c;text-decoration:underline}.site-footer-mail{color:#0369a1;font-weight:700}.site-footer-hours{color:#57534e;margin:14px 0 0;font-size:.8125rem}.site-footer-bottom{z-index:1;text-align:center;border-top:1px solid #b4530938;padding:18px clamp(18px,4vw,28px);position:relative}.site-footer-bottom p{color:#44403c;margin:0;font-size:.8125rem;font-weight:600}.petopia-home3 .h3-food-collection{background:var(--h3-cream);padding:clamp(40px,6vw,72px) 0}.petopia-home3 .h3-food-collection-grid{grid-template-columns:1fr;align-items:stretch;gap:28px;display:grid}@media (min-width:992px){.petopia-home3 .h3-food-collection-grid{grid-template-columns:1fr minmax(280px,340px)}}.petopia-home3 .h3-food-collection-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:clamp(20px,3vw,28px);display:flex}.petopia-home3 .h3-food-collection-slider{align-items:stretch;gap:8px;display:flex;position:relative}.petopia-home3 .h3-food-collection-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;flex:1;gap:18px;padding:4px 2px 12px;display:flex;overflow-x:auto}.petopia-home3 .h3-food-collection-scroll::-webkit-scrollbar{height:6px}.petopia-home3 .h3-food-collection-scroll::-webkit-scrollbar-thumb{background:#ffbd5959;border-radius:99px}.petopia-home3 .h3-food-col-item{scroll-snap-align:start;flex:0 0 min(240px,78vw)}.petopia-home3 .h3-food-collection-side{background:#e8dcc4 50%/cover no-repeat;border:1px solid #0f172a0f;border-radius:24px;min-height:280px;position:relative;overflow:hidden;box-shadow:0 12px 40px #0f172a14}.petopia-home3 .h3-food-collection-side-inner{z-index:1;background:linear-gradient(135deg,#fffbf6eb 0%,#fffbf68c 100%);flex-direction:column;justify-content:center;height:100%;padding:clamp(22px,4vw,32px);display:flex;position:relative}.petopia-home3 .h3-food-collection-side .h3-bg-thumb{z-index:0;position:absolute;inset:0}.petopia-home3 .h3-food-collection-side .h3-bg-thumb img{object-fit:cover;width:100%;height:100%}.petopia-home3 .h3-food-side-sub{letter-spacing:.08em;color:var(--h3-accent);margin:0 0 8px;font-size:.8125rem;font-weight:800}.petopia-home3 .h3-food-side-title{font-family:var(--font-body), system-ui, sans-serif;color:var(--h3-title);margin:0 0 8px;font-size:clamp(1.2rem,2.2vw,1.45rem);font-weight:600}.petopia-home3 .h3-food-side-text{color:var(--h3-body);margin:0 0 18px;font-size:.9375rem;line-height:1.55}.petopia-home3 .h3-product-cart{margin-top:12px}.petopia-home3 .h3-product-cart .h3-btn{width:100%;color:var(--h3-title);box-shadow:none;background:#fff;border:2px solid #0f172a1f;justify-content:center}.petopia-home3 .h3-product-cart .h3-btn:hover{border-color:var(--h3-accent);background:var(--h3-accent);color:var(--h3-title)}.petopia-home3.h3-home-page .h3-product-cart{margin-top:8px}.petopia-home3.h3-home-page .h3-product-cart .h3-btn{border-width:1px;gap:5px;padding:6px 12px;font-size:.75rem;font-weight:600}.petopia-home3.h3-home-page .h3-product-cart .h3-btn svg{width:16px;height:16px}.petopia-home3 .h3-brand-sec{background:#fff;padding:clamp(28px,5vw,48px) 0}.petopia-home3 .h3-brand-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;justify-content:flex-start;gap:20px;padding:8px 4px 16px;display:flex;overflow-x:auto}.petopia-home3 .h3-brand-scroll::-webkit-scrollbar{height:6px}.petopia-home3 .h3-brand-scroll::-webkit-scrollbar-thumb{background:#ffbd594d;border-radius:99px}.petopia-home3 .h3-brand-box{scroll-snap-align:start;background:var(--h3-cream);border:1px solid #0f172a0f;border-radius:16px;flex:none;justify-content:center;align-items:center;min-width:120px;height:72px;padding:12px 20px;transition:transform .2s,box-shadow .2s;display:flex}.petopia-home3 .h3-brand-box:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0f172a14}.petopia-home3 .h3-brand-box img{object-fit:contain;filter:none;opacity:.85;width:auto;max-width:100px;height:auto;max-height:40px}.petopia-home3 .h3-brand-box:hover img{opacity:1}.petopia-home3 .h3-babet-features{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;padding:clamp(32px,5vw,56px) 0;display:grid}.petopia-home3 .h3-babet-feature{background:var(--h3-surface);border:1px solid #0f172a0f;border-radius:20px;align-items:flex-start;gap:16px;padding:22px 20px;transition:transform .28s cubic-bezier(.34,1.25,.64,1),box-shadow .28s;animation:.6s cubic-bezier(.22,1,.36,1) backwards h3-card-rise;display:flex;box-shadow:0 8px 28px #0f172a0d}.petopia-home3 .h3-babet-feature:first-child{animation-delay:50ms}.petopia-home3 .h3-babet-feature:nth-child(2){animation-delay:.12s}.petopia-home3 .h3-babet-feature:nth-child(3){animation-delay:.18s}.petopia-home3 .h3-babet-feature:nth-child(4){animation-delay:.24s}.petopia-home3 .h3-babet-feature:hover{transform:translateY(-4px);box-shadow:0 14px 36px #0f172a17}.petopia-home3 .h3-babet-feature img{object-fit:contain;flex-shrink:0;width:56px;height:56px;animation:3.8s ease-in-out infinite h3-icon-nod}.petopia-home3 .h3-babet-feature:nth-child(2) img{animation-delay:.6s}.petopia-home3 .h3-babet-feature:nth-child(3) img{animation-delay:1.2s}.petopia-home3 .h3-babet-feature:nth-child(4) img{animation-delay:1.8s}@keyframes h3-icon-nod{0%,to{transform:rotate(0)}30%{transform:rotate(-5deg)}60%{transform:rotate(5deg)}}.petopia-home3 .h3-babet-feature h3{font-family:var(--font-body), system-ui, sans-serif;color:var(--h3-title);margin:0 0 6px;font-size:1.05rem;font-weight:600}.petopia-home3 .h3-babet-feature p{color:var(--h3-body);margin:0;font-size:.9rem;line-height:1.55}.petopia-home3 .h3-bc{color:var(--h3-body);margin:0 0 clamp(16px,2.5vw,24px);font-size:.875rem;font-weight:600}.petopia-home3 .h3-bc a{color:var(--h3-accent)}.petopia-home3 .h3-bc a:hover{color:var(--h3-accent-dark)}.petopia-home3 .h3-pd-wrap{grid-template-columns:1fr;align-items:start;gap:clamp(24px,4vw,36px);margin-bottom:clamp(32px,5vw,48px);display:grid}@media (min-width:992px){.petopia-home3 .h3-pd-wrap{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}}.petopia-home3 .h3-pd-gallery{aspect-ratio:1;background:#f1f5f9;border:1px solid #0f172a0f;border-radius:24px;max-height:min(520px,70vw);position:relative;overflow:hidden}.petopia-home3 .h3-pd-gallery img{object-fit:cover;width:100%;height:100%;display:block}.petopia-home3 .h3-pd-thumbs{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.petopia-home3 .h3-pd-thumb{cursor:pointer;background:#f1f5f9;border:2px solid #0000;border-radius:12px;padding:0;line-height:0;overflow:hidden}.petopia-home3 .h3-pd-thumb--active{border-color:var(--h3-accent,#0d9488)}.petopia-home3 .h3-pd-thumb img{object-fit:cover;width:56px;height:56px;display:block}.petopia-home3 .h3-pd-brand{letter-spacing:.08em;text-transform:uppercase;color:var(--h3-body);margin:0 0 8px;font-size:.8125rem;font-weight:700}.petopia-home3 .h3-pd-ph{color:#94a3b8;justify-content:center;align-items:center;width:100%;height:100%;min-height:280px;font-size:1.25rem;font-weight:800;display:flex}.petopia-home3 .h3-pd-about{padding:clamp(8px,2vw,12px) 0}.petopia-home3 .h3-pd-title{font-family:var(--font-body), system-ui, sans-serif;color:var(--h3-title);margin:0 0 12px;font-size:clamp(1.5rem,3vw,2rem);font-weight:600;line-height:1.2}.petopia-home3 .h3-pd-title--row{flex-wrap:wrap;align-items:center;gap:10px 12px;display:flex}.petopia-home3 .h3-pd-title-text{flex:1;min-width:min(100%,200px)}.petopia-home3 .h3-pd-specs{border-top:1px solid #0f172a14;margin-top:8px;padding-top:20px}.petopia-home3 .h3-pd-specs-title{font-family:var(--font-body), system-ui, sans-serif;color:var(--h3-title);margin:0 0 14px;font-size:1rem;font-weight:700}.petopia-home3 .h3-pd-specs-dl{grid-template-columns:auto 1fr;gap:10px 20px;margin:0;font-size:.9375rem;display:grid}.petopia-home3 .h3-pd-specs-dl dt{color:var(--h3-body);margin:0;font-weight:700}.petopia-home3 .h3-pd-specs-dl dd{color:var(--h3-title);margin:0}.petopia-home3 .h3-pd-specs-dl a{color:var(--h3-accent);font-weight:700;text-decoration:none}.petopia-home3 .h3-pd-specs-dl a:hover{text-decoration:underline}.petopia-home3 .h3-pd-price{color:var(--h3-accent);margin:0 0 12px;font-size:clamp(1.25rem,2.5vw,1.65rem);font-weight:800}.petopia-home3 .h3-pd-price-sale{color:var(--h3-accent);font-weight:800}.petopia-home3 .h3-pd-price-old{color:var(--h3-body);opacity:.85;font-size:1rem;font-weight:600;text-decoration:line-through}.petopia-home3 .h3-pd-meta{color:var(--h3-body);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;font-size:.9rem;font-weight:600;display:flex}.petopia-home3 .h3-pd-desc{color:var(--h3-body);margin:0 0 20px;font-size:1rem;line-height:1.65}.petopia-home3 .h3-pd-stock{border-radius:var(--radius-full);color:#15803d;background:#15803d1a;align-items:center;gap:8px;margin-bottom:20px;padding:8px 14px;font-size:.875rem;font-weight:700;display:inline-flex}.petopia-home3 .h3-pd-stock--out{color:#b91c1c;background:#dc26261a}.petopia-home3 .h3-pd-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.petopia-home3 .h3-pd-qty{border-radius:var(--radius-full);background:#fff;border:2px solid #0f172a1f;align-items:center;display:inline-flex;overflow:hidden}.petopia-home3 .h3-pd-qty button{cursor:pointer;width:44px;height:44px;color:var(--h3-title);background:#f8fafc;border:none;font-size:1.25rem;font-weight:700}.petopia-home3 .h3-pd-qty button:hover{background:#ffbd591f}.petopia-home3 .h3-pd-qty input{text-align:center;width:52px;color:var(--h3-title);background:0 0;border:none;font-size:1rem;font-weight:700}.petopia-home3 .h3-pd-actions .h3-btn{min-height:48px;padding-left:28px;padding-right:28px}.petopia-home3 .h3-pd-actions .h3-btn--outline{color:var(--h3-title);background:#fff;border:2px solid #0f172a26}.petopia-home3 .h3-pd-actions .h3-btn--outline:hover{border-color:var(--h3-accent);color:var(--h3-accent)}.petopia-home3 .h3-pd-meta-row{color:var(--h3-body);border-top:1px solid #0f172a14;padding-top:16px;font-size:.875rem}.petopia-home3 .h3-pd-meta-row strong{color:var(--h3-title)}.petopia-home3 .h3-review-card{background:var(--h3-surface);border:1px solid #0f172a0f;border-radius:20px;margin-bottom:20px;padding:clamp(20px,3vw,28px);box-shadow:0 8px 28px #0f172a0d}.petopia-home3 .h3-review-card h2{font-family:var(--font-body), system-ui, sans-serif;color:var(--h3-title);margin:0 0 16px;font-size:clamp(1.2rem,2.2vw,1.45rem);font-weight:600}.petopia-home3 .h3-review-item{border-bottom:1px solid #0f172a14;padding:16px 0}.petopia-home3 .h3-review-item:last-child{border-bottom:none;padding-bottom:0}.petopia-home3 .h3-shop-checkout{background:linear-gradient(135deg,#fff 0%,#fffbf6 100%);border:1px solid #ffbd5938}.petopia-home3 .h3-cart-layout{align-items:start;gap:24px;display:grid}@media (min-width:900px){.petopia-home3 .h3-cart-layout{grid-template-columns:1fr min(360px,34%)}}.petopia-home3 .h3-cart-section-title{margin-bottom:16px}.petopia-home3 .h3-cart-list{margin:0;padding:0}.petopia-home3 .h3-cart-row{border-bottom:1px solid #0f172a14;grid-template-columns:88px 1fr auto auto auto;align-items:center;gap:12px 16px;padding:16px 0;display:grid}@media (max-width:640px){.petopia-home3 .h3-cart-row{grid-template-rows:auto auto;grid-template-columns:72px 1fr}.petopia-home3 .h3-cart-qty{grid-column:2}.petopia-home3 .h3-cart-line-total{grid-column:2;justify-self:start}.petopia-home3 .h3-cart-remove{grid-column:2;justify-self:end}}.petopia-home3 .h3-cart-thumb-wrap{background:#f8fafc;border:1px solid #0f172a14;border-radius:12px;display:block;overflow:hidden}.petopia-home3 .h3-cart-thumb{aspect-ratio:1;object-fit:cover;width:100%;height:auto;display:block}.petopia-home3 .h3-cart-thumb--ph{aspect-ratio:1;color:#0f172a59;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.petopia-home3 .h3-cart-name{color:var(--h3-title,#0f172a);font-weight:600;text-decoration:none}.petopia-home3 .h3-cart-name:hover{text-decoration:underline}.petopia-home3 .h3-cart-unit{color:var(--color-text-secondary,#64748b);margin:4px 0 0;font-size:.875rem}.petopia-home3 .h3-cart-qty{align-items:center;gap:8px;display:flex}.petopia-home3 .h3-cart-qty-val{text-align:center;font-variant-numeric:tabular-nums;min-width:2ch}.petopia-home3 .h3-cart-summary .btn-block+.btn-block{margin-top:12px}.petopia-home3 .h3-checkout-form .h3-checkout-sticky{position:sticky;top:96px}.petopia-home3 .h3-cod-box{background:#fffbf6d9;border:1px dashed #ffbd5973}.petopia-home3 .h3-checkout-mini-list .border-bottom-soft{border-bottom:1px solid #0f172a0f}.petopia-home3 .h3-checkout-mini-list li:last-child.border-bottom-soft{border-bottom:none}.petopia-home3 .h3-cart-empty{text-align:center}.petopia-home3 .text-link{color:var(--color-primary,#ea580c);font-weight:500;text-decoration:none}.petopia-home3 .text-link:hover{text-decoration:underline}.petopia-home3 .page-header h1{flex-wrap:wrap;align-items:center;gap:12px;display:inline-flex}.petopia-home3.petopia-inner .page-header h1:before{content:"";background:url(/babet/home-3-sub-img.png) 50%/contain no-repeat;flex-shrink:0;width:36px;height:36px}.petopia-home3 .h3-product-cart .h3-btn{font:inherit;cursor:pointer}
 [data-cue=fadeIn],[data-cues=fadeIn]>*{opacity:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}[data-cue=slideInLeft],[data-cues=slideInLeft]>*{opacity:0}@keyframes slideInLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}[data-cue=slideInRight],[data-cues=slideInRight]>*{opacity:0}@keyframes slideInRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}[data-cue=slideInDown],[data-cues=slideInDown]>*{opacity:0}@keyframes slideInDown{0%{opacity:0;transform:translateY(-60px)}to{opacity:1;transform:translateY(0)}}[data-cue=slideInUp],[data-cues=slideInUp]>*{opacity:0}@keyframes slideInUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}[data-cue=zoomIn],[data-cues=zoomIn]>*{opacity:0}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}[data-cue=zoomOut],[data-cues=zoomOut]>*{opacity:0}@keyframes zoomOut{0%{opacity:0;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}[data-cue=rotateIn],[data-cues=rotateIn]>*{opacity:0}@keyframes rotateIn{0%{opacity:0;transform:rotate(-15deg)}to{opacity:1;transform:rotate(0)}}[data-cue=bounceIn],[data-cues=bounceIn]>*{opacity:0}@keyframes bounceIn{0%{transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale(1)}}[data-cue=bounceInLeft],[data-cues=bounceInLeft]>*{opacity:0}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(-3000px)}60%{opacity:1;transform:translate(25px)}75%{transform:translate(-10px)}90%{transform:translate(5px)}to{opacity:1;transform:translate(0,0)}}[data-cue=bounceInRight],[data-cues=bounceInRight]>*{opacity:0}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(3000px)}60%{opacity:1;transform:translate(-25px)}75%{transform:translate(10px)}90%{transform:translate(-5px)}to{opacity:1;transform:translate(0,0)}}[data-cue=bounceInDown],[data-cues=bounceInDown]>*{opacity:0}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-3000px)}60%{opacity:1;transform:translateY(25px)}75%{transform:translateY(-10px)}90%{transform:translateY(5px)}to{opacity:1;transform:translate(0,0)}}[data-cue=bounceInUp],[data-cues=bounceInUp]>*{opacity:0}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(3000px)}60%{opacity:1;transform:translateY(-20px)}75%{transform:translateY(10px)}90%{transform:translateY(-5px)}to{opacity:1;transform:translate(0,0)}}[data-cue=flipInX],[data-cues=flipInX]>*{opacity:0;backface-visibility:visible}@keyframes flipInX{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateX(-20deg)}60%{opacity:1;transform:perspective(400px)rotateX(10deg)}80%{transform:perspective(400px)rotateX(-5deg)}to{opacity:1;transform:perspective(400px)}}[data-cue=flipInY],[data-cues=flipInY]>*{opacity:0;backface-visibility:visible}@keyframes flipInY{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateY(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateY(-20deg)}60%{opacity:1;transform:perspective(400px)rotateY(10deg)}80%{transform:perspective(400px)rotateY(-5deg)}to{opacity:1;transform:perspective(400px)}}
.petopia-scroll-top.scroll-top{cursor:pointer;z-index:10000;opacity:1;visibility:hidden;background:0 0;border:none;border-radius:50px;width:50px;height:50px;padding:0;transition:all .3s linear;display:block;position:fixed;bottom:55px;right:30px;transform:translateY(45px)}.petopia-scroll-top.scroll-top:after{content:"↑";font-family:var(--font-body);text-align:center;color:var(--color-primary);cursor:pointer;z-index:1;border:2px solid var(--color-primary);width:50px;height:50px;box-shadow:none;border-radius:50%;font-size:20px;font-weight:600;line-height:50px;display:block;position:absolute;top:0;left:0}.petopia-scroll-top.scroll-top svg{color:var(--color-primary);background:var(--color-surface);border-radius:50%}.petopia-scroll-top.scroll-top svg path{fill:none}.petopia-scroll-top.scroll-top .progress-circle path{stroke:var(--color-primary);stroke-width:20px;box-sizing:border-box;transition:all .4s linear}.petopia-scroll-top.scroll-top.show{opacity:1;visibility:visible;transform:translateY(0)}.petopia-scroll-top.scroll-top:focus-visible{outline:2px solid var(--color-cta);outline-offset:3px}