:root {
--font-main:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,sans-serif;--accent:#6c5ce7;--accent-light:#a29bfe;--accent-dark:#5641d4;--accent-gradient:linear-gradient(135deg,#6c5ce7,#a29bfe);--success:#00b894;--success-light:#55efc4;--warning:#fdcb6e;--danger:#d63031;--info:#0984e3;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-pill:50rem;--shadow-sm:0 1px 3px rgba(0,0,0,.08);--shadow-md:0 4px 14px rgba(0,0,0,.1);--shadow-lg:0 8px 30px rgba(0,0,0,.15);--shadow-glow:0 0 20px rgba(108,92,231,.25);--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.25s cubic-bezier(.4,0,.2,1);--transition-slow:.4s cubic-bezier(.4,0,.2,1)}
[data-bs-theme="dark"] {
--bs-body-bg:#0b0e14;--bs-body-color:#ffffff;--bs-heading-color:#ffffff;--bs-secondary-color:#a3a3a3;--bs-tertiary-color:#a3a3a3;--bg-primary:#161b25;--text-primary:#ffffff;--card-bg:rgba(22,27,37,.85);--card-bg-solid:#161b25;--sidebar-bg:#0b0e14;--border-color:rgba(255,255,255,.06);--hover-bg:rgba(108,92,231,.08);--input-bg:rgba(255,255,255,.04);--input-border:rgba(255,255,255,.1);--text-muted:#a3a3a3;--hero-bg:radial-gradient(ellipse at 50% 0%,rgba(108,92,231,.15) 0%,transparent 60%);--glass-bg:rgba(22,27,37,.6);--glass-border:rgba(255,255,255,.06);--navbar-bg:rgba(11,14,20,.8);--footer-bg:rgba(11,14,20,.95)}
[data-bs-theme="light"] {
--bs-body-bg:#ffffff;--bs-body-color:#000000;--bs-heading-color:#000000;--bs-secondary-color:#525252;--bs-tertiary-color:#525252;--bg-primary:#ffffff;--text-primary:#000000;--card-bg:rgba(255,255,255,.85);--card-bg-solid:#ffffff;--sidebar-bg:#f8f9fb;--border-color:rgba(0,0,0,.06);--hover-bg:rgba(108,92,231,.06);--input-bg:rgba(0,0,0,.02);--input-border:rgba(0,0,0,.1);--text-muted:#525252;--hero-bg:radial-gradient(ellipse at 50% 0%,rgba(108,92,231,.08) 0%,transparent 60%);--glass-bg:rgba(255,255,255,.6);--glass-border:rgba(0,0,0,.06);--navbar-bg:rgba(255,255,255,.8);--footer-bg:rgba(248,249,251,.95)}

@media (prefers-color-scheme:light) {
html:not([data-bs-theme="dark"]):not([data-bs-theme="light"]) {
--bs-body-bg:#ffffff;--bs-body-color:#000000;--bs-heading-color:#000000;--bs-secondary-color:#525252;--bs-tertiary-color:#525252;--bg-primary:#ffffff;--text-primary:#000000;--card-bg:rgba(255,255,255,.85);--card-bg-solid:#ffffff;--sidebar-bg:#f8f9fb;--border-color:rgba(0,0,0,.06);--hover-bg:rgba(108,92,231,.06);--input-bg:rgba(0,0,0,.02);--input-border:rgba(0,0,0,.1);--text-muted:#525252;--hero-bg:radial-gradient(ellipse at 50% 0%,rgba(108,92,231,.08) 0%,transparent 60%);--glass-bg:rgba(255,255,255,.6);--glass-border:rgba(0,0,0,.06);--navbar-bg:rgba(255,255,255,.8);--footer-bg:rgba(248,249,251,.95)}
}
@media (prefers-color-scheme:dark) {
html:not([data-bs-theme="dark"]):not([data-bs-theme="light"]) {
--bs-body-bg:#0b0e14;--bs-body-color:#ffffff;--bs-heading-color:#ffffff;--bs-secondary-color:#a3a3a3;--bs-tertiary-color:#a3a3a3;--bg-primary:#161b25;--text-primary:#ffffff;--card-bg:rgba(22,27,37,.85);--card-bg-solid:#161b25;--sidebar-bg:#0b0e14;--border-color:rgba(255,255,255,.06);--hover-bg:rgba(108,92,231,.08);--input-bg:rgba(255,255,255,.04);--input-border:rgba(255,255,255,.1);--text-muted:#a3a3a3;--hero-bg:radial-gradient(ellipse at 50% 0%,rgba(108,92,231,.15) 0%,transparent 60%);--glass-bg:rgba(22,27,37,.6);--glass-border:rgba(255,255,255,.06);--navbar-bg:rgba(11,14,20,.8);--footer-bg:rgba(11,14,20,.95)}
}
html {
scroll-behavior:smooth}
body {
font-family:var(--font-main);min-height:100vh;display:flex;flex-direction:column;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;color:var(--text-primary);background-color:var(--bs-body-bg)}
.card,.modal-content,.dropdown-menu,.offcanvas,.list-group-item,.form-control,.form-select {
color:var(--bs-body-color)}
.form-control::placeholder,.form-select::placeholder {
color:var(--text-muted);opacity:1}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
color:var(--text-primary)}
p,li,label,.form-label,td,th,dd,dt {
color:inherit}
.text-muted,.text-body-secondary {
color:var(--text-muted) !important}
.navbar,.footer,.offcanvas,.offcanvas-body,.sidebar,.table,.dropdown-menu,.list-group,.accordion,.alert:not(.alert-success):not(.alert-danger):not(.alert-warning):not(.alert-info) {
color:var(--bs-body-color)}
.navbar .nav-link,.sidebar .nav-link,.dropdown-item,.list-group-item,.pagination .page-link,.offcanvas .nav-link,.mobile-nav-link,.accordion-button:not(.collapsed) {
color:var(--bs-body-color)}
.navbar .nav-link:hover,.navbar .nav-link.active,.sidebar .nav-link:hover,.sidebar .nav-link.active,.dropdown-item:hover,.dropdown-item:focus,.dropdown-item.active,.list-group-item-action:hover,.list-group-item-action:focus,.pagination .page-link:hover {
color:var(--accent)}
.breadcrumb-item+.breadcrumb-item::before {
color:var(--text-muted)}
.main-content {
flex:1}
a {
transition:color var(--transition-fast)}
.glass {
background:var(--glass-bg);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid var(--glass-border)}
.navbar {
background:var(--navbar-bg) !important;backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border-bottom:1px solid var(--border-color) !important;padding:.55rem 0;transition:all var(--transition-base);z-index:1040}
.navbar.scrolled {
box-shadow:0 4px 30px rgba(0,0,0,.12)}
.navbar .navbar-brand {
font-weight:800;font-size:1.2rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;transition:all var(--transition-base);letter-spacing:-.02em}
.navbar .navbar-brand:hover {
filter:brightness(1.2);transform:scale(1.03)}
.navbar .navbar-brand i {
filter:drop-shadow(0 0 6px rgba(108,92,231,.5))}
.navbar .nav-link {
font-weight:500;font-size:.88rem;padding:.5rem .9rem !important;border-radius:var(--radius-sm);transition:all var(--transition-base);position:relative;overflow:hidden}
.navbar .nav-link::after {
content:'';position:absolute;bottom:2px;left:50%;transform:translateX(-50%) scaleX(0);width:60%;height:2px;background:var(--accent-gradient);border-radius:2px;transition:transform var(--transition-base);transform-origin:center}
.navbar .nav-link:hover::after,.navbar .nav-link.active::after {
transform:translateX(-50%) scaleX(1)}
.navbar .nav-link:hover {
color:var(--accent) !important;background:var(--hover-bg)}
.navbar .nav-link.active {
color:var(--accent) !important;background:var(--hover-bg);font-weight:600}
.navbar .nav-link i {
transition:transform var(--transition-fast)}
.navbar .nav-link:hover i {
transform:translateY(-1px)}
.navbar .btn-outline-secondary {
border-color:var(--border-color);color:var(--bs-body-color);font-size:.82rem;border-radius:var(--radius-pill);padding:.3rem .7rem;transition:all var(--transition-base);position:relative;overflow:visible}
.navbar .btn-outline-secondary::before {
overflow:hidden}
.navbar .btn-outline-secondary::before {
content:'';position:absolute;inset:0;background:var(--accent-gradient);opacity:0;transition:opacity var(--transition-base);z-index:0;border-radius:inherit}
.navbar .btn-outline-secondary:hover {
border-color:var(--accent);color:var(--accent);box-shadow:0 0 12px rgba(108,92,231,.15)}
.navbar-user-email {
display:inline-block;max-width:min(160px,42vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:500}
.navbar .btn-outline-success {
border-radius:var(--radius-pill);font-size:.82rem;padding:.3rem .75rem;transition:all var(--transition-base);position:relative}
.navbar .btn-outline-success:hover {
box-shadow:0 0 14px rgba(0,184,148,.2);transform:translateY(-1px)}
.navbar .btn-outline-primary,.navbar .btn-primary {
border-radius:var(--radius-pill);font-size:.82rem;padding:.35rem .85rem;transition:all var(--transition-base)}
.navbar .btn-primary {
background:var(--accent-gradient);border:none;font-weight:600;box-shadow:0 2px 10px rgba(108,92,231,.25)}
.navbar .btn-primary:hover {
box-shadow:0 4px 18px rgba(108,92,231,.4);transform:translateY(-1px)}
.navbar .btn-outline-primary:hover {
box-shadow:0 0 14px rgba(108,92,231,.15)}
.navbar-toggler {
border:none !important;transition:transform var(--transition-fast)}
.navbar-toggler:active {
transform:scale(.9)}
.sidebar {
position:sticky;top:56px;height:calc(100vh - 56px);overflow-y:auto;background:var(--sidebar-bg);border-right:1px solid var(--border-color);z-index:100}
.sidebar .nav-link {
color:var(--bs-body-color);padding:.55rem 1rem;border-radius:var(--radius-sm);margin:.15rem .5rem;font-size:.88rem;font-weight:500;transition:all var(--transition-fast)}
.sidebar .nav-link:hover {
background:var(--hover-bg);color:var(--accent)}
.sidebar .nav-link.active {
background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-glow)}
.card {
background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);overflow:hidden}
.card:hover {
border-color:rgba(108,92,231,.15)}
.theme-toggle {
border-radius:50%;width:34px;height:34px;padding:0;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast),background var(--transition-fast)}
.theme-toggle:hover {
transform:rotate(20deg) scale(1.1)}
.btn-primary {
background:var(--accent-gradient);border:none;font-weight:600;transition:all var(--transition-fast)}
.btn-primary:hover {
background:linear-gradient(135deg,var(--accent-dark),var(--accent));box-shadow:var(--shadow-glow);transform:translateY(-1px)}
.btn-outline-primary {
color:var(--accent);border-color:var(--accent);font-weight:600}
.btn-outline-primary:hover {
background:var(--accent-gradient);border-color:transparent;color:#fff;box-shadow:var(--shadow-glow)}
.btn-lg {
border-radius:var(--radius-md);padding:.65rem 1.5rem;font-weight:600}
.table {
--bs-table-bg:transparent}
.stat-card {
border:1px solid var(--border-color);border-left:4px solid var(--accent);border-radius:var(--radius-md);background:var(--card-bg);backdrop-filter:blur(10px);transition:transform var(--transition-base),box-shadow var(--transition-base)}
.stat-card:hover {
transform:translateY(-2px);box-shadow:var(--shadow-md)}
.stat-card .stat-value,.stat-card .stat-card__value {
font-size:1.8rem;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.stat-card .stat-label,.stat-card .stat-card__label {
font-size:.82rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}
.stat-card.stat-success {
border-left-color:var(--success)}
.stat-card.stat-success .stat-value,.stat-card.stat-success .stat-card__value {
background:linear-gradient(135deg,#00b894,#55efc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.stat-card.stat-warning {
border-left-color:var(--warning)}
.stat-card.stat-danger {
border-left-color:var(--danger)}
.badge {
font-weight:600;font-size:.75rem;letter-spacing:.02em;padding:.35em .65em;border-radius:var(--radius-sm)}
[data-bs-theme="dark"]::-webkit-scrollbar {
width:6px}
[data-bs-theme="dark"]::-webkit-scrollbar-track {
background:transparent}
[data-bs-theme="dark"]::-webkit-scrollbar-thumb {
background:rgba(255,255,255,.1);border-radius:3px}
[data-bs-theme="dark"]::-webkit-scrollbar-thumb:hover {
background:rgba(255,255,255,.2)}
.search-box {
max-width:400px}
.form-control,.form-select {
background:var(--input-bg);border-color:var(--input-border);border-radius:var(--radius-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}
.form-control:focus,.form-select:focus {
border-color:var(--accent);box-shadow:0 0 0 3px rgba(108,92,231,.15)}
.form-label-sm {
font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:.25rem}
[data-bs-theme="dark"] .form-select,html:not([data-bs-theme="light"]) .form-select {
color-scheme:dark}
.form-select option {
background:var(--card-bg-solid);color:var(--bs-body-color)}
.admin-order-edit .form-select {
min-width:0;width:100%}
.admin-structured-logs .table thead th {
background:var(--input-bg);color:var(--text-muted);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border-bottom-color:var(--border-color)}
.admin-structured-logs .table tbody tr[data-bs-toggle="collapse"]:hover {
background:var(--hover-bg)}
.admin-structured-logs .table tbody tr.collapse > td,.admin-structured-logs .table tbody tr.collapsing > td {
background:var(--input-bg);border-top:1px solid var(--border-color);vertical-align:top}
.admin-structured-logs .table tbody pre {
color:var(--bs-body-color);background:transparent}
.admin-structured-logs .badge.bg-light.text-dark,.admin-structured-logs .table .badge.bg-light.text-dark {
background:var(--input-bg) !important;color:var(--bs-body-color) !important;border:1px solid var(--border-color)}
.admin-structured-logs code {
color:var(--accent-light,#a29bfe)}
.pdp {
position:relative}
.pdp__bg-glow {
position:fixed;top:-20vh;left:50%;transform:translateX(-50%);width:700px;height:500px;background:radial-gradient(ellipse at 50% 0%,rgba(108,92,231,.12) 0%,transparent 65%);pointer-events:none;z-index:0}
.pdp__crumb {
position:relative;z-index:1;margin-bottom:var(--space-lg);font-size:.82rem}
.pdp__crumb .breadcrumb-item a {
color:var(--text-muted);text-decoration:none;transition:color var(--transition-fast)}
.pdp__crumb .breadcrumb-item a:hover {
color:var(--accent)}
.pdp__crumb .breadcrumb-item+.breadcrumb-item::before {
color:var(--text-muted);opacity:.5}
.pdp__crumb .breadcrumb-item.active {
max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:bottom}
.pdp__grid {
display:grid;grid-template-columns:1fr 360px;gap:1.5rem 2rem;align-items:start;position:relative;z-index:1;margin-bottom:var(--space-xl)}
.pdp__col-main {
display:flex;flex-direction:column;gap:1.5rem;grid-column:1;min-width:0}
.pdp__grid>.pdp__aside {
grid-column:2;position:sticky;top:76px;align-self:start}
.pdp__visual {
background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:3rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative;overflow:hidden;text-align:center;transition:border-color var(--transition-base),box-shadow var(--transition-base)}
.pdp__visual:hover {
border-color:rgba(108,92,231,.2);box-shadow:var(--shadow-lg),0 0 40px rgba(108,92,231,.08)}
.pdp__visual-glow {
position:absolute;top:-40%;left:50%;transform:translateX(-50%);width:260px;height:260px;background:radial-gradient(circle,rgba(108,92,231,.18) 0%,transparent 70%);pointer-events:none}
.pdp__icon-wrap {
width:120px;height:120px;border-radius:var(--radius-xl);background:transparent;border:none;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;box-shadow:none;transition:transform var(--transition-base)}
.pdp__visual:hover .pdp__icon-wrap {
transform:translateY(-4px) scale(1.03);box-shadow:none}
.pdp__icon-img {
width:72px;height:72px;object-fit:contain}
.pdp__icon-fallback {
font-size:3rem;color:var(--accent)}
.pdp__visual-badge {
display:inline-flex;align-items:center;gap:.35rem;padding:.35em .9em;border-radius:var(--radius-pill);font-size:.78rem;font-weight:700;letter-spacing:.02em;position:relative;z-index:1}
.pdp__visual-badge--ok {
background:rgba(0,184,148,.1);color:var(--success);border:1px solid rgba(0,184,148,.2)}
.pdp__visual-badge--no {
background:rgba(214,48,49,.08);color:var(--danger);border:1px solid rgba(214,48,49,.15)}
.pdp__visual-sales {
font-size:.78rem;font-weight:600;color:var(--text-muted);display:inline-flex;align-items:center;gap:.3rem;position:relative;z-index:1}
.pdp__visual-sales i {
color:var(--accent)}
.pdp__info,.pdp__sections {
background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:hidden;transition:border-color var(--transition-base)}
.pdp__info:hover,.pdp__sections:hover {
border-color:rgba(108,92,231,.12)}
.pdp__sections>.pdp__section:first-child {
border-top:none}
.pdp__info-header {
padding:1.5rem 1.5rem 1.25rem;border-bottom:1px solid var(--border-color)}
.pdp__cat-pill {
display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:700;padding:.3em .8em;border-radius:var(--radius-pill);background:var(--hover-bg);color:var(--accent);border:1px solid rgba(108,92,231,.12);text-decoration:none;letter-spacing:.03em;text-transform:uppercase;margin-bottom:.75rem;transition:all var(--transition-fast)}
.pdp__cat-pill:hover {
background:rgba(108,92,231,.14);border-color:rgba(108,92,231,.3);color:var(--accent-light)}
.pdp__title {
font-size:clamp(0.95rem,2.2vw,1.15rem);font-weight:700;line-height:1.25;letter-spacing:-.02em;margin:0 0 .75rem}
.pdp__meta {
display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem}
.pdp__rating {
display:inline-flex;align-items:center;gap:.2rem}
.pdp__star {
font-size:.82rem}
.pdp__star--on {
color:var(--warning)}
.pdp__star--off {
color:var(--border-color)}
.pdp__rating-num {
font-size:.82rem;font-weight:700;color:var(--text-muted);margin-left:.25rem}
.pdp__meta-dot {
width:3px;height:3px;border-radius:50%;background:var(--border-color);display:inline-block}
.pdp__meta-item {
display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;font-weight:500;color:var(--text-muted)}
.pdp__meta-item i {
color:var(--accent);font-size:.85rem}
.pdp__meta-item--ok {
color:var(--success)}
.pdp__meta-item--ok i {
color:var(--success)}
.pdp__section {
padding:1.5rem;border-top:1px solid var(--border-color)}
.pdp__section-title {
display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;margin:0 0 1rem;color:inherit}
.pdp__section-title i {
color:var(--accent);font-size:1rem}
.pdp__desc {
font-size:.95rem;line-height:1.8;color:inherit}
.pdp__desc p {
margin-bottom:.75rem}
.pdp__desc img {
max-width:100%;height:auto;border-radius:var(--radius-sm);background:transparent}
.pdp__desc ul,.pdp__desc ol {
padding-left:1.25rem}
.pdp__desc h3,.pdp__desc h4,.pdp__desc h5,.pdp__desc h6 {
margin:1rem 0 .5rem;font-weight:600;line-height:1.35;color:var(--text-primary)}
.pdp__desc h3 {
font-size:1rem}
.pdp__desc h4 {
font-size:.95rem}
.pdp__desc h5 {
font-size:.9rem}
.pdp__desc h6 {
font-size:.85rem;color:var(--text-muted)}
.pdp__empty {
text-align:center;padding:2.5rem 0;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:.6rem}
.pdp__empty i {
font-size:2rem;opacity:.4}
.pdp__empty span {
font-size:.88rem;font-weight:500}
.pdp__spec-v--link {
color:var(--accent);text-decoration:none}
.pdp__spec-v--link:hover {
text-decoration:underline}
.pdp__buy {
background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:1.5rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-lg);transition:border-color var(--transition-base),box-shadow var(--transition-base)}
.pdp__buy:hover {
border-color:rgba(108,92,231,.25);box-shadow:var(--shadow-lg),0 0 30px rgba(108,92,231,.12)}
.pdp__buy-icon {
display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;width:80px;height:80px;padding:.5rem;border-radius:var(--radius-md);background:transparent;border:none}
.pdp__buy-icon-img {
width:64px;height:64px;object-fit:contain;border-radius:var(--radius-sm)}
.pdp__price-wrap {
display:flex;align-items:baseline;gap:.6rem;margin-bottom:1.25rem;flex-wrap:wrap}
.pdp__price {
font-size:2.1rem;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}
.pdp__price-badge {
display:inline-flex;align-items:center;padding:.25em .65em;border-radius:var(--radius-pill);font-size:.7rem;font-weight:700;background:rgba(214,48,49,.1);color:var(--danger);border:1px solid rgba(214,48,49,.18);letter-spacing:.03em;text-transform:uppercase}
.pdp__video-proof {
margin-bottom:1.1rem;padding:1rem 1.1rem;border-radius:var(--radius-md);border:2px solid rgba(253,203,110,0.85);background:linear-gradient(135deg,rgba(253,203,110,0.18) 0%,rgba(255,165,0,0.13) 100%);font-size:.88rem;line-height:1.6;box-shadow:0 0 0 4px rgba(253,203,110,0.12),0 2px 8px rgba(253,150,0,0.18);position:relative;animation:videoProofPulse 2.5s ease-in-out infinite}
@keyframes videoProofPulse {
0%,100% {
box-shadow:0 0 0 4px rgba(253,203,110,0.12),0 2px 8px rgba(253,150,0,0.18)}
50% {
box-shadow:0 0 0 7px rgba(253,203,110,0.22),0 2px 14px rgba(253,150,0,0.32)}
}
.pdp__video-proof-title {
display:flex;align-items:center;gap:.55rem;font-weight:800;font-size:1rem;margin:0 0 .5rem;color:#e6a817;text-transform:uppercase;letter-spacing:.03em}
.pdp__video-proof-title i {
font-size:1.25rem;flex-shrink:0}
.pdp__video-proof-text {
margin:0;color:inherit;opacity:.95;font-size:.85rem}
.pdp__no-replacement {
margin-bottom:1.1rem;padding:.85rem 1rem;border-radius:var(--radius-md);border:1px solid rgba(214,48,49,0.35);background:rgba(214,48,49,0.08);font-size:.86rem;line-height:1.55}
.pdp__no-replacement-title {
display:flex;align-items:center;gap:.5rem;font-weight:700;margin:0 0 .45rem;color:var(--danger)}
.pdp__no-replacement-title i {
font-size:1.05rem;flex-shrink:0}
.pdp__no-replacement-text {
margin:0;color:inherit;opacity:.92}
.pm-video-proof-notice {
padding:.9rem 1rem;border-radius:8px;border:2px solid rgba(253,203,110,0.85);background:linear-gradient(135deg,rgba(253,203,110,0.15) 0%,rgba(255,165,0,0.1) 100%);box-shadow:0 0 0 3px rgba(253,203,110,0.15)}
.pm-video-proof-notice__header {
display:flex;align-items:center;gap:.5rem;font-weight:800;font-size:.92rem;color:#e6a817;text-transform:uppercase;letter-spacing:.03em}
.pm-video-proof-notice__header i {
font-size:1.1rem}
.pm-video-proof-notice .form-check-label {
color:inherit}
.pdp__meter {
margin-bottom:1.25rem}
.pdp__meter-bar {
height:5px;border-radius:3px;background:var(--input-bg);overflow:hidden;margin-bottom:.4rem}
.pdp__meter-fill {
height:100%;border-radius:3px;transition:width .6s ease}
.pdp__meter-label {
font-size:.78rem;font-weight:500;color:var(--text-muted);display:flex;align-items:center;gap:.35rem}
.pdp__buy-btn {
display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.9rem 1.25rem;font-size:1rem;font-weight:700;color:#fff;background:var(--accent-gradient);border:none;border-radius:var(--radius-lg);cursor:pointer;position:relative;overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base);margin-bottom:1.25rem}
.pdp__buy-btn:hover {
transform:translateY(-2px);box-shadow:0 8px 24px rgba(108,92,231,.42)}
.pdp__buy-btn:active {
transform:translateY(0);box-shadow:none}
.pdp__buy-shine {
position:absolute;inset:0;background:linear-gradient(105deg,rgba(255,255,255,.15) 0%,transparent 50%);opacity:0;transition:opacity var(--transition-base);pointer-events:none}
.pdp__buy-btn:hover .pdp__buy-shine {
opacity:1}
.pdp__sold-out {
text-align:center;padding:1.25rem 0 1rem;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:.4rem;margin-bottom:1rem}
.pdp__sold-out i {
font-size:1.8rem;color:var(--warning)}
.pdp__sold-out span {
font-size:.88rem;font-weight:600}
.pdp__perks {
list-style:none;padding:0;margin:0;border-top:1px solid var(--border-color);padding-top:1rem;display:flex;flex-direction:column;gap:.65rem}
.pdp__perk {
display:flex;align-items:center;gap:.6rem;font-size:.8rem;font-weight:500;color:var(--text-muted)}
.pdp__perk i {
font-size:.95rem;color:var(--accent);width:18px;text-align:center;flex-shrink:0}
.pdp__related {
margin-top:var(--space-xl)}
.pdp__related-hd {
display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}
.pdp__related-title {
font-size:1.15rem;font-weight:800;letter-spacing:-.02em;margin:0;display:flex;align-items:center;gap:.45rem}
.pdp__related-title i {
color:var(--accent);font-size:1.1rem}
.pdp__related-cnt {
display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 .4em;font-size:.72rem;font-weight:700;background:var(--hover-bg);color:var(--accent);border-radius:var(--radius-pill)}
.pdp__anim {
opacity:0;transform:translateY(18px);transition:opacity .45s ease,transform .45s ease}
.pdp__anim--in {
opacity:1;transform:none}
.pdp__grid>.pdp__info.pdp__anim--in {
transition-delay:0ms}
.pdp__aside .pdp__buy.pdp__anim--in {
transition-delay:80ms}
.pdp__grid>.pdp__sections.pdp__anim--in {
transition-delay:160ms}
.pdp__related.pdp__anim--in {
transition-delay:0ms}
.pdp__mob-bar {
display:none;position:fixed;bottom:0;left:0;right:0;z-index:1040;padding:.75rem 1rem;background:var(--card-bg);border-top:1px solid var(--border-color);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);align-items:center;justify-content:space-between;gap:1rem;box-shadow:0 -4px 20px rgba(0,0,0,.15);transition:transform .3s ease}
.pdp__mob-bar--hidden {
transform:translateY(110%)}
.pdp__mob-price {
font-size:1.25rem;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.pdp__mob-btn {
display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.35rem;font-size:.9rem;font-weight:700;color:#fff;background:var(--accent-gradient);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}
.pdp__mob-btn:hover {
box-shadow:0 4px 16px rgba(108,92,231,.4);transform:translateY(-1px)}
.pdp__mob-btn--cart {
background:transparent;border:1px solid var(--accent);color:var(--accent);margin-left:6px;box-shadow:none}
.pdp__mob-btn--cart:hover {
background:var(--hover-bg);color:var(--accent);border-color:var(--accent);transform:none;box-shadow:none}

@media (max-width:1099.98px) {
.pdp__grid {
grid-template-columns:1fr 320px}
}

@media (max-width:991.98px) {
.pdp__grid {
grid-template-columns:1fr;grid-template-rows:auto}
.pdp__col-main {
display:contents}
.pdp__col-main>.pdp__info {
order:1}
.pdp__col-main>.pdp__sections {
order:3}
.pdp__grid>.pdp__aside {
grid-column:1;order:2;position:static;top:auto}
.pdp__mob-bar {
display:flex}
.pdp {
padding-bottom:5rem}
}

@media (max-width:575.98px) {
.pdp__visual {
padding:2rem 1.25rem}
.pdp__icon-wrap {
width:96px;height:96px}
.pdp__icon-img {
width:56px;height:56px}
.pdp__title {
font-size:1.05rem}
.pdp__buy {
padding:1.25rem}
.pdp__price {
font-size:1.7rem}
.pdp__section {
padding:1.25rem}
.pdp__info-header {
padding:1.25rem}
}
.pc {
position:relative;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow:hidden;display:flex;flex-direction:column;height:100%;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}
.pc:hover {
transform:translateY(-5px);box-shadow:var(--shadow-lg),0 0 30px rgba(108,92,231,.1);border-color:rgba(108,92,231,.22)}
.pc--out {
opacity:.7}
.pc--out:hover {
transform:none;box-shadow:none}
.pc__link {
position:absolute;inset:0;z-index:0}
.pc__icon {
display:flex;align-items:center;justify-content:center;height:90px;background:transparent;border:none;flex-shrink:0;position:relative;z-index:1;overflow:hidden}
.pc:hover .pc__icon {
background:transparent}
.pc__icon-img,.home-cat-product-icon img,.cat-product-card__visual img,.pdp__icon-img,.pdp__buy-icon-img,.cart-card__thumb img,.cart-drawer__thumb img,.checkout-item__media img,.order-delivery-item__media img,.purchase-modal__product-icon img,#pm-product-icon img,.pdp__desc img {
background:transparent !important;object-fit:contain}
.pc__icon-img,.pdp__icon-img,.pdp__buy-icon-img,.cart-card__thumb img,.cart-drawer__thumb img,.checkout-item__media img,.order-delivery-item__media img {
max-width:100%;max-height:100%}
.pc__icon-img {
width:52px;height:52px;transition:transform var(--transition-base)}
.home-cat-product-icon,.cat-product-card__visual,.cat-product-card:hover .cat-product-card__visual,.pdp__icon-wrap,.pdp__visual:hover .pdp__icon-wrap,.pdp__buy-icon,.cart-card__thumb,.cart-card:hover .cart-card__thumb,.cart-drawer__thumb,.checkout-item__media,.order-delivery-item__media,.purchase-modal__product-icon,#pm-product-icon,.catpage .home-cat-product-icon {
background:transparent !important;border:none !important;box-shadow:none !important}
.pc:hover .pc__icon-img {
transform:scale(1.08)}
.pc__icon-fallback {
font-size:2rem;color:var(--accent);opacity:.6;transition:opacity var(--transition-fast)}
.pc:hover .pc__icon-fallback {
opacity:1}
.pc__body {
padding:.85rem .9rem .75rem;flex:1;display:flex;flex-direction:column;gap:.3rem;position:relative;z-index:1}
.pc__cat {
font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);opacity:.75}
.pc__title {
font-size:.85rem;font-weight:600;line-height:1.35;color:inherit;text-decoration:none;transition:color var(--transition-fast)}
.pc__title:hover {
color:var(--accent);text-decoration:none}
.pc__foot {
display:flex;align-items:center;justify-content:space-between;margin-top:.4rem;gap:.5rem}
.pc__price {
font-size:1rem;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.pc__qty {
font-size:.7rem;font-weight:600;color:var(--text-muted);display:inline-flex;align-items:center;gap:.2rem;white-space:nowrap}
.pc__qty i {
color:var(--success)}
.pc__qty--no {
color:var(--danger)}
.pc__btn {
display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;padding:.6rem .75rem;font-size:.8rem;font-weight:700;color:var(--accent);background:var(--hover-bg);border:none;border-top:1px solid var(--border-color);cursor:pointer;position:relative;z-index:2;transition:background var(--transition-fast),color var(--transition-fast);flex-shrink:0}
.pc__btn:hover {
background:var(--accent-gradient);color:#fff}
.pc__btn--cart {
margin-top:4px;background:transparent;border:1px solid var(--accent);color:var(--accent)}
.pc__btn.pc__btn--cart:hover {
background:var(--hover-bg);color:var(--accent)}
.pc__btn--disabled {
color:var(--text-muted);cursor:not-allowed;font-size:.78rem}
.pc__btn--disabled:hover {
background:var(--hover-bg);color:var(--text-muted)}
.product-detail .product-price-big {
font-size:2.2rem;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-section {
position:relative;padding:var(--space-2xl) 0;background:var(--hero-bg);overflow:hidden}
.hero-section::before {
content:'';position:absolute;top:-50%;left:-20%;width:60%;height:200%;background:radial-gradient(circle,rgba(108,92,231,.06) 0%,transparent 70%);animation:hero-float 15s ease-in-out infinite alternate;pointer-events:none}
@keyframes hero-float {
0% {
transform:translate(0,0) scale(1)}
100% {
transform:translate(30%,-10%) scale(1.2)}
}
.hero-section__badge {
background:var(--hover-bg);color:var(--text-primary);font-weight:600;font-size:.82rem}
.hero-section__badge i {
color:var(--text-primary)}
.hero-section h1 {
font-weight:800;letter-spacing:-.03em;line-height:1.1}
.hero-section .lead {
color:var(--text-muted);font-size:1.1rem;max-width:500px;margin-left:auto;margin-right:auto}
.footer {
background:var(--footer-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-color) !important}
.footer h6 {
font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.75rem}
.footer a {
color:var(--text-muted);text-decoration:none;transition:color var(--transition-fast);font-size:.88rem}
.footer a:hover {
color:var(--accent)}
.footer .footer-brand {
background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.category-card {
text-align:center;padding:1.25rem .75rem;transition:all var(--transition-base);border-radius:var(--radius-lg);background:var(--card-bg);border:1px solid var(--border-color);backdrop-filter:blur(10px)}
.category-card:hover {
transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:rgba(108,92,231,.2)}
.category-card i {
color:var(--accent)}
.category-card img {
width:48px;height:48px;margin-bottom:.5rem}
.category-card h6,.category-card .fw-bold {
font-size:.88rem;font-weight:600}
.alert {
border:none;border-radius:var(--radius-md);font-weight:500;font-size:.9rem;backdrop-filter:blur(10px)}
.alert-success {
background:rgba(0,184,148,.12);color:var(--success);border-left:4px solid var(--success)}
.alert-danger {
background:rgba(214,48,49,.12);color:var(--danger);border-left:4px solid var(--danger)}
.alert-warning {
background:rgba(253,203,110,.12);color:var(--warning);border-left:4px solid var(--warning)}
.alert-info {
background:rgba(9,132,227,.12);color:var(--info);border-left:4px solid var(--info)}
.auth-container {
max-width:420px;margin:2rem auto}
.auth-container .card {
border:1px solid var(--border-color)}
.empty-state {
text-align:center;padding:var(--space-2xl) var(--space-md);color:var(--text-muted)}
.empty-state i {
font-size:3.5rem;margin-bottom:var(--space-md);opacity:.5}
.balance-card {
background:var(--accent-gradient);color:#fff;border-radius:var(--radius-xl);padding:2rem;position:relative;overflow:hidden}
.balance-card::before {
content:'';position:absolute;top:-30%;right:-20%;width:50%;height:160%;background:rgba(255,255,255,.07);border-radius:50%;pointer-events:none}
.balance-card .balance-amount {
font-size:2.5rem;font-weight:800}
.breadcrumb {
font-size:.85rem;padding:.5rem 0}
.breadcrumb-item a {
color:var(--accent);text-decoration:none}
.breadcrumb-item.active {
color:var(--text-muted)}
.purchase-card .price-tag {
font-size:2rem;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.modal-content {
background:var(--card-bg-solid);border:1px solid var(--border-color);border-radius:var(--radius-lg)}
.modal-header {
border-bottom-color:var(--border-color)}
.modal-footer {
border-top-color:var(--border-color)}
.dropdown-menu {
background:var(--card-bg-solid);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:.35rem}
.dropdown-item {
border-radius:var(--radius-sm);font-size:.88rem;padding:.45rem .75rem;transition:all var(--transition-fast)}
.dropdown-item:hover {
background:var(--hover-bg)}
.cta-section .card {
background:var(--accent-gradient);border:none;color:#fff;position:relative;overflow:hidden}
.cta-section .card::before {
content:'';position:absolute;top:-40%;right:-15%;width:40%;height:180%;background:rgba(255,255,255,.06);border-radius:50%;pointer-events:none}
.cta-section .btn-light {
font-weight:700;border-radius:var(--radius-pill);padding:.6rem 1.8rem}
.section-heading {
font-weight:700;font-size:1.2rem;display:flex;align-items:center;gap:.5rem}
.section-heading i {
color:var(--accent)}
.filter-card {
border-radius:var(--radius-lg);overflow:visible !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}
.filter-card .card-body {
overflow:visible}
.filter-card .form-label {
font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:.3rem}
.filter-card .form-label i {
font-size:.7rem}
.catalog-filter-input {
font-size:.82rem !important;padding:.42rem .7rem !important;border-radius:var(--radius-sm) !important;background:var(--input-bg) !important;border:1px solid var(--input-border) !important;height:auto !important;transition:border-color .15s ease,box-shadow .15s ease}
.catalog-filter-input:focus {
border-color:var(--accent) !important;box-shadow:0 0 0 3px rgba(108,92,231,.12) !important}
.cselect {
position:relative}
.cselect-toggle {
display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;cursor:pointer;gap:.4rem;white-space:nowrap;overflow:hidden;appearance:none;-webkit-appearance:none;background:var(--input-bg);color:var(--bs-body-color);font:inherit;font-size:.82rem;padding:.42rem .7rem;border:1px solid var(--input-border);border-radius:var(--radius-sm);outline:none;line-height:1.5;transition:border-color .15s ease,box-shadow .15s ease}
.cselect-toggle:focus,.cselect.open .cselect-toggle {
border-color:var(--accent);box-shadow:0 0 0 3px rgba(108,92,231,.12)}
.cselect-label {
flex:1;overflow:hidden;text-overflow:ellipsis}
.cselect-arrow {
font-size:.6rem;color:var(--accent);transition:transform .2s ease;flex-shrink:0}
.cselect.open .cselect-arrow {
transform:rotate(180deg)}
.cselect-dropdown {
display:none;position:fixed;max-height:260px;overflow-y:auto;scrollbar-width:thin;border-radius:var(--radius-md);box-shadow:0 8px 32px rgba(0,0,0,.35),0 0 0 1px rgba(108,92,231,.08);z-index:9999;animation:cselectFadeIn .15s ease;background:var(--card-bg-solid) !important;color:var(--bs-body-color) !important;border:1px solid var(--border-color) !important}
.cselect-option {
padding:.42rem .7rem;font-size:.8rem;cursor:pointer;color:inherit !important;transition:background .1s ease,color .1s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cselect.open .cselect-dropdown {
display:block}
@keyframes cselectFadeIn {
from {
opacity:0;transform:translateY(-4px)}
to {
opacity:1;transform:translateY(0)}
}
.cselect-search-wrap {
padding:.4rem .5rem;border-bottom:1px solid rgba(255,255,255,.08)}
.cselect-search {
width:100%;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:inherit;border-radius:var(--radius-sm);padding:.3rem .55rem;font-size:.78rem;outline:none;transition:border-color .15s}
[data-bs-theme="light"] .cselect-search-wrap {
border-bottom-color:rgba(0,0,0,.08)}
[data-bs-theme="light"] .cselect-search {
border-color:rgba(0,0,0,.1);background:rgba(0,0,0,.03)}
.cselect-search:focus {
border-color:var(--accent)}
.cselect-options {
overflow-y:auto;max-height:210px;scrollbar-width:thin}
.cselect-option:hover {
background:var(--hover-bg);color:var(--accent)}
.cselect-option.active {
background:rgba(108,92,231,.12);color:var(--accent);font-weight:600}
.cselect-option.hidden {
display:none}
.cselect-option-count {
font-size:.7rem;color:var(--text-muted);margin-left:.2rem}
.fade-in-up {
opacity:0;transform:translateY(20px);animation:fadeInUp .5s var(--transition-base) forwards}
@keyframes fadeInUp {
to {
opacity:1;transform:translateY(0)}
}
.fade-in-up:nth-child(1) {
animation-delay:.05s}
.fade-in-up:nth-child(2) {
animation-delay:.1s}
.fade-in-up:nth-child(3) {
animation-delay:.15s}
.fade-in-up:nth-child(4) {
animation-delay:.2s}
.fade-in-up:nth-child(5) {
animation-delay:.25s}
.fade-in-up:nth-child(6) {
animation-delay:.3s}
.fade-in-up:nth-child(7) {
animation-delay:.35s}
.fade-in-up:nth-child(8) {
animation-delay:.4s}
.navbar-search-form {
max-width:420px;flex:0 1 420px;width:100%;position:relative}
.navbar-search__wrap,.mobile-search__wrap,.cat-search__wrap,.catpage-filters__search {
position:relative}
.search-suggest {
position:absolute;top:calc(100% + .35rem);left:0;right:0;z-index:1060;background:var(--card-bg-solid);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:min(420px,70vh);overflow:auto;padding:.35rem 0}
.search-suggest[hidden] {
display:none !important}
.search-suggest__item {
display:flex;flex-direction:column;gap:.15rem;padding:.55rem .85rem;color:inherit;text-decoration:none;border:none;background:transparent;width:100%;text-align:left;cursor:pointer;transition:background var(--transition-fast)}
.search-suggest__item:hover,.search-suggest__item:focus,.search-suggest__item.is-active {
background:var(--hover-bg);outline:none}
.search-suggest__title {
font-size:.88rem;font-weight:600;line-height:1.35;color:var(--bs-body-color)}
.search-suggest__meta {
display:flex;justify-content:space-between;gap:.75rem;font-size:.75rem;color:var(--text-muted)}
.search-suggest__empty,.search-suggest__all {
padding:.55rem .85rem;font-size:.82rem;color:var(--text-muted)}
.search-suggest__all {
display:block;color:var(--accent);text-decoration:none;font-weight:600;border-top:1px solid var(--border-color);margin-top:.15rem}
.search-suggest__all:hover {
color:var(--accent-dark)}
.search-suggest--mobile {
left:-.25rem;right:-.25rem}
.search-hit {
background:rgba(108,92,231,.22);color:inherit;padding:0 .1em;border-radius:.15em}
.navbar-search__wrap,.mobile-search__wrap {
display:flex;align-items:center;gap:.35rem;width:100%;background:var(--input-bg);border:1.5px solid var(--input-border);border-radius:var(--radius-pill);padding:.2rem .25rem .2rem .85rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}
.navbar-search__wrap:focus-within,.mobile-search__wrap:focus-within {
border-color:var(--accent);box-shadow:0 0 0 3px rgba(108,92,231,.15)}
.navbar-search__icon,.mobile-search__icon {
color:var(--text-muted);font-size:.85rem;flex-shrink:0;line-height:1;transition:color var(--transition-fast)}
.navbar-search__wrap:focus-within .navbar-search__icon,.mobile-search__wrap:focus-within .mobile-search__icon {
color:var(--accent)}
.navbar-search__input,.mobile-search__input {
flex:1;min-width:0;background:transparent;border:none;outline:none;box-shadow:none;color:var(--bs-body-color);font-size:.88rem;font-weight:500;padding:.42rem .25rem;line-height:1.35}
.navbar-search__input::placeholder,.mobile-search__input::placeholder {
color:var(--text-muted);opacity:1}
.navbar-search__input:focus,.mobile-search__input:focus {
background:transparent;box-shadow:none}
.navbar-search__btn {
background:var(--accent-gradient);color:#fff;border:none;border-radius:var(--radius-pill);padding:.42rem 1rem;font-weight:600;font-size:.8rem;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:filter var(--transition-fast),transform var(--transition-fast)}
.navbar-search__btn:hover {
filter:brightness(1.08);color:#fff;transform:translateY(-1px)}
.navbar-search__btn--icon {
padding:.42rem .7rem;display:inline-flex;align-items:center;justify-content:center}
.navbar-search__clear {
display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:50%;background:transparent;color:var(--text-muted);flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}
.navbar-search__clear:hover {
background:var(--hover-bg);color:var(--danger)}
.mobile-search-bar {
display:none;background:var(--navbar-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border-color);position:sticky;top:56px;z-index:1029;animation:slideDown .25s ease}
.mobile-search-form {
width:100%}
@keyframes slideDown {
from {
opacity:0;transform:translateY(-10px)}
to {
opacity:1;transform:translateY(0)}
}
.mobile-search-bar.show {
display:block}
.navbar-mobile-btn {
border-radius:50% !important;width:36px;height:36px;padding:0 !important;display:flex;align-items:center;justify-content:center;font-size:.85rem;transition:all var(--transition-base);border-color:var(--border-color) !important}
.navbar-mobile-btn:hover {
background:var(--hover-bg);border-color:var(--accent) !important;color:var(--accent)}
.cat-strip {
background:var(--card-bg-solid);border-bottom:1px solid var(--border-color);position:relative;z-index:1020}
.cat-strip .container {
position:relative}
.cat-strip-layout {
display:flex;align-items:center;gap:.5rem;padding:.5rem 0}
.cat-strip-marquee {
flex:1;overflow:hidden;display:flex;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.cat-strip-track {
display:flex;align-items:center;gap:.35rem;flex-shrink:0;padding-right:.35rem;animation:catMarquee 35s linear infinite}
.cat-strip-marquee:hover .cat-strip-track,.cat-strip-marquee.paused .cat-strip-track {
animation-play-state:paused}
@keyframes catMarquee {
0% {
transform:translateX(0)}
100% {
transform:translateX(-100%)}
}
.cat-strip-item {
display:inline-flex;align-items:center;gap:.45rem;padding:.42rem .85rem;border-radius:var(--radius-pill);text-decoration:none;color:var(--bs-body-color);font-size:.88rem;font-weight:500;white-space:nowrap;transition:all .15s ease;border:1px solid transparent;background:transparent;flex-shrink:0;pointer-events:auto;cursor:pointer}
.cat-strip-item:hover,.cat-strip-item.open {
background:var(--hover-bg);color:var(--accent);border-color:rgba(108,92,231,.12)}
.cat-strip-item.active {
background:rgba(108,92,231,.1);color:var(--accent);border-color:rgba(108,92,231,.2);font-weight:600}
.cat-strip-arrow {
font-size:.55rem;opacity:.5;transition:transform .2s ease}
.cat-strip-all {
background:var(--accent-gradient);color:#fff !important;font-weight:600;border:none;padding:.45rem 1rem;font-size:.9rem;flex-shrink:0;order:2}
.cat-strip-all:hover {
background:var(--accent-gradient);opacity:.9;color:#fff !important;transform:scale(1.03)}
.cat-strip-icon {
width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--hover-bg);color:var(--accent);font-size:.75rem;flex-shrink:0;transition:all .15s ease}
.cat-strip-icon img {
width:18px;height:18px;object-fit:contain;border-radius:2px}
.cat-strip-item:hover .cat-strip-icon,.cat-strip-item.active .cat-strip-icon,.cat-strip-item.open .cat-strip-icon {
background:var(--accent-gradient);color:#fff}
.cat-strip-item.open {
background:var(--hover-bg);color:var(--accent);border-color:rgba(108,92,231,.12)}
.cat-strip-item.open .cat-strip-arrow {
transform:rotate(180deg);opacity:1}
.cat-strip-name {
line-height:1}
.cat-strip-dropdown {
position:fixed;top:0;left:0;min-width:260px;max-width:340px;background:var(--card-bg-solid);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:0 12px 40px rgba(0,0,0,.14),0 0 0 1px rgba(108,92,231,.05);padding:0;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1),visibility .18s;z-index:1100;overflow:visible;pointer-events:none}
.cat-strip-dropdown::before {
content:'';position:absolute;top:-20px;left:0;width:100%;height:20px;pointer-events:auto}
.cat-strip-dropdown.show {
opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.cat-strip-dropdown-head {
padding:.6rem .85rem .35rem;border-bottom:1px solid var(--border-color)}
.cat-strip-dropdown-title {
font-size:.8rem;font-weight:700;color:var(--accent);text-decoration:none;display:inline-flex;align-items:center;transition:gap .15s ease;gap:.15rem}
.cat-strip-dropdown-title:hover {
gap:.4rem}
.cat-strip-dropdown-list {
list-style:none;margin:0;padding:.35rem 0}
.cat-strip-dropdown-link {
display:flex;align-items:center;gap:.5rem;padding:.4rem .85rem;text-decoration:none;color:var(--bs-body-color);font-size:.8rem;transition:all .12s ease}
.cat-strip-dropdown-link img {
width:16px;height:16px;object-fit:contain;border-radius:2px;flex-shrink:0}
.cat-strip-dropdown-link:hover {
background:var(--hover-bg);color:var(--accent);padding-left:1rem}
.cat-strip-dropdown-link.active {
color:var(--accent);font-weight:600;background:rgba(108,92,231,.06)}
.cat-strip-dropdown-count {
margin-left:auto;font-size:.65rem;color:var(--text-muted);background:var(--hover-bg);padding:.1rem .35rem;border-radius:var(--radius-sm)}

@media (max-width:767.98px) {
.cat-strip-layout {
gap:.35rem;padding:.35rem 0}
.cat-strip-all {
padding:.35rem .7rem;font-size:.78rem}
.cat-strip-item {
padding:.32rem .6rem;font-size:.78rem;gap:.3rem}
.cat-strip-icon {
width:20px;height:20px;font-size:.65rem}
.cat-strip-icon img {
width:14px;height:14px}
.cat-strip-dropdown {
min-width:220px;max-width:calc(100vw - 2rem)}
.cat-strip-dropdown-list {
}
}

@media (max-width:575.98px) {
.cat-strip-marquee {
mask-image:linear-gradient(90deg,transparent,#000 1%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 1%,#000 95%,transparent)}
.cat-strip-all {
padding:.3rem .55rem;font-size:.72rem}
.cat-strip-all i {
font-size:.7rem}
.cat-strip-item {
padding:.28rem .5rem;font-size:.72rem}
.cat-strip-arrow {
display:none}
}
.catalog-columns {
display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}

@media (max-width:991.98px) {
.catalog-columns {
grid-template-columns:repeat(2,1fr)}
}

@media (max-width:575.98px) {
.catalog-columns {
grid-template-columns:1fr}
}
.catalog-col {
background:var(--card-bg-solid);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:1rem;transition:border-color .15s ease,box-shadow .15s ease}
.catalog-col:hover {
border-color:rgba(108,92,231,.2);box-shadow:0 4px 16px rgba(108,92,231,.06)}
.catalog-col-head {
display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--bs-body-color);padding-bottom:.65rem;margin-bottom:.5rem;border-bottom:1px solid var(--border-color);transition:color .12s ease}
.catalog-col-head:hover {
color:var(--accent)}
.catalog-col-icon {
width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--hover-bg);color:var(--accent);font-size:.95rem;flex-shrink:0}
.catalog-col-icon img {
width:24px;height:24px;object-fit:contain;border-radius:4px}
.catalog-col-head:hover .catalog-col-icon {
background:var(--accent-gradient);color:#fff}
.catalog-col-title {
font-size:.92rem;font-weight:700;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.catalog-col-count {
font-size:.65rem;color:var(--text-muted);background:var(--hover-bg);padding:.15rem .4rem;border-radius:var(--radius-sm);flex-shrink:0}
.catalog-col-subs {
list-style:none;margin:0;padding:0}
.catalog-col-sub {
display:flex;align-items:center;gap:.3rem;padding:.3rem .4rem;text-decoration:none;color:var(--bs-body-color);font-size:.82rem;border-radius:var(--radius-sm);transition:all .1s ease}
.catalog-col-sub:hover {
background:var(--hover-bg);color:var(--accent);padding-left:.65rem}
.catalog-col-sub-count {
margin-left:auto;font-size:.6rem;color:var(--text-muted);opacity:.7}

@media (max-width:991.98px) {
.section-heading {
font-size:1.05rem}
.catalog-col-head {
gap:.5rem}
.catalog-col-icon {
width:28px;height:28px;font-size:.85rem}
.catalog-col-icon img {
width:20px;height:20px}
.catalog-col-title {
font-size:.85rem}
.catalog-col {
padding:.75rem}
}

@media (max-width:767.98px) {
.filter-card .row>[class*="col-md"] {
flex:0 0 100%;max-width:100%}
.filter-card .row>.col-6 {
flex:0 0 50%;max-width:50%}
.home-category-row {
padding:.65rem .8rem;gap:.6rem}
.home-category-icon {
width:38px;height:38px;font-size:1.1rem}
.home-category-name {
font-size:.92rem}
.home-category-count {
font-size:.85rem}
.home-cat-subcategories {
flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.45rem}
.home-cat-subcategories::-webkit-scrollbar {
display:none}
.home-cat-subcategory {
white-space:nowrap;flex-shrink:0}
.breadcrumb {
font-size:.78rem;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;white-space:nowrap}
.breadcrumb::-webkit-scrollbar {
display:none}
}

@media (max-width:575.98px) {
.section-heading {
font-size:.95rem;gap:.35rem}
.catalog-col {
padding:.6rem}
.catalog-col-head {
padding-bottom:.45rem;margin-bottom:.35rem}
.catalog-col-sub {
font-size:.78rem;padding:.25rem .3rem}
.home-category-row {
padding:.55rem .65rem;gap:.5rem}
.home-category-icon {
width:32px;height:32px;font-size:.95rem}
.home-category-name {
font-size:.85rem}
.home-category-count {
font-size:.78rem}
.filter-card .card-body {
padding:.65rem}
.filter-card .form-control,.filter-card .form-select {
font-size:.82rem;padding:.35rem .6rem}
.filter-card .btn {
font-size:.8rem;padding:.35rem .6rem}
.home-cat-product-row {
padding:.4rem .5rem;gap:.5rem}
.home-cat-product-icon {
width:30px;height:30px;font-size:.85rem}
.home-cat-product-title {
font-size:.78rem}
.home-cat-product-price {
font-size:.85rem}
.home-cat-product-actions .btn {
font-size:.68rem;padding:.2rem .4rem}
.input-group .form-control {
font-size:.85rem}
.input-group .btn {
font-size:.82rem;padding:.35rem .65rem}
.container.py-4 {
padding-left:.75rem !important;padding-right:.75rem !important;padding-top:1rem !important;padding-bottom:1rem !important}
}

@media (max-width:399.98px) {
.catalog-col-title {
font-size:.8rem}
.home-cat-product-actions {
gap:.25rem}
.home-cat-product-actions .btn i {
margin:0 !important}
.home-cat-product-actions .btn {
font-size:.65rem;padding:.18rem .35rem}
}
.home-categories-list {
display:flex;flex-direction:column;gap:6px}
.home-category-row {
display:flex;align-items:center;gap:.85rem;padding:.85rem 1.1rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--card-bg-solid);text-decoration:none;color:var(--text-primary);transition:all var(--transition-fast)}
.home-category-row:hover {
border-color:var(--accent);background:var(--hover-bg);transform:translateX(4px);box-shadow:0 4px 16px rgba(0,0,0,.08)}
.home-category-row:hover .home-category-name {
color:var(--accent)}
.home-category-row:hover .home-category-arrow {
color:var(--accent);opacity:1}
.home-category-icon {
display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-sm);background:var(--hover-bg);color:var(--accent);font-size:1.3rem;flex-shrink:0}
.home-category-icon img {
width:100%;height:100%;object-fit:contain;border-radius:var(--radius-sm)}
.home-category-body {
display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}
.home-category-name {
font-weight:700;font-size:1.05rem;line-height:1.25;transition:color var(--transition-fast);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-category-subs {
display:flex;flex-wrap:wrap;gap:.3rem}
.home-category-sub {
display:inline-block;padding:.1rem .5rem;border-radius:var(--radius-sm);font-size:.7rem;color:var(--text-muted);background:var(--hover-bg)}
.home-category-count {
font-weight:700;font-size:1rem;color:var(--accent);white-space:nowrap;flex-shrink:0;min-width:32px;text-align:right}
.home-category-arrow {
color:var(--text-muted);font-size:.85rem;opacity:.4;transition:all var(--transition-fast);flex-shrink:0}
.home-cat-block {
border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--card-bg-solid);overflow:hidden}
.home-cat-block .home-category-row {
border:none;border-radius:0;background:transparent}
.home-cat-block .home-category-row:hover {
background:var(--hover-bg);transform:none;box-shadow:none}
.home-cat-subcategories {
display:flex;flex-wrap:wrap;gap:.35rem;padding:.35rem .85rem .55rem;border-top:1px dashed var(--border-color)}
.home-cat-subcategory {
display:inline-flex;align-items:center;gap:4px;padding:.2rem .6rem;border-radius:var(--radius-sm);font-size:.74rem;color:var(--text-muted);text-decoration:none;background:var(--hover-bg);transition:all var(--transition-fast)}
.home-cat-subcategory:hover {
background:var(--accent);color:#fff}
.home-cat-subcategory-count {
font-size:.65rem;opacity:.7}
.home-cat-products {
border-top:1px solid var(--border-color);padding:.5rem .75rem .75rem}
.home-cat-products-list {
display:flex;flex-direction:column;gap:4px}
.home-cat-product-row {
display:flex;align-items:flex-start;gap:.7rem;padding:.5rem .7rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:transparent;transition:all var(--transition-fast);cursor:pointer}
.home-cat-product-row:hover {
border-color:var(--accent);background:var(--hover-bg)}
.catpage .home-cat-product-row {
background:transparent}
.catpage .home-cat-product-row:hover {
background:var(--hover-bg)}
.catpage .home-cat-product-icon,.catpage .home-cat-product-icon img {
background:transparent !important;border:none !important;box-shadow:none !important}
.home-cat-product-hidden {
display:none}
.home-cat-product-icon {
display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);background:transparent;color:var(--accent);font-size:.95rem;flex-shrink:0;align-self:center}
.home-cat-product-price,.home-cat-product-actions {
align-self:center}
.home-cat-product-icon img {
width:100%;height:100%;object-fit:contain}
.home-cat-product-info {
display:flex;flex-direction:column;min-width:0;flex:1}
.home-cat-product-title,h3.home-cat-product-title,h4.home-cat-product-title,a.home-cat-product-title {
margin:0;font-weight:600;font-size:.82rem;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;word-break:break-word;overflow-wrap:anywhere;max-height:calc(1.3em * 3);text-decoration:none}
.home-cat-product-title a,h3.home-cat-product-title a,h4.home-cat-product-title a,a.home-cat-product-title {
display:inline;color:var(--text-primary);text-decoration:none}
a.home-cat-product-title:hover,h3.home-cat-product-title a:hover,h4.home-cat-product-title a:hover {
color:var(--accent);text-decoration:none}
.home-cat-product-price {
font-weight:700;font-size:.95rem;color:var(--accent);white-space:nowrap;flex-shrink:0}
.home-cat-product-qty {
font-size:.7rem;color:var(--text-muted);opacity:.7}
.home-cat-product-actions {
display:flex;align-items:center;gap:.4rem;flex-shrink:0}
.home-cat-product-actions .btn {
font-size:.72rem;padding:.25rem .55rem;white-space:nowrap}
.home-cat-product-actions .btn-outline-secondary {
border-color:var(--input-border);color:var(--bs-body-color)}
.home-cat-product-actions .btn-outline-secondary:hover {
border-color:var(--accent);color:var(--accent);background:var(--hover-bg)}
.home-cat-product-actions .btn-outline-primary:hover {
color:#fff}
.home-cat-products-toggle {
display:flex;align-items:center;justify-content:center;gap:.3rem;width:100%;margin-top:.5rem;padding:.4rem;border:1px dashed var(--border-color);border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:.78rem;cursor:pointer;transition:all var(--transition-fast)}
.home-cat-products-toggle:hover {
border-color:var(--accent);color:var(--accent);background:var(--hover-bg)}
.home-cat-products-toggle.expanded i {
transform:rotate(180deg)}

/* Product card grid titles (if used) */
.pc__title {
display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;word-break:break-word;overflow-wrap:anywhere;max-height:calc(1.35em * 3)}

@media (max-width:767.98px) {
.home-cat-product-row {
flex-wrap:wrap;gap:.4rem}
.home-cat-product-info {
flex:1 1 calc(100% - 50px)}
.home-cat-product-price {
margin-left:auto}
.home-cat-product-actions {
width:100%;justify-content:flex-end}
.badge {
font-size:.6rem !important;padding:.2rem .4rem}
}

@media (max-width:575.98px) {
.home-cat-product-actions .btn span.btn-label {
display:none}
.home-cat-product-actions .btn.btn-primary span.btn-label,.home-cat-product-actions .btn.btn-outline-primary span.btn-label {
display:inline}
.home-category-row {
padding:.7rem .8rem;gap:.65rem}
.home-category-icon {
width:40px;height:40px;font-size:1.1rem}
.home-category-name {
font-size:.92rem}
.home-category-subs {
display:none}
}
.catalog-categories-section {
background:var(--card-bg-solid);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem}
.catalog-categories-grid {
display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem}
.catalog-category-group {
display:flex;flex-direction:column;gap:.5rem}
.catalog-category-item {
display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;border-radius:var(--radius-md);border:1px solid var(--border-color);text-decoration:none;color:var(--text-primary);background:var(--bg-primary);transition:all var(--transition-fast)}
.catalog-category-item:hover {
border-color:var(--accent);background:var(--hover-bg);color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.08)}
.catalog-category-icon {
display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-sm);background:var(--hover-bg);color:var(--accent);font-size:1.1rem;flex-shrink:0}
.catalog-category-icon img {
width:100%;height:100%;object-fit:contain;border-radius:var(--radius-sm)}
.catalog-category-info {
display:flex;flex-direction:column;min-width:0}
.catalog-category-name {
font-weight:600;font-size:.88rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.catalog-category-count {
font-size:.72rem;color:var(--text-muted)}
.catalog-category-children {
display:flex;flex-wrap:wrap;gap:.35rem;padding-left:.85rem}
.catalog-category-child {
display:inline-flex;align-items:center;gap:4px;padding:.22rem .6rem;border-radius:var(--radius-sm);font-size:.73rem;color:var(--text-muted);text-decoration:none;background:var(--hover-bg);transition:all var(--transition-fast)}
.catalog-category-child:hover {
background:var(--accent);color:#fff}
.catalog-category-child-count {
font-size:.65rem;opacity:.7}

@media (max-width:575.98px) {
.catalog-categories-grid {
grid-template-columns:1fr}
}

@media (min-width:992px) {
.nav-categories-dropdown:hover>.dropdown-menu-categories {
display:block}
.nav-categories-dropdown>.nav-link.dropdown-toggle::after {
transition:transform var(--transition-base)}
.nav-categories-dropdown:hover>.nav-link.dropdown-toggle::after {
transform:rotate(180deg)}
}
.offcanvas {
--bs-offcanvas-width:320px;background:var(--card-bg-solid) !important;border-left:1px solid var(--border-color) !important;box-shadow:-8px 0 40px rgba(0,0,0,.2)}
.offcanvas-header {
background:var(--card-bg-solid);padding:1rem 1.25rem}
.offcanvas-header .offcanvas-title {
background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.cart-drawer {
--bs-offcanvas-width:380px;overflow-x:hidden}
.cart-drawer .offcanvas-body {
overflow-x:hidden}
.cart-drawer__body {
overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}
.cart-drawer__footer {
flex-shrink:0;background:var(--card-bg-solid)}
.cart-drawer__item {
border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.75rem .85rem;background:var(--bg-primary);overflow:hidden;max-width:100%}
.cart-drawer__item+.cart-drawer__item {
margin-top:.65rem}
.cart-drawer__item-main {
display:flex;align-items:flex-start;gap:.65rem}
.cart-drawer__thumb {
width:40px;height:40px;min-width:40px;border-radius:var(--radius-sm);background:transparent;border:none;display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0;overflow:hidden}
.cart-drawer__thumb img {
width:40px;height:40px;object-fit:contain;border-radius:inherit;display:block;background:transparent}
.cart-drawer__meta {
min-width:0;flex:1;padding-right:.25rem}
.cart-drawer__title {
color:var(--bs-body-color);text-decoration:none;font-size:.84rem;font-weight:600;line-height:1.35}
.cart-drawer__title:hover {
color:var(--accent)}
.cart-drawer__price {
font-size:.75rem;color:var(--text-muted);margin-top:.2rem}
.cart-drawer__remove {
flex-shrink:0;padding:.15rem .35rem;margin:-.1rem -.35rem 0 0;line-height:1;opacity:.92}
.cart-drawer__controls {
display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.65rem;padding-top:.6rem;border-top:1px solid var(--border-color)}
.cart-drawer__qty-wrap {
display:inline-flex;align-items:stretch;border-radius:var(--radius-sm);border:1px solid var(--border-color);overflow:hidden;background:var(--hover-bg)}
.cart-drawer__qty-btn {
--bs-btn-padding-y:0;--bs-btn-padding-x:0;width:2rem;min-height:2rem;display:inline-flex;align-items:center;justify-content:center;border:none !important;border-radius:0 !important;color:var(--bs-body-color) !important}
.cart-drawer__qty-btn:hover:not(:disabled) {
background:rgba(108,92,231,0.15) !important;color:var(--accent) !important}
.cart-drawer__qty-btn:disabled {
opacity:.35}
.cart-drawer__qty {
min-width:2rem;padding:0 .35rem;display:inline-flex;align-items:center;justify-content:center;text-align:center;font-size:.82rem;font-weight:700;line-height:1;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color)}
.cart-drawer__subtotal {
font-size:.88rem;font-weight:700;color:var(--accent);white-space:nowrap}

@media (max-width:575.98px) {
.cart-drawer {
--bs-offcanvas-width:min(100vw,360px)}
.cart-drawer__item {
padding:.65rem .7rem}
.cart-drawer__controls {
flex-wrap:wrap;gap:.5rem}
.cart-drawer__subtotal {
margin-left:auto}
.cart-drawer__remove {
margin-right:0}
}
.mobile-user-info {
background:linear-gradient(135deg,rgba(108,92,231,.1),rgba(162,155,254,.05));border-bottom:1px solid rgba(108,92,231,.1) !important}
.mobile-user-avatar {
color:var(--accent);width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--hover-bg);border-radius:50%;border:2px solid rgba(108,92,231,.2)}
.mobile-nav-heading {
font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}
.mobile-nav-link {
display:flex;align-items:center;gap:.7rem;padding:.65rem 1rem .65rem 1.25rem;color:var(--bs-body-color);text-decoration:none;font-size:.9rem;font-weight:500;transition:all var(--transition-base);border-left:3px solid transparent;position:relative}
.mobile-nav-link:hover {
background:var(--hover-bg);color:var(--accent);border-left-color:var(--accent);padding-left:1.5rem}
.mobile-nav-link.active {
background:linear-gradient(90deg,rgba(108,92,231,.12),transparent);color:var(--accent);border-left-color:var(--accent);font-weight:600}
.mobile-nav-link i {
width:22px;text-align:center;font-size:1rem;flex-shrink:0;transition:transform var(--transition-fast)}
.mobile-nav-link:hover i {
transform:scale(1.15)}
.mobile-nav-link .badge {
font-size:.68rem;border-radius:var(--radius-pill);padding:.2em .55em}
.mobile-submenu-toggle {
display:flex;align-items:center;gap:.7rem;width:100%;padding:.75rem 1rem .75rem 1.25rem;background:none;border:none;border-left:3px solid transparent;color:var(--bs-body-color);font-size:.9rem;font-weight:600;text-align:left;cursor:pointer;transition:all var(--transition-base)}
.mobile-submenu-toggle:hover {
background:var(--hover-bg);color:var(--accent);border-left-color:var(--accent)}
.mobile-submenu-toggle-icon {
width:22px;text-align:center;font-size:1rem;color:var(--accent);flex-shrink:0}
.mobile-submenu-chevron {
font-size:.75rem;transition:transform var(--transition-base);color:var(--text-muted)}
.mobile-submenu-toggle[aria-expanded="true"] .mobile-submenu-chevron {
transform:rotate(180deg)}
.mobile-submenu-toggle[aria-expanded="true"] {
background:var(--hover-bg);color:var(--accent);border-left-color:var(--accent)}
.mobile-submenu-list {
background:rgba(108,92,231,.03);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}
.mobile-nav-link--sub {
padding-left:2.75rem !important;font-size:.85rem;padding-top:.5rem;padding-bottom:.5rem}
.navbar .dropdown-menu {
border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);padding:.5rem;animation:dropdownFadeIn .2s ease;background:var(--card-bg-solid)}
.navbar .dropdown-menu .dropdown-item {
border-radius:var(--radius-sm);padding:.5rem .75rem;font-size:.87rem;font-weight:500;transition:all var(--transition-fast)}
.navbar .dropdown-menu .dropdown-item:hover {
background:var(--hover-bg);color:var(--accent);transform:translateX(3px)}
.navbar .dropdown-menu .dropdown-item i {
color:var(--accent);opacity:.7;transition:all var(--transition-fast)}
.navbar .dropdown-menu .dropdown-item:hover i {
opacity:1}
.navbar .dropdown-menu .dropdown-divider {
border-color:var(--border-color);margin:.3rem 0}

@media (max-width:991.98px) {
.navbar-search-form {
display:none !important}
.navbar {
padding:.45rem 0}
}

@media (max-width:767.98px) {
.sidebar {
position:fixed;top:56px;left:-100%;width:260px;height:calc(100vh - 56px);transition:left .3s ease;z-index:1050;overflow-y:auto}
.sidebar.show {
left:0}
.sidebar-overlay {
display:none;position:fixed;top:56px;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1040}
.sidebar-overlay.show {
display:block}
.stat-card .stat-value,.stat-card .stat-card__value {
font-size:1.3rem}
.hero-section {
padding:var(--space-xl) 0}
.hero-section h1 {
font-size:1.8rem}
.balance-card .balance-amount {
font-size:1.8rem}
}

@media (max-width:575.98px) {
.navbar .navbar-brand {
font-size:.85rem}
}
.cat-header {
margin-bottom:1.5rem}
.cat-header__inner {
background:var(--card-bg-solid);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:1.5rem 1.75rem;position:relative;overflow:hidden}
.cat-header__inner::before {
content:'';position:absolute;top:-50%;right:-10%;width:40%;height:200%;background:radial-gradient(ellipse,rgba(108,92,231,.08),transparent 70%);pointer-events:none}
.cat-header__text {
margin-bottom:1rem}
.cat-header__title {
font-size:1.5rem;font-weight:800;margin:0 0 .25rem;display:flex;align-items:center;gap:.5rem}
.cat-header__title i {
color:var(--accent);font-size:1.25rem}
.cat-header__sub {
color:var(--text-muted);font-size:.85rem;margin:0}
.cat-search {
position:relative;width:100%}
.cat-search__wrap,.catpage-filters__search {
display:flex;align-items:center;background:var(--input-bg);border:1.5px solid var(--input-border);border-radius:var(--radius-pill);padding:.25rem .35rem .25rem 1rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);gap:.35rem}
.cat-search__wrap:focus-within,.catpage-filters__search:focus-within {
border-color:var(--accent);box-shadow:0 0 0 3px rgba(108,92,231,.15)}
.cat-search__icon,.catpage-filters__search>i {
color:var(--text-muted);font-size:.9rem;flex-shrink:0;line-height:1;transition:color var(--transition-fast)}
.cat-search__wrap:focus-within .cat-search__icon,.catpage-filters__search:focus-within>i {
color:var(--accent)}
.cat-search__input,.catpage-filters__search input {
flex:1;min-width:0;background:transparent;border:none;outline:none;box-shadow:none;color:var(--bs-body-color);font-size:.9rem;font-weight:500;padding:.48rem .35rem;line-height:1.35;-webkit-appearance:none;appearance:none}
.cat-search__input::placeholder,.catpage-filters__search input::placeholder {
color:var(--text-muted);opacity:1}
.cat-search__input:focus,.catpage-filters__search input:focus {
background:transparent;box-shadow:none}
.cat-search__sort,.catpage-filters__sort,.cat-filter-select {
-webkit-appearance:none;appearance:none;background-color:var(--input-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236c757d' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .65rem center;background-size:.75rem;border:1px solid var(--input-border);border-radius:var(--radius-pill);color:var(--bs-body-color);font-size:.82rem;font-weight:500;line-height:1.35;min-height:2.25rem;padding:.35rem 2rem .35rem .75rem;cursor:pointer;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-shadow:none;max-width:100%}
[data-bs-theme="dark"] .cat-search__sort,[data-bs-theme="dark"] .catpage-filters__sort,[data-bs-theme="dark"] .cat-filter-select {
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23a3a3a3' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");color-scheme:dark}
.cat-search__sort:focus,.catpage-filters__sort:focus,.cat-filter-select:focus,.cat-search__sort:focus-visible,.catpage-filters__sort:focus-visible,.cat-filter-select:focus-visible {
border-color:var(--accent);box-shadow:0 0 0 3px rgba(108,92,231,.15)}
.cat-search__sort option,.catpage-filters__sort option,.cat-filter-select option {
background:var(--card-bg-solid);color:var(--bs-body-color)}
.cat-search__sort {
max-width:11rem;flex-shrink:0;border-radius:var(--radius-md);font-size:.8rem;min-height:2rem;padding:.3rem 1.75rem .3rem .55rem}
select.catpage-filters__sort[name="category"] {
min-width:min(100%,12rem)}
.catpage-filters__group .catpage-filters__sort {
width:100%;min-width:min(100%,9.5rem)}
.cat-search__clear {
display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;color:var(--text-muted);text-decoration:none;transition:all var(--transition-fast);flex-shrink:0}
.cat-search__clear:hover {
background:var(--hover-bg);color:var(--danger)}
.cat-search__btn {
background:var(--accent-gradient);color:#fff;border:none;border-radius:var(--radius-pill);padding:.5rem 1.25rem;font-weight:600;font-size:.85rem;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0}
.cat-search__btn:hover {
filter:brightness(1.1);transform:translateY(-1px)}
.cat-results-bar {
display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;padding:.65rem 1rem;background:var(--card-bg-solid);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:1.25rem}
.cat-results-bar__info {
display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--bs-body-color)}
.cat-results-bar__info>i {
color:var(--accent)}
.cat-results-bar__count {
background:var(--hover-bg);color:var(--accent);padding:.15rem .55rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600}
.cat-results-bar__reset {
font-size:.82rem;color:var(--text-muted);text-decoration:none;transition:color var(--transition-fast)}
.cat-results-bar__reset:hover {
color:var(--accent)}
.cat-grid {
display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}

@media (max-width:991.98px) {
.cat-grid {
grid-template-columns:repeat(2,1fr)}
}

@media (max-width:575.98px) {
.cat-grid {
grid-template-columns:1fr}
}
.cat-card {
background:var(--card-bg-solid);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}
.cat-card:hover {
border-color:rgba(108,92,231,.25);box-shadow:0 6px 24px rgba(108,92,231,.08);transform:translateY(-2px)}
.cat-card__head {
display:flex;align-items:center;gap:.65rem;padding:.85rem 1rem;text-decoration:none;color:var(--bs-body-color);transition:all var(--transition-fast);border-bottom:1px solid var(--border-color)}
.cat-card__head:hover {
color:var(--accent);background:var(--hover-bg)}
.cat-card__icon {
width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--hover-bg);color:var(--accent);font-size:1rem;flex-shrink:0;transition:all var(--transition-fast)}
.cat-card__icon img {
width:28px;height:28px;object-fit:contain;border-radius:4px}
.cat-card__head:hover .cat-card__icon {
background:var(--accent-gradient);color:#fff}
.cat-card__name {
flex:1;min-width:0;font-weight:700;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cat-card__badge {
flex-shrink:0;font-size:.65rem;font-weight:700;background:var(--hover-bg);color:var(--accent);padding:.2rem .5rem;border-radius:var(--radius-pill)}
.cat-card__arrow {
color:var(--text-muted);font-size:.7rem;opacity:.4;flex-shrink:0;transition:all var(--transition-fast)}
.cat-card__head:hover .cat-card__arrow {
opacity:1;color:var(--accent);transform:translateX(2px)}
.cat-card__children {
padding:.5rem .75rem .65rem;display:flex;flex-direction:column;gap:2px}
.cat-card__child {
display:flex;align-items:center;gap:.3rem;padding:.3rem .5rem;text-decoration:none;color:var(--bs-body-color);font-size:.8rem;border-radius:var(--radius-sm);transition:all var(--transition-fast)}
.cat-card__child:hover {
background:var(--hover-bg);color:var(--accent);padding-left:.75rem}
.cat-card__child-name {
flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cat-card__child-count {
font-size:.6rem;color:var(--text-muted);opacity:.65;flex-shrink:0}
.cat-products-grid {
display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}
.cat-product-card {
background:var(--card-bg-solid);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}
.cat-product-card:hover {
border-color:rgba(108,92,231,.2);box-shadow:0 4px 20px rgba(108,92,231,.08);transform:translateY(-2px)}
.cat-product-card__link {
display:flex;align-items:center;gap:.75rem;padding:.75rem .85rem;text-decoration:none;color:var(--bs-body-color);flex:1;min-width:0}
.cat-product-card__visual {
width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:transparent;color:var(--accent);font-size:1.1rem;flex-shrink:0;transition:transform var(--transition-fast)}
.cat-product-card__visual img {
width:100%;height:100%;object-fit:contain}
.cat-product-card:hover .cat-product-card__visual {
background:transparent;transform:scale(1.04)}
.cat-product-card__body {
flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}
.cat-product-card__title {
font-weight:600;font-size:.85rem;line-height:1.35;transition:color var(--transition-fast);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;word-break:break-word;overflow-wrap:anywhere;max-height:calc(1.35em * 3);text-decoration:none}
.cat-product-card:hover .cat-product-card__title {
color:var(--accent);text-decoration:none}
.cat-product-card__meta {
display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.cat-product-card__stock {
font-size:.7rem;font-weight:600;display:inline-flex;align-items:center;gap:.2rem}
.cat-product-card__stock--ok {
color:var(--success)}
.cat-product-card__stock--no {
color:var(--danger)}
.cat-product-card__cat {
font-size:.68rem;color:var(--text-muted);display:inline-flex;align-items:center;gap:.2rem}
.cat-product-card__price {
font-weight:800;font-size:1rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;flex-shrink:0}
.cat-product-card__buy {
display:flex;align-items:center;justify-content:center;gap:.35rem;width:100%;padding:.5rem;background:transparent;border:none;border-top:1px solid var(--border-color);color:var(--accent);font-weight:600;font-size:.8rem;cursor:pointer;transition:all var(--transition-fast)}
.cat-product-card__buy:hover {
background:var(--accent-gradient);color:#fff}
.cat-empty {
text-align:center;padding:3rem 1rem}
.cat-empty__icon {
font-size:3rem;color:var(--text-muted);opacity:.4;margin-bottom:.75rem}
.cat-empty__title {
font-size:1.15rem;font-weight:700;margin:0 0 .35rem}
.cat-empty__text {
color:var(--text-muted);font-size:.85rem;margin:0 0 1rem}
.cat-breadcrumb {
margin-bottom:.75rem}
.cat-breadcrumb .breadcrumb {
font-size:.82rem;padding:0;margin:0;background:none}
.catpage-hero {
display:flex;align-items:center;gap:1rem;background:var(--card-bg-solid);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:1.25rem 1.5rem;margin-bottom:1rem;position:relative;overflow:hidden}
.catpage-hero::before {
content:'';position:absolute;top:-60%;right:-15%;width:45%;height:220%;background:radial-gradient(ellipse,rgba(108,92,231,.06),transparent 70%);pointer-events:none}
.catpage-hero__icon {
width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:transparent;color:var(--accent);font-size:1.4rem;flex-shrink:0;overflow:hidden}
.catpage-hero__icon img {
width:100%;height:100%;object-fit:contain;background:transparent;border-radius:0}
.cookie-consent {
display:block;position:fixed;bottom:0;left:0;right:0;z-index:1055;background:var(--card-bg,#1e1e2e);border-top:1px solid var(--border-color,rgba(255,255,255,.1));box-shadow:0 -4px 24px rgba(0,0,0,.3);backdrop-filter:blur(12px);font-size:.9rem;animation:cookieSlideUp .4s ease-out}
.cookie-consent-text {
color:var(--text-muted,#b0b0c0);line-height:1.5}
.cookie-consent-link {
color:var(--accent,#6c5ce7);text-decoration:underline;white-space:nowrap}
.cookie-consent-link:hover {
color:var(--accent-light,#a29bfe)}
@keyframes cookieSlideUp {
from {
transform:translateY(100%);opacity:0}
to {
transform:translateY(0);opacity:1}
}
.catpage-hero__info {
flex:1;min-width:0}
.catpage-hero__title {
font-size:1.3rem;font-weight:800;margin:0 0 .2rem;line-height:1.25}
.catpage-hero__stats {
display:flex;gap:.75rem}
.catpage-hero__stat {
font-size:.8rem;color:var(--text-muted);display:inline-flex;align-items:center;gap:.3rem}
.catpage-hero__stat i {
color:var(--accent)}
.catpage-subs {
display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}
.catpage-sub {
display:inline-flex;align-items:center;gap:5px;padding:.3rem .7rem;background:var(--card-bg-solid);border:1px solid var(--border-color);border-radius:var(--radius-pill);font-size:.78rem;font-weight:500;color:var(--bs-body-color);text-decoration:none;transition:all var(--transition-fast)}
.catpage-sub:hover {
border-color:var(--accent);background:var(--hover-bg);color:var(--accent);transform:translateY(-1px)}
.catpage-sub__img {
width:16px;height:16px;object-fit:contain;border-radius:3px}
.catpage-sub__count {
font-size:.65rem;color:var(--text-muted);opacity:.7}
.catpage-filters {
margin-bottom:1.25rem}
.catpage-filters__form {
display:flex;align-items:center;gap:.5rem;background:var(--card-bg-solid);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:.45rem .55rem;flex-wrap:wrap}
.catpage-filters__group {
display:flex;align-items:center;gap:.35rem}
.catpage-filters__group--prices {
gap:.25rem}
.catpage-filters__search {
flex:1;min-width:min(100%,12rem)}
.catpage-filters__price {
display:flex;align-items:center;gap:.25rem;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-pill);padding:.35rem .6rem}
.catpage-filters__price span {
font-size:.72rem;color:var(--text-muted);font-weight:600;text-transform:uppercase}
.catpage-filters__price input {
width:60px;background:none;border:none;outline:none;color:var(--bs-body-color);font-size:.82rem}
.catpage-filters__price input::placeholder {
color:var(--text-muted)}
.catpage-filters__actions {
display:flex;align-items:center;gap:.3rem;margin-left:auto}
.catpage-filters__submit {
background:var(--accent-gradient);color:#fff;border:none;border-radius:var(--radius-pill);padding:.4rem 1rem;font-weight:600;font-size:.82rem;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;display:inline-flex;align-items:center;gap:.3rem}
.catpage-filters__submit:hover {
filter:brightness(1.1);transform:translateY(-1px)}
.catpage-filters__reset {
display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:var(--text-muted);text-decoration:none;transition:all var(--transition-fast)}
.catpage-filters__reset:hover {
background:rgba(214,48,49,.1);color:var(--danger)}
.catpage-attrs {
margin-bottom:1.25rem}
.catpage-attrs__head {
display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:.55rem}
.catpage-attrs__title {
font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0}
.catpage-attrs__clear {
font-size:.78rem;color:var(--accent);text-decoration:none;font-weight:600}
.catpage-attrs__clear:hover {
text-decoration:underline}
.catpage-attrs__chips {
display:flex;flex-wrap:wrap;gap:.5rem}
a.catpage-attr-chip,button.catpage-attr-chip,span.catpage-attr-chip {
display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:var(--radius-pill);font-size:.8rem;font-weight:500;line-height:1.3;border:1px solid var(--border-color);color:inherit;text-decoration:none;max-width:24rem;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}
a.catpage-attr-chip,button.catpage-attr-chip {
background:var(--hover-bg);cursor:pointer}
button.catpage-attr-chip {
font:inherit;text-align:inherit;appearance:none;-webkit-appearance:none}
a.catpage-attr-chip:hover,button.catpage-attr-chip:hover {
border-color:var(--accent);color:var(--accent);background:var(--hover-bg);opacity:.85}
a.catpage-attr-chip.is-active,button.catpage-attr-chip.is-active {
border-color:var(--accent);background:var(--hover-bg);color:var(--accent);font-weight:600}
@supports (background:color-mix(in srgb,red 10%,white)) {
a.catpage-attr-chip.is-active,button.catpage-attr-chip.is-active {
background:color-mix(in srgb,var(--accent) 18%,transparent)}
a.catpage-attr-chip.is-active .catpage-attr-pill,button.catpage-attr-chip.is-active .catpage-attr-pill {
background:color-mix(in srgb,var(--accent) 30%,transparent);color:var(--accent)}
}
span.catpage-attr-chip {
background:var(--hover-bg);cursor:default;user-select:text}
.pdp__chip-k {
color:var(--text-muted);font-weight:400;white-space:nowrap;flex-shrink:0}
.pdp__chip-v {
font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.pdp-attrs__chips.catpage-attrs__chips {
gap:.45rem}
.pdp-attrs__chips .catpage-attr-chip {
max-width:100%;align-items:flex-start;white-space:normal}
.pdp-attrs__chips .pdp__chip-v {
white-space:normal;overflow:visible;text-overflow:unset;word-break:break-word}
.catpage-attr-chip__text {
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:14rem;min-width:0}
a.catpage-attr-chip,button.catpage-attr-chip {
max-width:min(24rem,100%)}
.cart-attrs__chips {
display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.35rem}
.cart-attrs__chips .catpage-attr-chip {
padding:.2rem .5rem;font-size:.68rem;max-width:100%}
.cart-attrs__chips .catpage-attr-chip i {
font-size:.72rem}
.cart-attrs__chips .pdp__chip-k,.cart-attrs__chips .pdp__chip-v {
font-size:inherit;white-space:nowrap}
.cart-attr-chip {
display:inline-block;max-width:100%;padding:.15rem .45rem;border-radius:var(--radius-pill);font-size:.68rem;line-height:1.25;font-weight:500;background:var(--hover-bg);border:1px solid var(--border-color);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cart-drawer__meta .cart-attrs__chips {
margin-top:.25rem;max-width:100%;gap:.25rem}
.cart-drawer__meta .cart-attrs__chips .catpage-attr-chip {
max-width:100%;font-size:.65rem;padding:.15rem .4rem;gap:.25rem;align-items:flex-start;white-space:normal}
.cart-drawer__meta .cart-attrs__chips .catpage-attr-chip i {
font-size:.68rem;flex-shrink:0;margin-top:.1rem}
.cart-drawer__meta .cart-attrs__chips .pdp__chip-k {
flex-shrink:0;white-space:nowrap}
.cart-drawer__meta .cart-attrs__chips .pdp__chip-v {
white-space:normal;overflow:hidden;text-overflow:ellipsis;word-break:break-word;min-width:0}
.cart-drawer__meta .cart-attr-chip {
font-size:.65rem;padding:.12rem .4rem}
body:has(.offcanvas.show) .support-fab,body:has(.offcanvas.showing) .support-fab,body:has(.offcanvas.show) .pdp__mob-bar,body:has(.offcanvas.showing) .pdp__mob-bar,body.offcanvas-panel-open .support-fab,body.offcanvas-panel-open .pdp__mob-bar {
display:none !important;opacity:0 !important;visibility:hidden !important;pointer-events:none !important;transform:translateY(8px) scale(.95);animation:none !important}
body:has(.offcanvas.show) .cookie-consent,body:has(.offcanvas.showing) .cookie-consent,body.offcanvas-panel-open .cookie-consent {
transform:translateY(110%);pointer-events:none;opacity:0;visibility:hidden;transition:transform .25s ease,opacity .2s ease,visibility .2s ease}
body.cart-page .support-fab,body.cart-page .pdp__mob-bar,body:has(.cart-page-root) .support-fab,body:has(.cart-page-root) .pdp__mob-bar {
display:none !important;visibility:hidden !important;pointer-events:none !important;animation:none !important}
.cart-page__header {
display:flex;flex-direction:column;gap:.25rem}
.cart-page__title {
display:inline-flex;align-items:center;gap:.75rem;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700;margin:0;letter-spacing:-.01em}
.cart-page__title-icon {
display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-md);background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent);font-size:1.25rem}
.cart-page__subtitle {
margin:0;color:var(--text-muted);font-size:.9rem;padding-left:3.25rem}
.cart-layout {
display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:1.5rem;align-items:start}

@media (max-width:767.98px) {
.cart-layout {
gap:1rem}
}
.cart-layout__items {
display:flex;flex-direction:column;gap:.85rem;min-width:0}
.cart-card {
display:grid;grid-template-columns:96px minmax(0,1fr) auto minmax(5.5rem,auto) auto;gap:1rem;align-items:center;padding:1rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:border-color var(--transition-base,.2s ease),box-shadow var(--transition-base,.2s ease),transform var(--transition-base,.2s ease),opacity var(--transition-base,.2s ease);position:relative;min-width:0}
.cart-card:hover {
border-color:color-mix(in srgb,var(--accent) 40%,var(--border-color));box-shadow:var(--shadow-md,0 4px 14px rgba(0,0,0,.08))}
.cart-card--removing {
opacity:0;transform:translateX(20px) scale(.98)}
.cart-card__thumb {
width:96px;height:96px;border-radius:var(--radius-md);background:transparent;border:none;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;transition:transform var(--transition-base,.2s ease)}
.cart-card__thumb img {
width:100%;height:100%;object-fit:contain;padding:.25rem;background:transparent}
.cart-card__thumb i {
font-size:2rem;color:var(--text-muted)}
.cart-card:hover .cart-card__thumb {
transform:scale(1.02)}
.cart-card__main {
display:flex;flex-direction:column;gap:.4rem;min-width:0}
.cart-card__head {
display:flex;flex-direction:column;gap:.15rem;min-width:0}
.cart-page a.cart-card__title,.cart-page a.cart-card__thumb {
color:var(--text-primary,inherit);text-decoration:none}
.cart-card__title {
font-weight:600;font-size:1rem;line-height:1.35;transition:color var(--transition-fast,.15s ease)}
.cart-page a.cart-card__title:hover {
color:var(--accent)}
.cart-card__category {
color:var(--text-muted);font-size:.78rem;display:inline-flex;align-items:center}
.cart-card__main .pdp__video-proof {
margin-top:.65rem;margin-bottom:0;padding:.75rem .9rem;font-size:.8rem}
.cart-card__main .pdp__video-proof-title {
font-size:.82rem;margin-bottom:.35rem}
.cart-card__main .pdp__video-proof-text {
font-size:.78rem}
.cart-summary .pdp__video-proof,.cart-summary .pm-video-proof-notice {
margin-bottom:1rem}
.cart-summary__legal {
margin-bottom:1rem;padding:.75rem .85rem;background:var(--hover-bg);border:1px solid var(--border-color);border-radius:var(--radius-md)}
.cart-summary__legal .form-check-label a {
color:var(--accent)}
.cart-summary__legal .form-check-label a:hover {
text-decoration:underline !important}
.cart-legal-ack__link {
text-underline-offset:2px}
.cart-summary__legal.cart-ack--highlight,.pm-video-proof-notice.cart-ack--highlight {
outline:2px solid rgba(253,203,110,.85);outline-offset:2px;animation:videoProofPulse 1.2s ease-in-out 2}
.cart-summary__checkout:disabled {
opacity:.55;cursor:not-allowed}
.pm-video-proof-notice__text {
margin:0;color:inherit;opacity:.92;line-height:1.5}
.cart-card__attrs {
margin-top:.15rem;gap:.4rem}
.cart-page .cart-card__attrs.catpage-attrs__chips {
display:flex;flex-wrap:wrap}
.cart-card__price-line {
display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;margin-top:.15rem;color:var(--text-muted)}
.cart-card__price-label {
color:var(--text-muted)}
.cart-card__unit-price {
font-weight:600;color:var(--text-primary,inherit)}
.cart-card__qty-block,.cart-card__subtotal-block {
display:flex;flex-direction:column;align-items:center;gap:.35rem;min-width:0}
.cart-card__qty-label,.cart-card__subtotal-label {
font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-weight:600}
.cart-card__subtotal {
font-size:1.05rem;font-weight:700;color:var(--accent);min-width:4.5rem;text-align:center;white-space:nowrap}
.cart-qty {
display:inline-flex;align-items:center;background:var(--hover-bg);border:1px solid var(--border-color);border-radius:var(--radius-pill);overflow:hidden}
.cart-qty__btn {
appearance:none;border:0;background:transparent;color:var(--text-primary,inherit);width:2rem;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;transition:background var(--transition-fast,.15s ease),color var(--transition-fast,.15s ease)}
.cart-qty__btn:hover:not(:disabled) {
background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)}
.cart-qty__btn:disabled {
opacity:.35;cursor:not-allowed}
.cart-qty__input {
width:3rem;border:0;background:transparent;color:inherit;font-weight:600;font-size:.9rem;line-height:1;text-align:center;outline:none;padding:.35rem 0;-moz-appearance:textfield;appearance:textfield}
.cart-qty__input::-webkit-outer-spin-button,.cart-qty__input::-webkit-inner-spin-button {
-webkit-appearance:none;margin:0}
.cart-card__remove {
appearance:none;border:1px solid transparent;background:transparent;color:var(--text-muted);width:2.25rem;height:2.25rem;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;transition:background var(--transition-fast,.15s ease),color var(--transition-fast,.15s ease),border-color var(--transition-fast,.15s ease)}
.cart-card__remove:hover {
background:color-mix(in srgb,var(--danger,#d63031) 12%,transparent);color:var(--danger,#d63031);border-color:color-mix(in srgb,var(--danger,#d63031) 30%,transparent)}
.cart-layout__summary {
min-width:0}
.cart-summary {
position:sticky;top:5.5rem;padding:1.25rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm,0 1px 3px rgba(0,0,0,.06))}

@media (max-width:767.98px) {
.cart-summary {
position:static}
}
.cart-summary__title {
font-size:1.05rem;font-weight:700;margin:0 0 1rem;display:inline-flex;align-items:center}
.cart-summary__rows {
display:flex;flex-direction:column;gap:.55rem;margin-bottom:.85rem}
.cart-summary__row {
display:flex;align-items:center;justify-content:space-between;font-size:.9rem}
.cart-summary__row-label {
color:var(--text-muted)}
.cart-summary__row-value {
font-weight:600}
.cart-summary__divider {
height:1px;background:var(--border-color);margin:.5rem 0 .85rem}
.cart-summary__total {
display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.cart-summary__total-label {
color:var(--text-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600}
.cart-summary__total-value {
font-size:1.6rem;font-weight:800;color:var(--accent);line-height:1.1;letter-spacing:-.01em}
.cart-summary__checkout {
font-weight:600;letter-spacing:.01em}
.cart-summary__actions {
display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.75rem}
.cart-summary__action-form {
margin:0;min-width:0}
.cart-summary__action-btn {
width:100%;white-space:normal}
.cart-empty {
text-align:center;padding:clamp(2rem,6vw,4.5rem) 1rem;background:var(--card-bg);border:1px dashed var(--border-color);border-radius:var(--radius-lg)}
.cart-empty__icon {
display:inline-flex;align-items:center;justify-content:center;width:5rem;height:5rem;border-radius:50%;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-size:2.25rem;margin-bottom:1.25rem}
.cart-empty__title {
font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-muted)}

@media (max-width:1099.98px) {
.cart-layout {
grid-template-columns:1fr}
.cart-summary {
position:static}
}

@media (max-width:991.98px) {
.cart-card {
position:relative;grid-template-columns:80px minmax(0,1fr);grid-template-areas:"thumb main" "qty sub";row-gap:.75rem;column-gap:.85rem;padding:.85rem}
.cart-card__thumb {
grid-area:thumb;width:80px;height:80px;align-self:start}
.cart-card__main {
grid-area:main;padding-right:2.5rem}
.cart-card__remove {
position:absolute;top:.85rem;right:.85rem;z-index:1}
.cart-card__qty-block {
grid-area:qty;flex-direction:row;align-items:center;justify-content:flex-start;gap:.65rem;padding-top:.65rem;border-top:1px dashed var(--border-color)}
.cart-card__subtotal-block {
grid-area:sub;flex-direction:row;align-items:baseline;justify-content:flex-end;gap:.35rem;padding-top:.65rem;border-top:1px dashed var(--border-color)}
.cart-card__title {
font-size:.95rem}
.cart-card__qty-label,.cart-card__subtotal-label {
font-size:.62rem}
.cart-card__subtotal {
font-size:1rem}
}

@media (max-width:767.98px) {
.cart-card {
grid-template-columns:72px minmax(0,1fr);padding:.85rem}
.cart-card__thumb {
width:72px;height:72px}
.cart-card__remove {
top:.85rem;right:.85rem}
.cart-page__subtitle {
padding-left:0}
}

@media (max-width:479.98px) {
.cart-card {
grid-template-columns:64px minmax(0,1fr);padding:.75rem;column-gap:.65rem;row-gap:.7rem}
.cart-card__thumb {
width:64px;height:64px}
.cart-card__remove {
top:.75rem;right:.75rem}
.cart-card__title {
font-size:.9rem}
.cart-card__category {
font-size:.72rem}
.cart-card__qty-label,.cart-card__subtotal-label {
font-size:.62rem}
.cart-card__subtotal {
font-size:.95rem}
.cart-card__remove {
width:2rem;height:2rem;font-size:.9rem}
.cart-summary {
padding:1rem}
.cart-summary__total-value {
font-size:1.35rem}
.cart-summary__actions {
grid-template-columns:1fr}
}
.cart-card__attrs.cart-attrs__chips {
max-width:100%}

@media (max-width:767.98px) {
.cart-attrs__chips .catpage-attr-chip {
align-items:flex-start;white-space:normal;flex-wrap:wrap}
.cart-attrs__chips .pdp__chip-k,.cart-attrs__chips .pdp__chip-v {
white-space:normal;overflow:visible;text-overflow:unset;word-break:break-word}
.cart-drawer__meta .cart-attrs__chips .pdp__chip-v {
white-space:normal;word-break:break-word}
}

@media (max-width:575.98px) {
.catpage-attrs__head {
align-items:flex-start;flex-direction:column;gap:.35rem}
a.catpage-attr-chip,button.catpage-attr-chip {
max-width:100%}
.catpage-attr-chip__text {
max-width:none;white-space:normal;overflow:visible;text-overflow:unset;word-break:break-word}
.pdp-attrs__chips .catpage-attr-chip {
width:100%}
}
.catpage-attr-pill {
display:inline-block;min-width:1.35rem;padding:.1rem .35rem;border-radius:var(--radius-pill);font-size:.68rem;font-weight:700;background:var(--hover-bg);opacity:.95}

@media (max-width:767.98px) {
.cat-header__inner {
padding:1rem 1.15rem}
.cat-header__title {
font-size:1.2rem}
.cat-search__btn {
padding:.45rem .85rem;font-size:.8rem}
.catpage-hero {
padding:1rem;gap:.75rem}
.catpage-hero__icon {
width:44px;height:44px;font-size:1.1rem}
.catpage-hero__title {
font-size:1.1rem}
.catpage-filters__form {
flex-direction:column;align-items:stretch;gap:.4rem}
.catpage-filters__group {
width:100%}
.catpage-filters__group--prices {
display:grid;grid-template-columns:1fr 1fr;gap:.35rem}
.catpage-filters__search {
min-width:unset}
.catpage-filters__actions {
margin-left:0;justify-content:flex-end}
.cat-products-grid {
grid-template-columns:1fr}
.catpage-subs {
flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.3rem}
.catpage-subs::-webkit-scrollbar {
display:none}
.catpage-sub {
white-space:nowrap;flex-shrink:0}
}

@media (max-width:575.98px) {
.cat-header__inner {
padding:.85rem .9rem}
.cat-header__title {
font-size:1.05rem}
.cat-header__sub {
font-size:.78rem}
.cat-search__input {
font-size:.82rem}
.cat-search__wrap {
flex-wrap:wrap;padding:.35rem .45rem .35rem .85rem}
.cat-search__sort {
max-width:none;flex:1 1 auto;min-width:7.5rem}
.cat-search__btn {
padding:.4rem .7rem;font-size:.78rem}
.cat-product-card__link {
padding:.6rem .7rem}
.cat-product-card__visual {
width:38px;height:38px}
.cat-product-card__title {
font-size:.8rem}
.cat-product-card__price {
font-size:.9rem}
.cat-product-card__buy {
font-size:.75rem;padding:.4rem}
.catpage-hero__icon {
width:38px;height:38px;font-size:1rem}
.catpage-hero__title {
font-size:.95rem}
.catpage-filters__submit {
font-size:.78rem;padding:.35rem .75rem}
.cat-grid {
gap:.6rem}
.cat-card__head {
padding:.65rem .75rem;gap:.5rem}
.cat-card__icon {
width:32px;height:32px;font-size:.9rem}
.cat-card__name {
font-size:.82rem}
.cat-card__children {
padding:.4rem .55rem .5rem}
.cat-card__child {
font-size:.75rem}
}
.banners-strip {
--banner-width:728px;--banner-height:90px;text-align:center;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem;align-items:start}
.banners-strip .banner-item {
max-width:none;margin:0}
.banners-strip .banner-item img {
max-width:100%}
@media (max-width:767px) {
.banners-strip {
grid-template-columns:1fr}
}
.cat-card>.banners-strip,.home-cat-block>.banners-strip {
padding:.75rem .75rem 0;margin-bottom:0;text-align:center}
.banner-item {
position:relative;max-width:var(--banner-width);margin-left:auto;margin-right:auto}
.banner-item img {
display:block;width:100%;max-width:var(--banner-width);height:auto;aspect-ratio:728/90;object-fit:contain;border-radius:.375rem}
.banner-text {
margin-top:.35rem;font-size:.85rem;color:var(--text-secondary,#adb5bd);line-height:1.3}
.admin-banner-preview-col {
min-width:min(100%,360px);width:34%;vertical-align:middle}
.admin-banner-preview {
position:relative;max-width:var(--banner-width,728px)}
.admin-banner-preview--form {
max-width:100%}
.admin-banner-preview--dimmed {
opacity:.55}
.admin-banner-preview__position {
position:absolute;top:.35rem;right:.35rem;z-index:2;font-size:.65rem;font-weight:600}
.admin-banner-preview__chrome {
display:flex;align-items:center;gap:.35rem;padding:.35rem .5rem;background:var(--bs-tertiary-bg,#2b3035);border:1px solid var(--bs-border-color);border-bottom:0;border-radius:.375rem .375rem 0 0}
.admin-banner-preview__chrome-dot {
width:.45rem;height:.45rem;border-radius:50%;background:var(--bs-secondary-color,#6c757d);opacity:.65}
.admin-banner-preview__chrome-title {
margin-left:auto;font-size:.65rem;color:var(--bs-secondary-color);text-transform:uppercase;letter-spacing:.04em}
.admin-banner-preview__storefront {
padding:.5rem .65rem .65rem;background:var(--bs-body-bg,#212529);border:1px solid var(--bs-border-color);border-radius:0 0 .375rem .375rem}
.banners-preview-mock .admin-banner-preview__slide+.admin-banner-preview__slide {
margin-top:.65rem;padding-top:.65rem;border-top:1px dashed var(--bs-border-color-translucent,rgba(255,255,255,.12))}
.admin-banner-preview__slide {
position:relative;text-align:center}
.admin-banner-preview__lang {
position:absolute;top:0;left:0;z-index:2;font-size:.6rem;font-weight:700;line-height:1;padding:.15rem .35rem;border-radius:0 0 .25rem 0;background:rgba(0,0,0,.55);color:#fff;letter-spacing:.05em}
.admin-banner-preview__banner-link {
display:block;text-decoration:none;color:inherit}
.admin-banner-preview__banner-link:hover img {
opacity:.92}
.admin-banner-preview__viewport {
display:flex;align-items:center;justify-content:center;width:100%;max-width:var(--banner-width,728px);aspect-ratio:728/90;background:rgba(0,0,0,.25);border-radius:.375rem;overflow:hidden}
.admin-banner-preview--form .admin-banner-preview__viewport {
max-width:100%}
.admin-banner-preview__viewport img {
width:100%;height:100%;object-fit:contain;border-radius:.375rem}
.admin-banner-preview__caption {
margin:.35rem 0 0;font-size:.75rem;line-height:1.25;max-height:2.5em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.admin-banner-preview__empty {
display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;min-height:56px;color:var(--bs-secondary-color);font-size:.8rem}
.admin-banner-preview__empty .bi {
font-size:1.75rem;opacity:.5}
.banner-size-preview {
display:block;width:100%;max-width:728px;height:auto;aspect-ratio:728/90;object-fit:contain;margin:0 auto}
.support-fab {
position:fixed;bottom:5rem;right:1.5rem;z-index:1050;display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.2rem;background:linear-gradient(135deg,#0088cc,#00aced);color:#fff !important;text-decoration:none !important;border-radius:var(--radius-pill,50rem);box-shadow:0 4px 20px rgba(0,136,204,.35);font-weight:600;font-size:.9rem;opacity:1;visibility:visible;transition:opacity .2s ease,transform .2s ease,visibility 0s linear 0s,box-shadow .25s ease,background .25s ease;animation:supportFabIn .5s ease-out}
.support-fab:hover {
background:linear-gradient(135deg,#006da8,#0088cc);box-shadow:0 6px 28px rgba(0,136,204,.5);transform:translateY(-2px);color:#fff !important}
.support-fab i {
font-size:1.3rem;line-height:1}

@media (max-width:575.98px) {
.support-fab {
padding:.55rem 1rem;font-size:.82rem;bottom:20%;right:0;transform:translateY(20%);border-radius:var(--radius-pill,50rem) 0 0 var(--radius-pill,50rem)}
.support-fab:hover {
transform:translateY(20%)}
.support-fab i {
font-size:1.2rem}
.support-fab__label {
display:inline}
}
@keyframes supportFabIn {
from {
opacity:0;transform:translateY(20px) scale(.9)}
to {
opacity:1;transform:translateY(0) scale(1)}
}
.order-view-content-pre {
display:block;max-height:70vh;overflow:auto;white-space:pre-wrap;word-break:break-word;font-size:0.8125rem;line-height:1.5;margin-bottom:0;padding:1rem;background:var(--bs-tertiary-bg,#f1f3f5);color:var(--bs-body-color);border:none;border-radius:0}
[data-bs-theme="dark"] .order-view-content-pre {
background:#0d1117;color:#ffffff}
.order-item-preview {
max-height:12rem;overflow:auto;white-space:pre-wrap;word-break:break-word;font-size:0.8125rem;line-height:1.45}
/* Order delivery / issuance page */
body.order-delivery-page-root .main-content {
padding-top:0.35rem;padding-bottom:max(1.75rem,env(safe-area-inset-bottom,0px))}
.order-delivery {
--od-gap:1.25rem;--od-pad:clamp(0.65rem,3vw,1.25rem);max-width:1100px;margin:0 auto;padding:0 var(--od-pad)}
.order-delivery__breadcrumb {
margin-bottom:1rem}
.order-delivery__paid-banner {
display:flex;align-items:center;gap:0.85rem;padding:0.9rem 1.15rem;margin-bottom:var(--od-gap);border-radius:var(--radius-lg);border:1px solid rgba(0,184,148,0.35);background:linear-gradient(135deg,rgba(0,184,148,0.12),rgba(108,92,231,0.08));box-shadow:var(--shadow-sm)}
.order-delivery__paid-banner-icon {
width:2.5rem;height:2.5rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.25rem;background:rgba(0,184,148,0.18);color:var(--success);flex-shrink:0}
.order-delivery__paid-banner-text {
flex:1;min-width:0;display:flex;flex-direction:column;gap:0.15rem}
.order-delivery__paid-banner-text strong {
font-size:0.95rem;font-weight:700}
.order-delivery__paid-banner-text span {
font-size:0.82rem;color:var(--text-muted)}
.order-delivery__paid-banner-check {
font-size:1.35rem;color:var(--success);flex-shrink:0}
.order-delivery__guest-tip {
display:flex;flex-wrap:wrap;align-items:flex-start;gap:0.85rem 1rem;padding:1rem 1.15rem;margin-bottom:var(--od-gap);border-radius:var(--radius-lg)}
.order-delivery__guest-tip-icon {
width:2.35rem;height:2.35rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.15rem;background:rgba(108,92,231,0.15);color:var(--accent);flex-shrink:0}
.order-delivery__guest-tip-body {
flex:1;min-width:12rem}
.order-delivery__guest-tip-body strong {
display:block;font-size:0.9rem;margin-bottom:0.25rem}
.order-delivery__guest-tip-body p {
font-size:0.82rem;color:var(--text-muted);line-height:1.45}
.order-delivery__guest-tip-email {
font-weight:600;color:var(--text-primary)}
.order-delivery__guest-tip-actions {
display:flex;flex-wrap:wrap;gap:0.45rem;width:100%}
@media (min-width:768px) {
.order-delivery__guest-tip-actions {
width:auto;margin-left:auto;flex-shrink:0}
}
.order-delivery__guest-tip-actions .btn.is-copied {
border-color:var(--success);color:var(--success)}
.order-delivery__hero {
position:relative;border-radius:var(--radius-xl);overflow:hidden;margin-bottom:var(--od-gap);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}
.order-delivery__hero-glow {
position:absolute;inset:0;pointer-events:none;opacity:0.9}
.order-delivery__hero--success .order-delivery__hero-glow {
background:radial-gradient(ellipse 80% 120% at 10% 50%,rgba(0,184,148,0.28),transparent 55%),radial-gradient(ellipse 60% 80% at 90% 20%,rgba(108,92,231,0.14),transparent 50%)}
.order-delivery__hero--processing .order-delivery__hero-glow {
background:radial-gradient(ellipse 70% 100% at 20% 50%,rgba(108,92,231,0.28),transparent 60%),radial-gradient(ellipse 50% 70% at 85% 30%,rgba(162,155,254,0.15),transparent 50%)}
.order-delivery__hero--neutral .order-delivery__hero-glow {
background:radial-gradient(ellipse 70% 100% at 15% 50%,rgba(108,92,231,0.12),transparent 55%)}
.order-delivery__hero--danger .order-delivery__hero-glow {
background:radial-gradient(ellipse 70% 100% at 15% 50%,rgba(214,48,49,0.22),transparent 55%),radial-gradient(ellipse 50% 70% at 85% 30%,rgba(214,48,49,0.1),transparent 50%)}
.order-delivery__hero-inner {
position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.25rem;padding:1.35rem 1.5rem;background:var(--card-bg)}
.order-delivery__hero-icon {
width:3.25rem;height:3.25rem;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.65rem;flex-shrink:0}
.order-delivery__hero--success .order-delivery__hero-icon {
background:rgba(0,184,148,0.15);color:var(--success,#00b894)}
.order-delivery__hero--processing .order-delivery__hero-icon {
background:rgba(108,92,231,0.18);color:var(--accent,#6c5ce7);animation:order-delivery-pulse 2s ease-in-out infinite}
.order-delivery__hero--neutral .order-delivery__hero-icon {
background:var(--hover-bg);color:var(--accent)}
.order-delivery__hero--danger .order-delivery__hero-icon {
background:rgba(214,48,49,0.14);color:var(--danger,#d63031)}
.order-delivery__hero-text {
flex:1;min-width:12rem}
.order-delivery__hero-title {
font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:800;letter-spacing:-0.03em;margin:0 0 0.25rem;line-height:1.2}
.order-delivery__hero-sub {
font-size:0.9rem;color:var(--text-muted);max-width:36rem}
.order-delivery__hero-action {
margin-top:0.85rem}
.order-delivery__hero-badge {
display:flex;flex-direction:column;align-items:flex-end;gap:0.45rem;margin-left:auto}
.order-delivery__order-num {
font-size:0.8rem;font-weight:600;color:var(--text-muted);font-variant-numeric:tabular-nums}
.order-delivery__grid {
display:grid;grid-template-columns:minmax(240px,300px) 1fr;gap:var(--od-gap);align-items:start}
.order-delivery__summary {
padding:1.15rem 1.25rem;border-radius:var(--radius-lg)}
.order-delivery__summary-title {
font-size:0.85rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;color:var(--text-muted);margin:0 0 1rem;display:flex;align-items:center;gap:0.4rem}
.order-delivery__summary-title .bi {
color:var(--accent)}
.order-delivery__meta {
margin:0;display:flex;flex-direction:column;gap:0.65rem}
.order-delivery__meta-row {
display:flex;justify-content:space-between;align-items:flex-start;gap:0.75rem;font-size:0.875rem}
.order-delivery__meta-row dt {
margin:0;font-weight:500;color:var(--text-muted);flex-shrink:0}
.order-delivery__meta-row dd {
margin:0;text-align:right;font-weight:600}
.order-delivery__meta-amount {
font-size:1.05rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.order-delivery__meta-email {
word-break:break-all;font-weight:500;font-size:0.8rem}
.order-delivery__progress-panel,.order-delivery__progress-banner {
margin-top:var(--od-gap)}
.order-delivery__progress-panel .order-delivery-progress,.order-delivery__progress-banner .order-delivery-progress {
border-color:rgba(108,92,231,0.2);box-shadow:var(--shadow-md)}
.order-delivery__main-panel {
padding:1.15rem 1.2rem 1.25rem;border-radius:var(--radius-xl);margin-bottom:0}
.order-delivery__fulfillment {
margin-bottom:1.1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}
.order-delivery-fulfillment__head {
display:flex;align-items:center;justify-content:space-between;gap:0.75rem;margin-bottom:0.7rem}
.order-delivery-fulfillment__label {
font-size:0.84rem;font-weight:700;display:inline-flex;align-items:center;gap:0.4rem;color:var(--bs-body-color)}
.order-delivery-fulfillment__label .bi {
color:var(--accent)}
.order-delivery-fulfillment__count {
font-size:0.8rem;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums;padding:0.2rem 0.55rem;border-radius:var(--radius-pill);background:rgba(108,92,231,0.12)}
.order-delivery__progress-banner {
margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}
.order-delivery--guest .order-delivery-item__btn.btn-success {
box-shadow:0 4px 14px rgba(0,184,148,0.25)}
.order-delivery__main-head {
display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0.75rem;margin-bottom:1rem}
.order-delivery__section-title {
font-size:1.1rem;font-weight:700;margin:0;display:flex;align-items:center;gap:0.45rem}
.order-delivery__section-title .bi {
color:var(--accent)}
.order-delivery-badge {
display:inline-flex;align-items:center;justify-content:center;gap:0.35rem;font-size:0.75rem;font-weight:600;line-height:1;min-height:1.625rem;padding:0.35rem 0.65rem;border-radius:var(--radius-pill);white-space:nowrap;flex-shrink:0}
.order-delivery-badge .bi {
display:flex;align-items:center;justify-content:center;font-size:0.8rem;line-height:1;width:1em;height:1em;flex-shrink:0}
.order-delivery-badge__text {
display:inline-flex;align-items:center;line-height:1}
.order-delivery-badge--ready {
background:rgba(0,184,148,0.12);color:var(--success,#00b894)}
.order-delivery-badge--waiting {
background:rgba(108,92,231,0.12);color:var(--accent,#6c5ce7)}
.order-delivery-badge--refresh {
background:rgba(253,203,110,0.2);color:#b8860b}
.order-delivery-badge--empty {
background:var(--hover-bg);color:var(--text-muted)}
.order-delivery__main-head .order-delivery-badge {
font-size:0.8rem;padding:0.35rem 0.75rem}
.order-delivery__items {
display:flex;flex-direction:column;gap:0.85rem}
.order-delivery-item {
display:grid;grid-template-columns:auto 1fr;gap:1rem;padding:1.1rem 1.2rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:border-color var(--transition-base),box-shadow var(--transition-base)}
.order-delivery-item:hover {
border-color:rgba(108,92,231,0.25);box-shadow:var(--shadow-md)}
.order-delivery-item--ready {
border-color:rgba(0,184,148,0.25)}
.order-delivery-item--waiting {
border-color:rgba(108,92,231,0.2)}
.order-delivery-item__media {
width:3.5rem;height:3.5rem;border-radius:var(--radius-md);overflow:hidden;background:transparent;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.order-delivery-item__media img {
width:100%;height:100%;object-fit:contain;background:transparent}
.order-delivery-item__placeholder {
font-size:1.4rem;color:var(--text-muted)}
.order-delivery-item__body {
min-width:0;display:flex;flex-direction:column;gap:0.85rem}
.order-delivery-item__top {
display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0.5rem 1rem}
.order-delivery-item__info {
flex:1;min-width:0}
.order-delivery-item__title {
font-weight:600;font-size:0.95rem;color:var(--bs-body-color);text-decoration:none;line-height:1.35}
a.order-delivery-item__title {
text-decoration:none}
a.order-delivery-item__title:hover {
color:var(--accent);text-decoration:none}
.order-delivery-item__meta-line {
font-size:0.8rem;color:var(--text-muted);margin-top:0.2rem}
.order-delivery-item__top .order-delivery-badge {
align-self:center}
.order-delivery-item__actions {
display:flex;flex-wrap:wrap;gap:0.5rem;align-items:center}
.order-delivery-item__btn {
display:inline-flex;align-items:center;gap:0.4rem;font-weight:600;font-size:0.85rem;padding:0.45rem 1rem;border-radius:var(--radius-pill)}
.order-delivery-item__btn .bi {
font-size:1rem}
@keyframes order-delivery-pulse {
0%,100% { opacity:0.45;transform:scale(0.9) }
50% { opacity:1;transform:scale(1) }
}

@media (max-width:991.98px) {
.order-delivery__grid {
grid-template-columns:1fr}
.order-delivery__hero-badge {
width:100%;flex-direction:row;align-items:center;justify-content:space-between;margin-left:0}
.order-delivery__aside {
order:2}
.order-delivery__main {
order:1}
.order-delivery__guest-tip {
flex-direction:column}
.order-delivery__guest-tip-actions {
width:100%}
.order-delivery__guest-tip-actions .btn {
flex:1;justify-content:center}
}
@media (max-width:575.98px) {
.order-delivery-item {
grid-template-columns:1fr;padding:1rem}
.order-delivery-item__media {
width:2.75rem;height:2.75rem}
.order-delivery-item__top {
flex-direction:column;align-items:stretch}
.order-delivery-item__top .order-delivery-badge {
align-self:flex-start;margin-top:0.15rem}
.order-delivery-item__actions .btn {
flex:1;min-width:calc(50% - 0.25rem);justify-content:center}
}

.order-delivery-progress {
padding:1.35rem 1.4rem;border-radius:var(--radius-xl);background:linear-gradient(160deg,var(--card-bg-solid) 0%,var(--card-bg) 100%);border:1px solid rgba(108,92,231,0.22);box-shadow:var(--shadow-md),0 0 32px rgba(108,92,231,0.08);position:relative;overflow:hidden}
.order-delivery-progress::before {
content:'';position:absolute;top:-40%;right:-8%;width:42%;height:160%;background:radial-gradient(ellipse,rgba(108,92,231,0.12),transparent 68%);pointer-events:none}
.order-delivery-progress__head {
position:relative;display:flex;align-items:center;justify-content:space-between;gap:0.75rem;margin-bottom:1rem}
.order-delivery-progress__title {
font-size:0.95rem;font-weight:700;color:var(--bs-body-color);display:inline-flex;align-items:center;gap:0.55rem}
.order-delivery-progress__title-icon {
width:2rem;height:2rem;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;background:rgba(108,92,231,0.14);color:var(--accent);flex-shrink:0}
.order-delivery-progress__title-icon .bi {
font-size:1rem;line-height:1}
.order-delivery-progress__pct {
font-size:0.8rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--accent);flex-shrink:0;padding:0.3rem 0.7rem;border-radius:var(--radius-pill);background:rgba(108,92,231,0.14);border:1px solid rgba(108,92,231,0.22);box-shadow:0 0 12px rgba(108,92,231,0.15)}
.order-delivery-progress--done .order-delivery-progress__pct {
color:var(--success);background:rgba(0,184,148,0.12);border-color:rgba(0,184,148,0.28);box-shadow:0 0 12px rgba(0,184,148,0.2)}
.order-delivery-progress__track-wrap {
position:relative;display:flex;flex-direction:column;gap:0}
.order-delivery-progress__track {
height:0.72rem;border-radius:var(--radius-pill);background:var(--input-bg);border:1px solid var(--border-color);overflow:hidden;box-shadow:inset 0 2px 6px rgba(0,0,0,0.08)}
.order-delivery-progress__bar {
height:100%;width:0;min-width:0;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--accent-dark,#5641d4) 0%,var(--accent,#6c5ce7) 42%,var(--accent-light,#a29bfe) 100%);transition:width 0.45s cubic-bezier(0.4,0,0.2,1);position:relative;box-shadow:0 0 18px rgba(108,92,231,0.5)}
.order-delivery-progress__bar::after {
content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.45),transparent);animation:order-delivery-progress-shine 1.8s ease-in-out infinite}
.order-delivery-progress--done .order-delivery-progress__bar {
background:linear-gradient(90deg,#00a884,var(--success,#00b894),var(--success-light,#55efc4));box-shadow:0 0 16px rgba(0,184,148,0.4)}
.order-delivery-progress--done .order-delivery-progress__bar::after {
animation:none}
.order-delivery-progress__steps {
display:grid;grid-template-columns:repeat(3,1fr);gap:0.35rem;margin:1.05rem 0 0;padding:0;list-style:none;position:relative}
.order-delivery-progress__steps::before {
content:'';position:absolute;top:0.72rem;left:18%;right:18%;height:2px;background:var(--border-color);border-radius:var(--radius-pill);z-index:0}
.order-delivery-progress__step {
position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:0.45rem;text-align:center}
.order-delivery-progress__step-dot {
display:flex;align-items:center;justify-content:center;width:1.45rem;height:1.45rem;border-radius:50%;background:var(--card-bg-solid);border:2px solid var(--border-color);transition:all var(--transition-base);box-sizing:border-box}
.order-delivery-progress__step.is-done .order-delivery-progress__step-dot {
background:var(--success);border-color:var(--success);box-shadow:0 0 0 4px rgba(0,184,148,0.18)}
.order-delivery-progress__step.is-done .order-delivery-progress__step-dot::after {
content:'';display:block;width:0.35rem;height:0.62rem;margin-top:-0.12rem;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.order-delivery-progress__step.is-active .order-delivery-progress__step-dot {
border-color:var(--accent);box-shadow:0 0 0 4px rgba(108,92,231,0.22)}
.order-delivery-progress__step.is-active .order-delivery-progress__step-dot::before {
content:'';display:block;width:0.5rem;height:0.5rem;border-radius:50%;background:var(--accent);animation:order-delivery-pulse 1.4s ease-in-out infinite}
.order-delivery-progress__step-label {
font-size:0.68rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;color:var(--text-muted);line-height:1.25;max-width:100%}
.order-delivery-progress__step.is-active .order-delivery-progress__step-label {
color:var(--accent)}
.order-delivery-progress__step.is-done .order-delivery-progress__step-label {
color:var(--success)}
.order-delivery-progress__hint {
position:relative;margin-top:0.85rem;padding-top:0.85rem;border-top:1px dashed var(--border-color);font-size:0.84rem;color:var(--text-muted);line-height:1.5}
.order-delivery-progress--compact {
padding:0.9rem 1rem}
.order-delivery-progress--compact .order-delivery-progress__title {
font-size:0.84rem}
.order-delivery-progress--compact .order-delivery-progress__title-icon {
width:1.65rem;height:1.65rem}
.order-delivery-progress--compact .order-delivery-progress__hint {
font-size:0.76rem;margin-top:0.65rem;padding-top:0.65rem}
.order-delivery-progress--compact .order-delivery-progress__track {
height:0.5rem}
.order-delivery-progress--compact .order-delivery-progress__steps {
display:none}
@keyframes order-delivery-progress-shine {
0% { transform:translateX(-100%) }
100% { transform:translateX(100%) }
}

/* Account orders list */
body.orders-page-root .main-content {
padding-bottom:max(1.75rem,env(safe-area-inset-bottom,0px))}
.orders-page {
--op-gap:1rem;--op-pad:clamp(0.65rem,3vw,1.25rem);max-width:820px;margin:0 auto;padding:0 var(--op-pad)}
.orders-page__hero {
position:relative;border-radius:var(--radius-xl);overflow:hidden;margin-bottom:var(--op-gap);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}
.orders-page__hero-glow {
position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 75% 110% at 15% 50%,rgba(108,92,231,0.24),transparent 55%)}
.orders-page__hero-inner {
position:relative;display:flex;align-items:center;gap:1rem;padding:1.2rem 1.35rem;background:var(--card-bg)}
.orders-page__hero-icon {
width:3rem;height:3rem;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:rgba(108,92,231,0.18);color:var(--accent);flex-shrink:0}
.orders-page__hero-title {
font-size:clamp(1.15rem,2.5vw,1.4rem);font-weight:800;margin:0 0 0.2rem;letter-spacing:-0.02em}
.orders-page__hero-sub {
font-size:0.88rem;color:var(--text-muted);margin:0}
.orders-page__empty {
text-align:center;padding:2.5rem 1.5rem;background:var(--card-bg);border:1px dashed var(--border-color);border-radius:var(--radius-lg)}
.orders-page__empty .bi {
font-size:2.5rem;color:var(--text-muted);opacity:0.45;display:block;margin-bottom:0.75rem}
.orders-page__empty p {
color:var(--text-muted);margin-bottom:1rem}
.orders-page__list {
display:flex;flex-direction:column;gap:0.75rem}
.orders-page__list--compact {
gap:0.65rem;padding:0.75rem}
.orders-page__list--compact .orders-card {
padding:0.9rem 1rem;box-shadow:none}
.orders-page__list--compact .orders-card__btn {
font-size:0.82rem;padding:0.35rem 0.85rem}
.orders-page__pagination {
margin-top:1.25rem;display:flex;justify-content:center}
.orders-card {
display:flex;flex-wrap:wrap;align-items:stretch;gap:1rem;padding:1.1rem 1.15rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--transition-base),box-shadow var(--transition-base)}
.orders-card:hover {
border-color:rgba(108,92,231,0.28);box-shadow:var(--shadow-md)}
.orders-card--success {
border-color:rgba(0,184,148,0.22)}
.orders-card--processing {
border-color:rgba(108,92,231,0.2)}
.orders-card--warning {
border-color:rgba(253,203,110,0.35)}
.orders-card--danger {
border-color:rgba(214,48,49,0.25)}
.orders-card__main {
flex:1;min-width:min(100%,16rem);display:flex;flex-direction:column;gap:0.75rem}
.orders-card__head {
display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0.5rem}
.orders-card__number {
font-weight:700;font-size:0.95rem;color:var(--text-primary);text-decoration:none;display:inline-flex;align-items:center;gap:0.4rem}
.orders-card__number .bi {
color:var(--accent)}
.orders-card__number:hover {
color:var(--accent);text-decoration:none}
.orders-card__meta {
display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:0.5rem 1rem}
.orders-card__amount {
font-size:1.1rem;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-variant-numeric:tabular-nums}
.orders-card__date {
font-size:0.8rem;color:var(--text-muted);display:inline-flex;align-items:center;gap:0.3rem}
.orders-card__actions {
display:flex;align-items:center;flex-shrink:0}
.orders-card__btn {
display:inline-flex;align-items:center;gap:0.35rem;font-weight:600;border-radius:var(--radius-pill);white-space:nowrap}
.order-progress {
--order-progress-pct:0%}
.order-progress__track {
height:0.55rem;border-radius:var(--radius-pill);background:var(--input-bg);border:1px solid var(--border-color);overflow:hidden;box-shadow:inset 0 1px 4px rgba(0,0,0,0.06)}
.order-progress__bar {
height:100%;width:var(--order-progress-pct,0%);border-radius:var(--radius-pill);transition:width 0.45s cubic-bezier(0.4,0,0.2,1);background:linear-gradient(90deg,var(--accent-dark),var(--accent) 45%,var(--accent-light));box-shadow:0 0 12px rgba(108,92,231,0.35)}
.order-progress--success .order-progress__bar {
background:linear-gradient(90deg,#00a884,var(--success),var(--success-light));box-shadow:0 0 12px rgba(0,184,148,0.3)}
.order-progress--processing .order-progress__bar {
background:linear-gradient(90deg,var(--accent-dark),var(--accent),var(--accent-light));box-shadow:0 0 12px rgba(108,92,231,0.35)}
.order-progress--warning .order-progress__bar {
background:linear-gradient(90deg,#e17055,#fdcb6e,#ffeaa7);box-shadow:0 0 10px rgba(253,203,110,0.25)}
.order-progress--danger .order-progress__bar {
background:linear-gradient(90deg,#c0392b,var(--danger),#e17055);box-shadow:0 0 10px rgba(214,48,49,0.25)}
.order-progress--neutral .order-progress__bar {
background:linear-gradient(90deg,var(--border-color),var(--text-muted));box-shadow:none}
.order-progress__steps {
display:grid;grid-template-columns:repeat(3,1fr);gap:0.3rem;margin:0.75rem 0 0;padding:0;list-style:none;position:relative}
.order-progress__steps::before {
content:'';position:absolute;top:0.58rem;left:16%;right:16%;height:2px;background:var(--border-color);border-radius:var(--radius-pill);z-index:0}
.order-progress__step {
position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:0.35rem;min-width:0;text-align:center}
.order-progress__dot {
display:flex;align-items:center;justify-content:center;width:1.2rem;height:1.2rem;border-radius:50%;background:var(--card-bg-solid);border:2px solid var(--border-color);transition:all var(--transition-fast);box-sizing:border-box}
.order-progress__step.is-done .order-progress__dot {
background:var(--success);border-color:var(--success);box-shadow:0 0 0 3px rgba(0,184,148,0.18)}
.order-progress__step.is-done .order-progress__dot::after {
content:'';display:block;width:0.3rem;height:0.55rem;margin-top:-0.1rem;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.order-progress__step.is-active .order-progress__dot {
border-color:var(--accent);box-shadow:0 0 0 3px rgba(108,92,231,0.2)}
.order-progress__step.is-active .order-progress__dot::before {
content:'';display:block;width:0.42rem;height:0.42rem;border-radius:50%;background:var(--accent)}
.order-progress--success .order-progress__step.is-active .order-progress__dot,.order-progress--success .order-progress__step.is-done .order-progress__dot {
background:var(--success);border-color:var(--success);box-shadow:0 0 0 3px rgba(0,184,148,0.18)}
.order-progress--success .order-progress__step.is-active .order-progress__dot::before {
background:#fff}
.order-progress--danger .order-progress__step.is-done .order-progress__dot,.order-progress--danger .order-progress__step.is-active .order-progress__dot {
background:var(--danger);border-color:var(--danger);box-shadow:0 0 0 3px rgba(214,48,49,0.2)}
.order-progress--danger .order-progress__step.is-active .order-progress__dot::before {
background:#fff}
.order-progress__label {
font-size:0.64rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;color:var(--text-muted);line-height:1.25;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.order-progress__step.is-active .order-progress__label {
color:var(--accent)}
.order-progress__step.is-done .order-progress__label {
color:var(--success)}
.order-progress--success .order-progress__step.is-active .order-progress__label,.order-progress--success .order-progress__step.is-done .order-progress__label {
color:var(--success)}
.order-progress--danger .order-progress__step.is-active .order-progress__label {
color:var(--danger)}
.order-delivery-fulfillment .order-progress {
margin-top:0.15rem}

@media (max-width:575.98px) {
.orders-card {
flex-direction:column;padding:1rem}
.orders-card__actions {
width:100%}
.orders-card__btn {
width:100%;justify-content:center}
.order-progress__label,.order-delivery-progress__step-label {
font-size:0.58rem}
.order-delivery-progress__step-dot {
width:1.25rem;height:1.25rem}
}

/* Checkout payment page */
body.checkout-page-root .main-content {
padding-top:0.35rem;padding-bottom:max(1.75rem,env(safe-area-inset-bottom,0px))}
.checkout-page {
--co-gap:1.25rem;--co-pad:clamp(0.65rem,3vw,1.25rem);max-width:1140px;margin:0 auto;padding:0 var(--co-pad)}
.checkout-page__hero {
position:relative;border-radius:var(--radius-xl);overflow:hidden;margin-bottom:var(--co-gap);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}
.checkout-page__hero-glow {
position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 75% 110% at 15% 50%,rgba(108,92,231,0.26),transparent 55%),radial-gradient(ellipse 55% 80% at 88% 25%,rgba(162,155,254,0.14),transparent 50%)}
.checkout-page__hero-inner {
position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.25rem;padding:clamp(1rem,3vw,1.35rem) clamp(1rem,3vw,1.5rem);background:var(--card-bg)}
.checkout-page__hero-icon {
width:3.25rem;height:3.25rem;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.65rem;background:rgba(108,92,231,0.18);color:var(--accent);flex-shrink:0}
.checkout-page__hero-text {
flex:1;min-width:min(100%,12rem)}
.checkout-page__hero-title {
font-size:clamp(1.15rem,2.5vw,1.5rem);font-weight:800;letter-spacing:-0.03em;margin:0 0 0.25rem;line-height:1.2}
.checkout-page__hero-sub {
font-size:0.9rem;color:var(--text-muted);max-width:34rem}
.checkout-page__hero-badge {
display:flex;flex-direction:column;align-items:flex-end;gap:0.45rem;margin-left:auto}
.checkout-page__order-num {
font-size:0.8rem;font-weight:600;color:var(--text-muted);font-variant-numeric:tabular-nums}
.checkout-page__grid {
display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:var(--co-gap);align-items:start}
.checkout-page__main {
display:flex;flex-direction:column;gap:var(--co-gap);min-width:0}
.checkout-page__panel {
padding:1.1rem 1.15rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
.checkout-page__panel--timeline {
padding-bottom:1rem}
.checkout-page__section-title {
font-size:1.05rem;font-weight:700;margin:0 0 0.85rem;display:flex;align-items:center;gap:0.45rem}
.checkout-page__section-title .bi {
color:var(--accent)}
.checkout-page__section-count {
display:inline-flex;align-items:center;justify-content:center;min-width:1.35rem;height:1.35rem;padding:0 0.35rem;font-size:0.72rem;font-weight:700;border-radius:var(--radius-pill);background:var(--hover-bg);color:var(--text-muted)}
.checkout-page__items {
display:flex;flex-direction:column;gap:0.65rem}
.checkout-page__items--scroll {
max-height:min(22rem,52vh);overflow-y:auto;padding-right:0.15rem;scrollbar-gutter:stable}
.checkout-page__items--scroll::-webkit-scrollbar {
width:6px}
.checkout-page__items--scroll::-webkit-scrollbar-thumb {
background:var(--border-color);border-radius:3px}
.checkout-item {
display:grid;grid-template-columns:auto 1fr auto;gap:0.85rem 1rem;align-items:center;padding:0.85rem 1rem;background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color var(--transition-base),box-shadow var(--transition-base)}
.checkout-item:hover {
border-color:rgba(108,92,231,0.28);box-shadow:var(--shadow-sm)}
.checkout-item__media {
width:3rem;height:3rem;border-radius:var(--radius-md);overflow:hidden;background:transparent;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.checkout-item__media img {
width:100%;height:100%;object-fit:contain;background:transparent}
.checkout-item__placeholder {
font-size:1.25rem;color:var(--text-muted)}
.checkout-item__body {
min-width:0;display:flex;flex-direction:column;gap:0.15rem}
.checkout-item__title {
font-weight:600;font-size:0.92rem;line-height:1.35;overflow-wrap:anywhere}
.checkout-item__meta {
font-size:0.78rem;color:var(--text-muted)}
.checkout-item__sum {
font-weight:700;font-size:0.95rem;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--accent)}
.checkout-timeline {
display:flex;flex-direction:column;gap:0}
.checkout-timeline__item {
display:grid;grid-template-columns:auto 1fr;gap:0.85rem 1rem;padding-bottom:1.15rem;position:relative}
.checkout-timeline__item:last-child {
padding-bottom:0}
.checkout-timeline__item:not(:last-child)::after {
content:'';position:absolute;left:0.72rem;top:1.75rem;bottom:0;width:2px;background:var(--border-color);transform:translateX(-50%)}
.checkout-timeline__item.is-done:not(:last-child)::after {
background:linear-gradient(180deg,var(--accent) 0%,var(--border-color) 100%)}
.checkout-timeline__item.is-done[data-status="paid"]:not(:last-child)::after,.checkout-timeline__item.is-done[data-status="completed"]:not(:last-child)::after {
background:var(--success)}
.checkout-timeline__marker {
width:1.45rem;height:1.45rem;border-radius:50%;border:2px solid var(--border-color);background:var(--input-bg);flex-shrink:0;position:relative;z-index:1;transition:all var(--transition-base)}
.checkout-timeline__item.is-done .checkout-timeline__marker {
background:var(--success);border-color:var(--success);box-shadow:0 0 0 3px rgba(0,184,148,0.15)}
.checkout-timeline__item.active .checkout-timeline__marker {
background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 3px rgba(108,92,231,0.2)}
.checkout-timeline__item.is-done:not(.active) .checkout-timeline__marker {
background:var(--success);border-color:var(--success)}
.checkout-timeline__title {
font-size:0.9rem;font-weight:600;margin:0 0 0.15rem}
.checkout-timeline__text {
font-size:0.8rem;color:var(--text-muted);line-height:1.45}
.checkout-page__aside {
position:relative;min-width:0}
.checkout-pay {
border-radius:var(--radius-xl);overflow:hidden;position:sticky;top:calc(var(--navbar-height,4rem) + 0.75rem);border:1px solid var(--border-color);box-shadow:var(--shadow-md)}
.checkout-pay__head {
padding:1.15rem 1.2rem;background:var(--accent-gradient);color:#fff}
.checkout-pay__title {
font-size:1rem;font-weight:700;margin:0 0 0.75rem;display:flex;align-items:center;gap:0.4rem}
.checkout-pay__total {
display:flex;align-items:baseline;justify-content:space-between;gap:0.75rem;flex-wrap:wrap}
.checkout-pay__total-label {
font-size:0.85rem;opacity:0.9}
.checkout-pay__total-value {
font-size:clamp(1.25rem,4vw,1.5rem);font-weight:800;letter-spacing:-0.02em;font-variant-numeric:tabular-nums}
.checkout-pay__alert {
margin:1rem 1.2rem 0;border-radius:var(--radius-md)}
.checkout-pay__body {
padding:1rem 1.2rem}
.checkout-pay__label {
display:block;font-size:0.78rem;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;color:var(--text-muted);margin-bottom:0.5rem}
.checkout-pay__method-group {
display:grid;grid-template-columns:1fr 1fr;gap:0.5rem}
.checkout-pay__method {
display:flex;align-items:center;justify-content:center;gap:0.35rem;min-height:2.75rem;padding:0.6rem 0.5rem;font-size:0.8rem;font-weight:600;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);margin:0;text-align:center;line-height:1.25}
.btn-check:checked + .checkout-pay__method {
border-color:var(--accent);background:var(--hover-bg);color:var(--accent);box-shadow:0 0 0 2px rgba(108,92,231,0.15)}
.checkout-pay__method--disabled {
opacity:0.45;cursor:not-allowed;pointer-events:none}
.checkout-pay__widget-wrap {
margin-top:1rem}
.checkout-pay__widget {
text-align:center;padding:1.1rem 1rem;border:1px dashed var(--border-color);border-radius:var(--radius-md);background:var(--input-bg);color:var(--text-muted);font-size:0.88rem;line-height:1.45}
.checkout-pay__widget-icon {
display:block;font-size:1.5rem;color:var(--accent);margin-bottom:0.35rem}
.checkout-pay__terms {
margin:0.85rem 0;font-size:0.82rem;line-height:1.45}
.checkout-pay__terms .form-check-input {
width:1.1rem;height:1.1rem;margin-top:0.15rem;flex-shrink:0}
.checkout-pay__terms a {
color:var(--accent)}
.checkout-pay__submit {
width:100%;display:inline-flex;align-items:center;justify-content:center;gap:0.45rem;font-weight:700;min-height:2.85rem;padding:0.75rem 1rem;border-radius:var(--radius-pill);font-size:1rem}
.checkout-pay__submit .bi {
font-size:1rem}
.checkout-pay__breakdown {
padding:0.85rem 1.2rem;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:0.45rem;font-size:0.88rem}
.checkout-pay__row {
display:flex;justify-content:space-between;align-items:center;gap:0.75rem}
.checkout-pay__delivery {
display:flex;gap:0.65rem;padding:1rem 1.2rem;border-top:1px solid var(--border-color);font-size:0.82rem;background:var(--hover-bg);line-height:1.45}
.checkout-pay__delivery > .bi {
font-size:1.25rem;color:var(--accent);flex-shrink:0;margin-top:0.1rem}
.checkout-pay__delivery-note {
color:var(--text-muted);font-size:0.78rem;margin-top:0.2rem}

@media (max-width:991.98px) {
.checkout-page__grid {
grid-template-columns:1fr}
.checkout-page__hero-badge {
width:100%;flex-direction:row;align-items:center;justify-content:space-between;margin-left:0}
.checkout-pay {
position:static;top:auto}
.checkout-page__main {
order:1}
.checkout-page__aside {
order:2}
}
@media (max-width:575.98px) {
.checkout-page__hero-inner {
text-align:left}
.checkout-page__hero-badge {
flex-wrap:wrap;gap:0.5rem}
.checkout-item {
grid-template-columns:3rem 1fr;grid-template-rows:auto auto;gap:0.5rem 0.75rem}
.checkout-item__sum {
grid-column:2;grid-row:2;text-align:right;font-size:0.9rem}
.checkout-item__body {
grid-column:2;grid-row:1}
.checkout-pay__method-group {
grid-template-columns:1fr}
.checkout-pay__head,.checkout-pay__body,.checkout-pay__breakdown,.checkout-pay__delivery {
padding-left:1rem;padding-right:1rem}
.checkout-timeline__item {
gap:0.65rem 0.85rem}
}

/* Guest checkout form */
body.guest-checkout-page-root .main-content {
padding-bottom:max(2rem,env(safe-area-inset-bottom,0px))}
.guest-checkout-page {
--gc-gap:1.25rem;--gc-pad:clamp(0.75rem,3vw,1.25rem);max-width:960px;margin:0 auto;padding:0 var(--gc-pad)}
.guest-checkout-page__hero {
position:relative;border-radius:var(--radius-xl);overflow:hidden;margin-bottom:var(--gc-gap);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}
.guest-checkout-page__hero-glow {
position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 70% 100% at 20% 50%,rgba(108,92,231,0.22),transparent 55%)}
.guest-checkout-page__hero-inner {
position:relative;display:flex;align-items:center;gap:1rem;padding:1.2rem 1.35rem;background:var(--card-bg)}
.guest-checkout-page__hero-icon {
width:3rem;height:3rem;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:rgba(108,92,231,0.18);color:var(--accent);flex-shrink:0}
.guest-checkout-page__hero-title {
font-size:clamp(1.1rem,2.5vw,1.35rem);font-weight:800;margin:0 0 0.2rem;letter-spacing:-0.02em}
.guest-checkout-page__hero-sub {
font-size:0.88rem;color:var(--text-muted);margin:0}
.guest-checkout-page__layout {
display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,300px);gap:var(--gc-gap);align-items:start}
.guest-checkout-page__card {
border-radius:var(--radius-xl);border:1px solid var(--border-color);overflow:hidden;box-shadow:var(--shadow-md)}
.guest-checkout-page__card-head {
padding:1rem 1.2rem;background:var(--accent-gradient);color:#fff}
.guest-checkout-page__card-head h2 {
font-size:1.05rem;font-weight:700;margin:0}
.guest-checkout-page__card-body {
padding:1.25rem 1.2rem}
.guest-checkout-page__summary {
display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:0.9rem 1rem;margin-bottom:1rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--input-bg)}
.guest-checkout-page__summary-total {
font-size:1.35rem;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums}
.guest-checkout-page__submit {
width:100%;min-height:2.85rem;font-weight:700;border-radius:var(--radius-pill)}
.guest-checkout-page__legal {
text-align:center;font-size:0.8rem;color:var(--text-muted);margin:0.85rem 0 0}
.guest-checkout-page__legal a {
color:var(--accent)}
.guest-checkout-page__side {
display:flex;flex-direction:column;gap:var(--gc-gap)}
.guest-checkout-page__features {
display:grid;grid-template-columns:1fr 1fr;gap:0.65rem}
.guest-checkout-page__feature {
text-align:center;padding:0.85rem 0.65rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md)}
.guest-checkout-page__feature-icon {
font-size:1.5rem;color:var(--accent);display:block;margin-bottom:0.35rem}
.guest-checkout-page__feature-label {
font-size:0.78rem;color:var(--text-muted);line-height:1.35}
.guest-checkout-page__steps {
padding:1rem 1.1rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg)}
.guest-checkout-page__steps-title {
font-size:0.95rem;font-weight:700;margin:0 0 0.65rem;display:flex;align-items:center;gap:0.4rem;color:var(--accent)}
.guest-checkout-page__steps ol {
margin:0;padding-left:1.15rem;font-size:0.85rem;color:var(--text-muted);line-height:1.5}
.guest-checkout-page__steps li + li {
margin-top:0.35rem}

@media (max-width:767.98px) {
.guest-checkout-page__layout {
grid-template-columns:1fr}
.guest-checkout-page__side {
order:-1}
}

/* Admin settings */
.admin-settings {
--as-radius:var(--radius-lg,1rem);display:flex;flex-direction:column;gap:1rem}
.admin-settings__title {
font-size:1.35rem;font-weight:700;letter-spacing:-.02em}
.admin-settings__title i {
color:var(--accent,#6c5ce7)}
.admin-settings__toolbar {
padding:1rem 1.15rem;background:var(--card-bg,var(--bs-body-bg));border:1px solid var(--border-color,rgba(0,0,0,.08));border-radius:var(--as-radius);box-shadow:var(--shadow-sm,0 1px 3px rgba(0,0,0,.06))}
.admin-settings__alert {
border-radius:var(--radius-md,.75rem);border:1px solid color-mix(in srgb,var(--bs-info) 35%,transparent)}
.admin-settings__shell {
background:var(--card-bg,var(--bs-body-bg));border:1px solid var(--border-color,rgba(0,0,0,.08));border-radius:var(--as-radius);box-shadow:var(--shadow-sm,0 1px 3px rgba(0,0,0,.06));overflow:hidden}
.admin-settings__tabs {
position:sticky;top:0;z-index:20;margin:0;padding:.5rem .75rem 0;gap:.25rem;background:var(--bs-tertiary-bg,rgba(0,0,0,.03));border-bottom:1px solid var(--border-color,rgba(0,0,0,.08))}
.admin-settings__tabs .nav-link {
white-space:nowrap;font-size:.875rem;font-weight:500;padding:.55rem .9rem;border:none;border-radius:var(--radius-md,.75rem) var(--radius-md,.75rem) 0 0;color:var(--text-muted);transition:color .15s ease,background .15s ease}
.admin-settings__tabs .nav-link:hover {
color:var(--accent,#6c5ce7);background:var(--hover-bg,rgba(108,92,231,.08))}
.admin-settings__tabs .nav-link.active {
color:var(--accent,#6c5ce7);background:var(--card-bg,var(--bs-body-bg));font-weight:600;box-shadow:0 -1px 0 var(--card-bg,var(--bs-body-bg))}
.admin-settings__panels {
padding:1.15rem 1.25rem 1.35rem}
.admin-settings__card {
border:1px solid var(--border-color,rgba(0,0,0,.08));border-radius:var(--radius-md,.75rem);box-shadow:none;overflow:hidden;transition:border-color .2s ease}
.admin-settings__card:hover {
border-color:color-mix(in srgb,var(--accent,#6c5ce7) 22%,var(--border-color,rgba(0,0,0,.08)))}
.admin-settings__card-header {
display:flex;align-items:center;gap:.65rem;padding:.75rem 1rem;background:var(--bs-tertiary-bg,rgba(0,0,0,.03));border-bottom:1px solid var(--border-color,rgba(0,0,0,.06))}
.admin-settings__card-header--split {
justify-content:space-between;flex-wrap:wrap;gap:.5rem 1rem}
.admin-settings__card-header-main {
display:flex;align-items:center;gap:.65rem;min-width:0}
.admin-settings__card-icon {
flex-shrink:0;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm,.5rem);background:color-mix(in srgb,var(--accent,#6c5ce7) 14%,transparent);color:var(--accent,#6c5ce7);font-size:1rem}
.admin-settings__card-title {
margin:0;font-size:.95rem;font-weight:600;letter-spacing:-.01em}
.admin-settings__card .card-body {
padding:1rem 1.1rem 1.1rem}
.admin-settings__hint {
font-size:.85rem;color:var(--text-muted);line-height:1.5;margin-bottom:0}
.admin-settings__callout {
display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:.75rem .9rem;background:color-mix(in srgb,var(--accent,#6c5ce7) 6%,var(--bs-body-bg));border:1px solid color-mix(in srgb,var(--accent,#6c5ce7) 18%,transparent);border-radius:var(--radius-md,.75rem);font-size:.8125rem}
.admin-settings__callout-item {
display:grid;grid-template-columns:minmax(7rem,auto) 1fr;gap:.35rem .75rem;align-items:baseline}
.admin-settings__callout-label {
font-weight:600;color:var(--bs-body-color)}
.admin-settings__callout-text {
color:var(--text-muted)}
.admin-settings__upload {
display:flex;flex-direction:column;gap:.5rem}
.admin-settings__upload-preview {
min-height:3.25rem;display:flex;align-items:center;justify-content:center;padding:.5rem;background:var(--input-bg,rgba(0,0,0,.02));border:1px dashed var(--border-color,rgba(0,0,0,.12));border-radius:var(--radius-sm,.5rem)}
.admin-settings__upload-preview--sm {
min-height:2.75rem}
.admin-settings__upload-placeholder {
color:var(--text-muted);font-size:1.25rem;opacity:.55}
.admin-settings__preview-img {
max-height:40px;max-width:100%;border-radius:4px;object-fit:contain}
.admin-settings__preview-img--sm {
max-height:28px}
.admin-settings__actions .btn {
white-space:nowrap}
.admin-settings__cat-table {
max-height:min(62vh,520px);overflow:auto;border:1px solid var(--border-color,rgba(0,0,0,.08));border-radius:var(--radius-md,.75rem)}
.admin-settings__cat-table thead th {
position:sticky;top:0;z-index:2;background:var(--bs-tertiary-bg);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;font-weight:600}
.admin-settings__cat-table .catalog-cat-row.table-active {
--bs-table-bg-state:color-mix(in srgb,var(--accent,#6c5ce7) 8%,transparent)}
.admin-settings__smtp-test {
padding:.65rem .75rem;background:var(--input-bg,rgba(0,0,0,.02));border:1px solid var(--border-color,rgba(0,0,0,.08));border-radius:var(--radius-md,.75rem)}
.admin-settings__promo {
border:1px solid color-mix(in srgb,var(--accent,#6c5ce7) 35%,transparent) !important;background:linear-gradient(135deg,color-mix(in srgb,var(--accent,#6c5ce7) 8%,transparent),transparent)}
.admin-settings__promo .card-body h6 {
font-weight:600}
.admin-settings__save {
position:sticky;bottom:0;z-index:30;margin-top:.25rem;padding:1rem 0;background:linear-gradient(to top,var(--bs-body-bg) 72%,transparent);border-top:1px solid var(--border-color,rgba(0,0,0,.08))}
.admin-settings__save .btn-primary {
min-width:10rem;font-weight:600;box-shadow:0 2px 12px color-mix(in srgb,var(--accent,#6c5ce7) 35%,transparent)}
.admin-settings__mail-log {
max-height:220px;overflow:auto;font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#1e1e2e;color:#cdd6f4;padding:10px 14px}
.admin-settings__mail-log > div {
white-space:pre-wrap;word-break:break-all;margin-bottom:2px}
.admin-settings__log-err {
color:#f38ba8}
.admin-settings__log-warn {
color:#fab387}
.admin-settings__log-info {
color:#a6e3a1}
@media (max-width:575.98px) {
.admin-settings__callout-item {
grid-template-columns:1fr}
}
@media (max-width:767.98px) {
.admin-settings__toolbar {
padding:.85rem}
.admin-settings__panels {
padding:.85rem}
.admin-settings__save .btn {
width:100%}
}

/* Purchase / order modal */
#purchaseModal .modal-content.purchase-modal,
#cartCheckoutModal .modal-content.purchase-modal {
border:none;border-radius:var(--radius-xl);overflow:hidden;background:var(--card-bg-solid);box-shadow:var(--shadow-lg),0 24px 64px rgba(0,0,0,0.35)}
.purchase-modal__dialog {
max-width:28rem}
.purchase-modal__head {
position:relative;padding:0;border:none;background:transparent}
.purchase-modal__head-glow {
position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 90% 120% at 12% 40%,rgba(108,92,231,0.35),transparent 58%),radial-gradient(ellipse 60% 80% at 92% 20%,rgba(162,155,254,0.18),transparent 50%)}
.purchase-modal__head-inner {
position:relative;display:flex;align-items:flex-start;gap:0.85rem;padding:1.15rem 1.2rem 1rem;background:var(--accent-gradient);color:#fff}
.purchase-modal__head-icon {
width:2.75rem;height:2.75rem;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.18);font-size:1.35rem;flex-shrink:0}
.purchase-modal__head-text {
flex:1;min-width:0;padding-right:1.5rem}
.purchase-modal__title {
font-size:1.05rem;font-weight:800;margin:0 0 0.2rem;line-height:1.25;letter-spacing:-0.02em;color:#fff}
.purchase-modal__subtitle {
font-size:0.8rem;opacity:0.88;line-height:1.35;color:#fff}
.purchase-modal__close {
position:absolute;top:0.85rem;right:0.85rem;filter:brightness(0) invert(1);opacity:0.85;z-index:2}
.purchase-modal__close:hover {
opacity:1}
.purchase-modal__body {
padding:1.1rem 1.2rem 0.5rem}
.purchase-modal__product {
display:flex;align-items:center;gap:0.85rem;padding:0.85rem 1rem;margin-bottom:1rem;border-radius:var(--radius-lg);background:var(--hover-bg);border:1px solid var(--border-color)}
.purchase-modal__product-icon {
width:3rem;height:3rem;border-radius:var(--radius-md);background:transparent;border:none;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.purchase-modal__product-icon img,#pm-product-icon img {
width:100%;height:100%;max-width:52px;max-height:52px;object-fit:contain}
.purchase-modal__product-icon .bi,#pm-product-icon .bi {
font-size:1.55rem;color:var(--accent);opacity:.65}
.purchase-modal__product-info {
min-width:0;flex:1}
.purchase-modal__product-title {
font-size:0.92rem;font-weight:700;margin:0 0 0.35rem;line-height:1.35;color:var(--bs-body-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
.purchase-modal__product-price {
display:flex;flex-wrap:wrap;align-items:baseline;gap:0.35rem;font-size:0.8rem}
.purchase-modal__product-price-label {
color:var(--text-muted)}
.purchase-modal__product-price-value {
font-weight:800;font-size:0.95rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.purchase-modal__section {
margin-bottom:1rem}
.purchase-modal__section--email {
padding:0.85rem 1rem;border-radius:var(--radius-md);background:var(--input-bg);border:1px solid var(--border-color)}
.purchase-modal__label {
display:block;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted);margin-bottom:0.45rem}
.purchase-modal__required {
color:var(--danger)}
.purchase-modal__qty {
display:flex;align-items:stretch;gap:0;border:1px solid var(--input-border);border-radius:var(--radius-md);overflow:hidden;background:var(--input-bg)}
.purchase-modal__qty-btn {
width:2.75rem;border:none;background:var(--hover-bg);color:var(--accent);display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast),color var(--transition-fast);flex-shrink:0}
.purchase-modal__qty-btn:hover {
background:rgba(108,92,231,0.16);color:var(--accent-dark)}
.purchase-modal__qty-input {
border:none;border-radius:0;text-align:center;font-weight:700;font-size:1.05rem;padding:0.55rem 0.5rem;background:transparent;color:var(--bs-body-color);box-shadow:none;min-width:0}
.purchase-modal__qty-input:focus {
box-shadow:none;background:transparent}
.purchase-modal__qty-meta {
display:flex;justify-content:space-between;gap:0.5rem;margin-top:0.4rem;font-size:0.75rem;color:var(--text-muted)}
.purchase-modal__qty-meta strong {
color:var(--bs-body-color);font-weight:700}
.purchase-modal__total {
display:flex;align-items:baseline;justify-content:space-between;gap:0.75rem;padding:0.9rem 1rem;margin-bottom:1rem;border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(108,92,231,0.12),rgba(162,155,254,0.08));border:1px solid rgba(108,92,231,0.2)}
.purchase-modal__total-label {
font-size:0.85rem;font-weight:600;color:var(--text-muted)}
.purchase-modal__total-value {
font-size:clamp(1.2rem,4vw,1.45rem);font-weight:800;letter-spacing:-0.02em;font-variant-numeric:tabular-nums;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.purchase-modal__pay-list {
display:flex;flex-direction:column;gap:0.5rem}
.purchase-modal__pay-opt {
display:block;margin:0;cursor:pointer}
.purchase-modal__pay-input {
position:absolute;opacity:0;width:0;height:0;pointer-events:none}
.purchase-modal__pay-card {
display:flex;align-items:center;gap:0.75rem;padding:0.75rem 0.9rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--card-bg-solid);transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}
.purchase-modal__pay-opt:has(.purchase-modal__pay-input:checked) .purchase-modal__pay-card {
border-color:var(--accent);background:var(--hover-bg);box-shadow:0 0 0 2px rgba(108,92,231,0.14)}
.purchase-modal__pay-icon {
width:2.25rem;height:2.25rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:rgba(0,184,148,0.12);color:var(--success);font-size:1.1rem;flex-shrink:0}
.purchase-modal__pay-icon--crypto {
background:rgba(108,92,231,0.14);color:var(--accent)}
.purchase-modal__pay-body {
flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:0.5rem}
.purchase-modal__pay-title {
font-size:0.88rem;font-weight:600;color:var(--bs-body-color);line-height:1.3}
.purchase-modal__pay-badge {
font-size:0.72rem;font-weight:700;padding:0.2rem 0.5rem;border-radius:var(--radius-pill);background:rgba(0,184,148,0.14);color:var(--success);white-space:nowrap}
.purchase-modal__pay-warning {
display:flex;flex-wrap:wrap;align-items:center;gap:0.35rem;margin:-0.15rem 0 0.35rem;padding:0.5rem 0.65rem;font-size:0.78rem;color:var(--danger);background:rgba(214,48,49,0.08);border-radius:var(--radius-sm);line-height:1.35}
.purchase-modal__pay-warning a {
color:var(--danger);font-weight:600}
.purchase-modal__input {
border-radius:var(--radius-md);border-color:var(--input-border);background:var(--card-bg-solid)}
.purchase-modal__input:focus {
border-color:var(--accent);box-shadow:0 0 0 3px rgba(108,92,231,0.12)}
.purchase-modal__field-hint {
margin-top:0.35rem;font-size:0.76rem;color:var(--text-muted);line-height:1.4}
.purchase-modal__video-notice {
margin-bottom:0.85rem !important}
.purchase-modal__terms {
padding:0.75rem 0.85rem;border-radius:var(--radius-md);background:var(--input-bg);border:1px solid var(--border-color);font-size:0.82rem;line-height:1.45}
.purchase-modal__terms .form-check-input {
width:1.1rem;height:1.1rem;margin-top:0.12rem;flex-shrink:0}
.purchase-modal__terms a {
color:var(--accent);font-weight:600}
.purchase-modal__footer {
padding:0.85rem 1.2rem 1.15rem;border-top:1px solid var(--border-color);gap:0.5rem;background:var(--card-bg-solid)}
.purchase-modal__btn-cancel {
flex:1;border-radius:var(--radius-pill);font-weight:600;border:1px solid var(--border-color);color:var(--text-muted);background:transparent;padding:0.65rem 1rem}
.purchase-modal__btn-cancel:hover {
border-color:var(--accent);color:var(--accent);background:var(--hover-bg)}
.purchase-modal__btn-submit {
flex:1.4;border-radius:var(--radius-pill);font-weight:700;padding:0.7rem 1rem;background:var(--accent-gradient);border:none;color:#fff;box-shadow:var(--shadow-glow);display:inline-flex;align-items:center;justify-content:center;gap:0.35rem;min-height:2.75rem}
.purchase-modal__btn-submit:hover:not(:disabled) {
filter:brightness(1.06);color:#fff}
.purchase-modal__btn-submit:disabled {
opacity:0.45;box-shadow:none}
#pm-btn-text {
display:inline-flex;align-items:center;gap:0.25rem}
.purchase-modal__total--cart {
margin-bottom:1.15rem}
.purchase-modal__pay-list--actions {
gap:0.55rem}
.purchase-modal__pay-form {
margin:0}
.purchase-modal__pay-action {
display:flex;align-items:center;gap:0.75rem;width:100%;padding:0.8rem 0.95rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--card-bg-solid);cursor:pointer;text-align:left;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}
.purchase-modal__pay-action:hover {
border-color:var(--accent);background:var(--hover-bg);box-shadow:0 0 0 2px rgba(108,92,231,0.12);transform:translateY(-1px)}
.purchase-modal__pay-action--balance:hover {
border-color:var(--success);box-shadow:0 0 0 2px rgba(0,184,148,0.15)}
.purchase-modal__pay-action-body {
flex:1;min-width:0;display:flex;flex-direction:column;gap:0.15rem}
.purchase-modal__pay-action-sub {
font-size:0.76rem;color:var(--text-muted);font-weight:500}
.purchase-modal__btn-submit--full {
width:100%;margin-top:0.5rem}
.purchase-modal__guest-form .purchase-modal__section--email {
margin-bottom:0.85rem}

@media (max-width:575.98px) {
.purchase-modal__dialog {
max-width:calc(100% - 1rem);margin:0.5rem auto}
.purchase-modal__head-inner {
padding:1rem}
.purchase-modal__body {
padding:1rem 1rem 0.35rem}
.purchase-modal__footer {
flex-direction:column-reverse;padding:0.85rem 1rem 1rem}
.purchase-modal__btn-cancel,.purchase-modal__btn-submit {
flex:1;width:100%}
}