.admin-shell{--admin-brand: var(--accent-color, #8c0d4f);--admin-brand-dark: color-mix(in srgb, var(--admin-brand), black 18%);--admin-brand-soft: color-mix(in srgb, var(--admin-brand), white 90%);--admin-bg: #f7f6f8;--admin-surface: #ffffff;--admin-border: #e8e6ea;min-height:100vh;background:var(--admin-bg);font-family:var(--default-font)}.admin-shell a{color:var(--admin-brand)}.admin-shell a:hover{color:var(--admin-brand-dark)}.admin-shell .btn-primary{--bs-btn-bg: var(--admin-brand);--bs-btn-border-color: var(--admin-brand);--bs-btn-hover-bg: var(--admin-brand-dark);--bs-btn-hover-border-color: var(--admin-brand-dark);--bs-btn-active-bg: var(--admin-brand-dark);--bs-btn-active-border-color: var(--admin-brand-dark);--bs-btn-disabled-bg: var(--admin-brand);--bs-btn-disabled-border-color: var(--admin-brand);--bs-btn-focus-shadow-rgb: 140, 13, 79}.admin-shell .btn-outline-primary{--bs-btn-color: var(--admin-brand);--bs-btn-border-color: var(--admin-brand);--bs-btn-hover-bg: var(--admin-brand);--bs-btn-hover-border-color: var(--admin-brand);--bs-btn-active-bg: var(--admin-brand);--bs-btn-active-border-color: var(--admin-brand);--bs-btn-focus-shadow-rgb: 140, 13, 79}.admin-shell .text-primary{color:var(--admin-brand)!important}.admin-shell .bg-primary{background-color:var(--admin-brand)!important}.admin-shell .border-primary{border-color:var(--admin-brand)!important}.admin-shell .form-check-input:checked{background-color:var(--admin-brand);border-color:var(--admin-brand)}.admin-shell .form-control:focus,.admin-shell .form-select:focus{border-color:var(--admin-brand);box-shadow:0 0 0 .25rem color-mix(in srgb,var(--admin-brand),transparent 78%)}.admin-shell .spinner-border.text-primary{color:var(--admin-brand)!important}.admin-shell h1,.admin-shell h2,.admin-shell h3,.admin-shell h4,.admin-shell h5,.admin-shell h6{font-family:var(--heading-font)}.admin-shell .card{border-color:var(--admin-border);border-radius:.6rem}.admin-shell .table thead{background-color:var(--admin-brand-soft)}.admin-shell .table thead th{font-weight:600;color:var(--admin-brand-dark);border-bottom-width:1px}.admin-shell .badge.bg-success{background-color:#1a7a4c!important}.admin-shell .admin-sidebar{background:var(--admin-surface);border-right:1px solid var(--admin-border)}.admin-shell .admin-sidebar .brand-mark{font-family:var(--heading-font);color:var(--heading-color)}.admin-shell .admin-sidebar .brand-mark span{color:var(--admin-brand)}.admin-shell .admin-sidebar .nav-link{color:#495057;font-weight:500}.admin-shell .admin-sidebar .nav-link.active{background:var(--admin-brand)!important;color:#fff!important}.admin-shell .admin-sidebar .nav-link:not(.active):hover{background:var(--admin-brand-soft)}.admin-shell.admin-auth{display:flex;align-items:center;justify-content:center}.admin-shell.admin-auth .admin-auth-card{width:380px;background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:.75rem}.admin-shell.admin-auth .brand-mark{font-family:var(--heading-font);color:var(--heading-color)}.admin-shell.admin-auth .brand-mark span{color:var(--admin-brand)}.btn-primary{--bs-btn-bg: var(--accent-color);--bs-btn-border-color: var(--accent-color);--bs-btn-hover-bg: color-mix(in srgb, var(--accent-color), black 15%);--bs-btn-hover-border-color: color-mix(in srgb, var(--accent-color), black 15%);--bs-btn-active-bg: color-mix(in srgb, var(--accent-color), black 15%);--bs-btn-active-border-color: color-mix(in srgb, var(--accent-color), black 15%);--bs-btn-disabled-bg: var(--accent-color);--bs-btn-disabled-border-color: var(--accent-color);--bs-btn-focus-shadow-rgb: 140, 13, 79}.btn-outline-primary{--bs-btn-color: var(--accent-color);--bs-btn-border-color: var(--accent-color);--bs-btn-hover-bg: var(--accent-color);--bs-btn-hover-border-color: var(--accent-color);--bs-btn-active-bg: var(--accent-color);--bs-btn-active-border-color: var(--accent-color);--bs-btn-focus-shadow-rgb: 140, 13, 79}@media(min-width:1200px){.navmenu>ul{flex-wrap:wrap;row-gap:6px}.navmenu>ul>li{padding:10px 12px}.navmenu>ul>li>a>span{text-transform:uppercase;letter-spacing:.06em;font-size:13px}}.product-card{position:relative;background:var(--surface-color);border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #00000026;transition:transform .3s ease}.product-card:hover{transform:translateY(-4px)}.product-card:hover .product-overlay{opacity:1;visibility:visible}.product-card:hover .hover-image{transform:scale(1);opacity:1}.product-card:hover .main-image{transform:scale(1.1);opacity:0}.product-card .product-image{position:relative;padding-top:125%;background:color-mix(in srgb,var(--surface-color),transparent 97%);overflow:hidden}.product-card .product-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:all .5s ease}.product-card .product-image .main-image{transform:scale(1);opacity:1}.product-card .product-image .hover-image{transform:scale(1.1);opacity:0}.product-card .product-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:color-mix(in srgb,var(--background-color),transparent 75%);opacity:0;visibility:hidden;transition:all .3s ease}.product-card .product-actions{position:absolute;right:1rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.75rem}.product-card .product-actions .action-btn{width:3rem;height:3rem;border-radius:50%;background:var(--surface-color);border:none;color:var(--accent-color);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.product-card .product-actions .action-btn:hover{background:var(--accent-color);color:var(--contrast-color);transform:translateY(-2px)}.product-card .product-actions .action-btn i{font-size:1.25rem}.product-card .product-badge{position:absolute;top:1rem;left:1rem;padding:.35rem .75rem;border-radius:6px;font-size:.875rem;font-weight:500;text-transform:uppercase;z-index:1}.product-card .product-badge.new{background:var(--accent-color);color:var(--contrast-color)}.product-card .product-badge.sale{background:#ffa007;color:var(--contrast-color)}.product-card .product-details{padding:1.5rem;background:var(--surface-color)}.product-card .product-category{font-size:.875rem;color:color-mix(in srgb,var(--default-color),transparent 40%);margin-bottom:.5rem}.product-card .product-title{font-size:1.125rem;margin-bottom:1rem;line-height:1.35;height:2.7em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.product-card .product-title a{color:var(--heading-color);text-decoration:none;transition:color .3s ease}.product-card .product-title a:hover{color:var(--accent-color)}.product-card .product-meta{display:flex;justify-content:space-between;align-items:center}.product-price{font-weight:600;font-size:1.125rem;color:var(--accent-color);display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .5rem;min-height:2.65rem}.product-price>span{white-space:nowrap}.product-price .original-price{font-size:.875rem;color:color-mix(in srgb,var(--default-color),transparent 40%);text-decoration:line-through;font-weight:400}@media(max-width:991.98px){.product-card .product-image{padding-top:100%}.product-card .product-details{padding:1.25rem}}.category-card{position:relative;border-radius:12px;overflow:hidden;display:block}.category-card img{width:100%;aspect-ratio:3 / 4;object-fit:cover;transition:transform .5s ease}.category-card:hover img{transform:scale(1.06)}.category-card .category-link{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background-color:var(--surface-color);color:var(--heading-color);text-decoration:none;font-weight:600;font-size:.9rem;letter-spacing:1px;padding:10px 20px;border-radius:30px;box-shadow:0 2px 10px #0000001a;transition:all .3s ease;white-space:normal;text-align:center;max-width:calc(100% - 2rem);display:flex;align-items:center;justify-content:center;gap:.35rem;line-height:1.3}.category-card .category-link i{font-size:.8rem;flex-shrink:0;transition:transform .3s ease}.category-card .category-link:hover{color:var(--accent-color)}.category-card .category-link:hover i{transform:translate(3px)}@media(max-width:767px){.category-card .category-link{font-size:.8rem;padding:8px 16px}}.pagination .page-item .page-link{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;color:var(--default-color);font-weight:500;transition:all .3s ease}.pagination .page-item{margin:0 .25rem}.pagination .page-item.active .page-link{background-color:var(--accent-color);color:var(--contrast-color)}.pagination .page-item:not(.active):not(.disabled) .page-link:hover{background-color:#0000000d}.pagination .page-item.disabled .page-link{color:color-mix(in srgb,var(--default-color),transparent 60%);background:transparent}.header .mobile-search-panel{max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .25s ease}.header .mobile-search-panel.show{max-height:100px;opacity:1}.product-gallery-trigger{cursor:zoom-in}.image-zoom-container .drift-zoom-pane{background:var(--surface-color);border:1px solid color-mix(in srgb,var(--default-color),transparent 80%);border-radius:4px;box-shadow:0 5px 15px #0000001a}.image-zoom-container .drift-zoom-pane.drift-opening{animation:drift-fadeZoomIn .22s ease-out}.image-zoom-container .drift-zoom-pane.drift-closing{animation:drift-fadeZoomOut .18s ease-in}.image-zoom-container .drift-zoom-pane-loader{display:none}.image-zoom-container .drift-zoom-pane img{transition:transform .12s ease-out}.image-lightbox-overlay{position:fixed;inset:0;z-index:10000;background:#000000eb;display:flex;align-items:center;justify-content:center;padding:24px}.image-lightbox-close{position:absolute;top:16px;right:16px;width:44px;height:44px;border-radius:50%;border:none;background:#ffffff1f;color:#fff;font-size:1.1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}.image-lightbox-close:hover{background:#ffffff40}.image-lightbox-body{display:flex;gap:20px;width:100%;height:100%;max-width:1200px}.image-lightbox-thumbs{display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding:4px;flex-shrink:0}.image-lightbox-thumb{width:64px;height:64px;padding:0;border-radius:8px;border:2px solid transparent;overflow:hidden;cursor:pointer;opacity:.6;transition:opacity .2s ease,border-color .2s ease;flex-shrink:0}.image-lightbox-thumb img{width:100%;height:100%;object-fit:cover;display:block}.image-lightbox-thumb:hover{opacity:.9}.image-lightbox-thumb.active{opacity:1;border-color:var(--accent-color)}.image-lightbox-stage{position:relative;flex-grow:1;display:flex;align-items:center;justify-content:center;min-width:0}.image-lightbox-image{max-width:100%;max-height:85vh;object-fit:contain;border-radius:4px}.image-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:none;background:#ffffff1f;color:#fff;font-size:1.4rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease;z-index:1}.image-lightbox-nav:hover{background:#ffffff47}.image-lightbox-nav-prev{left:8px}.image-lightbox-nav-next{right:8px}@media(max-width:768px){.image-lightbox-body{flex-direction:column}.image-lightbox-thumbs{flex-direction:row;order:2;overflow-x:auto;overflow-y:hidden;justify-content:center}.image-lightbox-stage{order:1}.image-lightbox-image{max-height:60vh}}.container-wide{width:100%;padding-right:var(--bs-gutter-x, .75rem);padding-left:var(--bs-gutter-x, .75rem);margin-right:auto;margin-left:auto}@media(min-width:576px){.container-wide{max-width:540px}}@media(min-width:768px){.container-wide{max-width:720px}}@media(min-width:992px){.container-wide{max-width:1100px}}@media(min-width:1200px){.container-wide{max-width:1500px}}@media(min-width:1400px){.container-wide{max-width:1800px}}@media(max-width:767.98px){.footer .footer-main .footer-widget.footer-accordion{margin-bottom:10px}.footer .footer-main .footer-widget .footer-accordion-toggle{position:relative;display:block;margin-bottom:0;padding:14px 44px 14px 16px;text-align:center;background:color-mix(in srgb,var(--accent-color),white 88%);border-radius:8px;color:var(--accent-color);font-size:1rem;cursor:pointer;-webkit-user-select:none;user-select:none}.footer .footer-main .footer-widget .footer-accordion-toggle:after{display:none}.footer .footer-main .footer-widget .footer-accordion-toggle[aria-expanded=true]{color:var(--heading-color)}.footer-accordion-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:transform .25s ease;font-size:.9rem}.footer-accordion-toggle[aria-expanded=true] .footer-accordion-icon{transform:translateY(-50%) rotate(180deg)}.footer-accordion-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.footer-accordion-panel.open{grid-template-rows:1fr}.footer-accordion-panel-inner{overflow:hidden;padding-top:16px}}.mobile-browse-bar{display:flex;gap:10px;margin-bottom:16px}.mobile-browse-toggle{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 10px;border:0;border-radius:8px;background:color-mix(in srgb,var(--accent-color),white 88%);color:var(--accent-color);font-size:.95rem;font-weight:600;cursor:pointer}.mobile-browse-toggle.open{color:var(--heading-color)}.mobile-browse-chevron{font-size:.8rem;transition:transform .25s ease}.mobile-browse-toggle.open .mobile-browse-chevron{transform:rotate(180deg)}.mobile-browse-badge{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--accent-color);color:var(--contrast-color);font-size:.75rem;line-height:20px;text-align:center}@media(max-width:991.98px){.category-header.section{padding:0}.category-header .filter-container{margin-bottom:1rem!important}}.infinite-scroll-footer{min-height:1px;padding:24px 0 8px;text-align:center}.infinite-scroll-status{display:flex;align-items:center;justify-content:center;gap:10px;font-size:.9rem}.infinite-scroll-status .spinner-border{color:var(--accent-color)}.footer .footer-main .footer-contact .contact-item span a,.contact-2 .info-item p a{color:inherit;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent-color),transparent 55%);text-underline-offset:3px;transition:color .2s ease,text-decoration-color .2s ease}.footer .footer-main .footer-contact .contact-item span a:hover,.contact-2 .info-item p a:hover{color:var(--accent-color);text-decoration-color:var(--accent-color)}
