@charset "UTF-8";body{width:100%;height:1em;font-family:Roboto,sans-serif;background-color:var(--bg);color:var(--text);margin:0}h1,h2,h3{font-family:Oswald,sans-serif}.card{display:flex;flex-direction:column;flex:1;border-radius:30px;background:var(--card-bg);overflow:hidden;padding:16px;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.description{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:0 16px 16px}.title{font-size:1.5rem;font-weight:600;color:var(--text);margin:16px;line-height:1.2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.card .imageWrapper{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden}.card .imageWrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.card .imageWrapper .title{margin:1em}.card-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.card .description{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:0 16px 16px;color:var(--text-secondary);font-size:.95rem}.card .price{font-size:1rem;font-weight:500;color:var(--text);margin-bottom:8px}.card .button{background:var(--btn-bg);color:var(--btn-text);border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;text-align:center;font-weight:500;transition:filter .2s ease}.card .button:hover{filter:brightness(.9)}@media (max-width: 768px){.card{width:100%;margin:12px 0}}.auth-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.auth-modal{background:var(--card-bg);color:var(--text);padding:2rem;border-radius:8px;box-shadow:0 4px 16px #0003;position:relative;max-width:320px;width:90%;text-align:center}.auth-modal-close{position:absolute;top:.5rem;right:.5rem;background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer}.auth-modal p{margin-bottom:1.5rem}.auth-modal-actions{display:flex;flex-direction:column;gap:.75rem}.auth-modal-btn{display:block;padding:.75rem;background:var(--btn-bg);color:var(--btn-text);border-radius:4px;text-decoration:none;font-weight:600;transition:filter .2s}.auth-modal-btn:hover{filter:brightness(.9)}.admin-layout{display:flex;min-height:100vh;background:var(--bg);color:var(--text)}.admin-layout__nav{width:250px;background:var(--card-bg);border-right:1px solid rgba(0,0,0,.1);padding:2rem 1rem}.admin-layout__nav h2{margin:0 0 1.5rem;font-size:1.75rem;color:var(--link)}.admin-layout__nav ul{list-style:none;padding:0;margin:0}.admin-layout__nav ul li+li{margin-top:.75rem}.admin-layout__nav ul a{display:block;padding:.5rem 1rem;border-radius:4px;color:var(--text);text-decoration:none;font-weight:500;transition:background .2s,color .2s}.admin-layout__nav ul a.active{background:var(--link);color:var(--btn-text)}.admin-layout__nav ul a:hover{background:#0000000d}.admin-layout main{flex:1;padding:2rem;background:var(--bg)}@media (max-width: 768px){.admin-layout{flex-direction:column}.admin-layout__nav{width:100%;border-right:none;border-bottom:1px solid rgba(0,0,0,.1);padding:1rem}.admin-layout__nav ul{display:flex;overflow-x:auto}.admin-layout__nav ul li+li{margin-top:0;margin-left:1rem}.admin-layout__nav ul a{padding:.5rem}.admin-layout main{padding:1rem}}.header{position:relative;background-color:var(--card-bg);color:var(--text);padding:.75rem 2rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.1)}.header .logo{display:flex;align-items:center;color:var(--link);text-decoration:none}.header .logo .logo-img{width:48px;height:48px;border-radius:50%;margin-right:.5rem;object-fit:cover}.header .logo h1{font-size:1.5rem;font-weight:700;margin:0}.header .nav{display:flex;align-items:center;gap:1.5rem}.header .nav a{color:var(--text);text-decoration:none;font-weight:500;position:relative;padding-bottom:.25rem}.header .nav a:hover,.header .nav a.active{color:var(--link)}.header .nav a.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--link)}.header .user-actions{display:flex;align-items:center;gap:1rem}.header .user-actions span{font-size:.95rem;color:var(--text)}.header .user-actions button{background:var(--btn-bg);color:var(--btn-text);border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:500;transition:filter .2s ease}.header .user-actions button:hover{filter:brightness(.9)}.header .user-actions select{padding:.25rem;border-radius:4px;border:1px solid rgba(255,255,255,.2);background:var(--card-bg);color:var(--text)}.header .menu-btn{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:.5rem;z-index:20}.header .menu-btn span{width:24px;height:2px;background:var(--text);transition:transform .3s ease,opacity .3s ease}.header .menu-btn.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.header .menu-btn.open span:nth-child(2){opacity:0}.header .menu-btn.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width: 768px){.header .nav{position:absolute;top:100%;left:0;width:100%;flex-direction:column;background:var(--card-bg);overflow:hidden;max-height:0;transition:max-height .3s ease;box-shadow:0 4px 12px #0000001a;padding:0 2rem;z-index:10}.header .nav a{padding:1rem 0;width:100%;border-bottom:1px solid rgba(255,255,255,.1)}.header .nav.open{max-height:500px}.header .menu-btn{display:flex}}.footer{background:var(--card-bg);color:var(--text);padding:3rem 2rem 1rem;font-size:.95rem}.footer .footer-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:2rem}.footer .footer-col h2,.footer .footer-col h3{margin-bottom:1rem;color:var(--link);font-family:Oswald,sans-serif}.footer .footer-col p{line-height:1.5}.footer .footer-col ul{list-style:none;padding:0}.footer .footer-col ul li{margin-bottom:.75rem}.footer .footer-col ul li a{color:var(--text);text-decoration:none;transition:color .2s}.footer .footer-col ul li a:hover{color:var(--link)}.footer .footer-newsletter{display:flex;flex-direction:column;gap:1rem}.footer .footer-newsletter input{flex:1;padding:.5rem 1rem;border:none;border-radius:4px;background:var(--bg);color:var(--text);font-size:.9rem}.footer .footer-newsletter input:focus{outline:2px solid var(--link)}.footer .footer-newsletter button{padding:.5rem 1rem;border:none;background:var(--link);color:var(--btn-text);border-radius:4px;cursor:pointer;transition:filter .2s}.footer .footer-newsletter button:hover{filter:brightness(.9)}.footer .footer-social{margin-top:1rem}.footer .footer-social a{display:inline-block;margin-right:.5rem;font-size:1.25rem;color:var(--text);transition:color .2s}.footer .footer-social a:hover{color:var(--link)}.footer .footer-bottom{text-align:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);font-size:.85rem}.footer .footer-logo-img{width:100px;height:auto;margin-bottom:1rem}@media (max-width: 600px){.footer{padding:2rem 1rem 1rem}.footer .footer-container{grid-template-columns:1fr;max-width:400px;margin:0 auto;gap:2rem}.footer .footer-col{text-align:center}.footer .footer-newsletter{flex-direction:column}.footer .footer-newsletter input,.footer .footer-newsletter button{border-radius:4px}.footer .footer-newsletter button{margin-top:.5rem}}.page{padding:24px}.page h1{font-size:2.25rem;margin-bottom:32px}.search-panel{display:flex;margin-bottom:40px;text-align:center}.search-panel .search-input{max-width:700px;padding:16px 20px;font-size:1.75rem;border:none;border-radius:8px;background:var(--card-bg);color:var(--text);box-shadow:0 2px 12px #0000001a;transition:box-shadow .2s ease}.search-panel .search-input:focus{outline:none;box-shadow:0 2px 12px var(--link)}.filters-inline{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:50px;justify-content:space-around}.filters-inline input[type=number],.filters-inline select{padding:8px 12px;background:var(--card-bg);color:var(--text);border:1px solid rgba(255,255,255,.2);border-radius:4px;font-size:.9rem;min-width:120px;transition:border-color .2s ease}.filters-inline input[type=number]:focus,.filters-inline select:focus{outline:none;border-color:var(--link)}.catalogue{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:50px;align-items:stretch}.search-input{width:100%;max-width:700px;padding:16px 20px;font-size:1.75rem;border:none;border-radius:8px;background:var(--card-bg);color:var(--text);box-shadow:0 2px 12px #0000001a;transition:box-shadow .2s ease}.search-input:focus{outline:none;box-shadow:0 2px 12px var(--link)}.landing{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;background:var(--bg)}.landing .landing-logo{width:200px;height:200px;border-radius:50%;object-fit:cover;border:4px solid var(--link);margin:3rem;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease}.landing .landing-logo:hover{transform:scale(1.2)}.landing h1{font-size:2.5rem;color:var(--text);margin-bottom:2rem;text-align:center}.landing .landing-cta{display:inline-block;padding:.75rem 1.5rem;background:var(--btn-bg);color:var(--btn-text);font-size:1.1rem;font-weight:600;border-radius:4px;text-decoration:none;transition:filter .2s ease}.landing .landing-cta:hover{filter:brightness(.9)}@media (max-width: 768px){.landing .landing-logo{width:150px;height:150px}.landing h1{font-size:2rem}}.profile-container{background:var(--bg);color:var(--text);padding:2rem;max-width:900px;margin:0 auto}.profile-container h1,.profile-container h2,.profile-container h3{margin-bottom:1rem;color:var(--link)}.profile-container hr{border:none;border-top:1px solid rgba(0,0,0,.1);margin:2rem 0}.profile-container .form-section{background:var(--card-bg);border-radius:8px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000000d}.profile-container .form-section .form-group{display:flex;flex-direction:column;margin-bottom:1rem}.profile-container .form-section .form-group label{font-weight:500;margin-bottom:.5rem}.profile-container .form-section .form-group input,.profile-container .form-section .form-group select,.profile-container .form-section .form-group textarea{padding:.5rem .75rem;border:1px solid rgba(0,0,0,.2);border-radius:4px;font-size:1rem;background:var(--bg);color:var(--text)}.profile-container .form-section .form-group input:focus,.profile-container .form-section .form-group select:focus,.profile-container .form-section .form-group textarea:focus{outline:none;border-color:var(--link);box-shadow:0 0 0 2px rgba(var(--link-rgb),.15)}.profile-container .form-section .form-group.checkbox-group{flex-direction:row;align-items:center}.profile-container .form-section .form-group.checkbox-group input{margin-right:.5rem;width:auto}.profile-container .form-section .form-group.checkbox-group label{margin:0;font-weight:400}.profile-container .form-section .button-row{display:flex;gap:1rem;margin-top:1rem}.profile-container .form-section .button-row .btn{padding:.6rem 1.2rem;border-radius:4px;border:none;font-weight:500;cursor:pointer;transition:filter .2s}.profile-container .form-section .button-row .btn.primary{background:var(--link);color:var(--btn-text)}.profile-container .form-section .button-row .btn.primary:hover{filter:brightness(.9)}.profile-container .form-section .button-row .btn.danger{background:#e74c3c;color:#fff}.profile-container .form-section .button-row .btn.danger:hover{filter:brightness(.9)}.profile-container .address-list{list-style:none;margin:0;padding:0}.profile-container .address-list .address-item{display:flex;justify-content:space-between;align-items:center;background:var(--card-bg);border:1px solid rgba(0,0,0,.1);border-radius:6px;padding:1rem;margin-bottom:1rem}.profile-container .address-list .address-item span{flex:1;color:var(--text-secondary)}.profile-container .address-list .address-item .address-actions{display:flex;gap:.5rem}.profile-container .address-list .address-item .address-actions .btn{padding:.4rem .8rem;font-size:.9rem}.profile-container .address-list .address-item .address-actions .btn:hover{filter:brightness(.9)}.profile-container .address-list .address-item .address-actions .danger{background:#e74c3c;color:#fff}@media (max-width: 768px){.profile-container,.profile-container .form-section,.profile-container .address-list .address-item{padding:1rem}.profile-container .button-row{flex-direction:column}.profile-container .button-row .btn{width:100%}.profile-container .address-list .address-item{flex-direction:column;align-items:stretch}.profile-container .address-list .address-item .address-actions{margin-top:.5rem;justify-content:flex-end}}.cart-container{background:var(--bg);color:var(--text);padding:2rem;max-width:800px;margin:0 auto}.cart-container h1{margin-bottom:1.5rem;color:var(--link)}.cart-container .cart-items{list-style:none;margin:0 0 2rem;padding:0}.cart-container .cart-items .cart-item{display:grid;grid-template-columns:1fr auto auto auto;gap:1rem;align-items:center;padding:1rem;background:var(--card-bg);border-radius:6px;box-shadow:0 1px 4px #0000000d;margin-bottom:1rem}.cart-container .cart-items .cart-item a{color:var(--link);text-decoration:none;font-weight:500}.cart-container .cart-items .cart-item .quantity-input{width:60px;padding:.25rem;border:1px solid rgba(0,0,0,.2);border-radius:4px;text-align:center;background:var(--bg);color:var(--text)}.cart-container .cart-items .cart-item .quantity-input:focus{outline:none;border-color:var(--link)}.cart-container .cart-items .cart-item .remove-btn{background:transparent;border:none;font-size:1.2rem;color:var(--text-secondary);cursor:pointer;transition:color .2s}.cart-container .cart-items .cart-item .remove-btn:hover{color:#e74c3c}.cart-container .cart-items .cart-item .item-total{font-weight:500;color:var(--text)}.cart-container .total{text-align:right;margin-bottom:2rem}.cart-container .total h2{margin:0;font-size:1.5rem;color:var(--text)}.cart-container .checkout-btn{display:inline-block;padding:.75rem 1.5rem;background:var(--btn-bg);color:var(--btn-text);border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none;transition:filter .2s}.cart-container .checkout-btn:hover{filter:brightness(.9)}@media (max-width: 768px){.cart-container{padding:1rem}.cart-container .cart-items .cart-item{grid-template-columns:1fr auto auto;grid-template-rows:auto auto;grid-template-areas:"link link link" "quantity remove price"}.cart-container .cart-items .cart-item a{grid-area:link}.cart-container .cart-items .cart-item .quantity-input{grid-area:quantity;margin-top:.5rem}.cart-container .cart-items .cart-item .remove-btn{grid-area:remove}.cart-container .cart-items .cart-item .item-total{grid-area:price;justify-self:end;margin-top:.5rem}.cart-container .checkout-btn{width:100%;text-align:center}}.orders-container{background:var(--bg);color:var(--text);padding:2rem;max-width:800px;margin:0 auto}.orders-container .orders-title{margin-bottom:1.5rem;font-size:2rem;color:var(--link)}.orders-container .orders-list{list-style:none;padding:0;margin:0}.orders-container .orders-list .order-item{background:var(--card-bg);border:1px solid rgba(0,0,0,.1);border-radius:6px;padding:1rem;margin-bottom:1rem;box-shadow:0 2px 6px #0000000d}.orders-container .orders-list .order-item:hover{box-shadow:0 4px 12px #0000001a}.orders-container .orders-list .order-item .order-link{display:block;font-weight:500;color:var(--link);text-decoration:none;margin-bottom:.5rem}.orders-container .orders-list .order-item .order-link:hover{text-decoration:underline}.orders-container .orders-list .order-item .order-status{font-weight:600}.orders-container .orders-list .order-item .order-status.status-pending{color:#d35400}.orders-container .orders-list .order-item .order-status.status-confirmed{color:#27ae60}.orders-container .orders-list .order-item .order-status.status-shipped{color:#2980b9}.orders-container .orders-list .order-item .order-status.status-delivered{color:#8e44ad}.orders-container .orders-list .order-item .order-tracking{margin:0;font-size:.9rem;color:var(--text-secondary)}.orders-container .orders-list .order-item .order-tracking--missing{font-style:italic;color:rgba(var(--text-rgb),.6)}.orders-empty{text-align:center;margin:2rem 0;font-size:1.25rem;color:var(--text-secondary)}@media (max-width: 768px){.orders-container{padding:1rem}.orders-container .order-item{padding:.75rem}}.orderconf-container{max-width:800px;margin:0 auto;padding:2rem;background:var(--bg);color:var(--text)}.orderconf-container .orderconf-thanks{font-size:2rem;margin-bottom:1rem;color:var(--link)}.orderconf-container .orderconf-number{margin-bottom:2rem;font-size:1.1rem}.orderconf-container .orderconf-section{margin-bottom:2rem;background:var(--card-bg);padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000000d}.orderconf-container .orderconf-section h2{margin-top:0;margin-bottom:1rem;color:var(--link)}.orderconf-container .orderconf-section .orderconf-items{list-style:none;padding:0;margin:0 0 1rem}.orderconf-container .orderconf-section .orderconf-items .orderconf-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid rgba(0,0,0,.1)}.orderconf-container .orderconf-section .orderconf-items .orderconf-item:last-child{border-bottom:none}.orderconf-container .orderconf-section .orderconf-items .orderconf-item .item-title{flex:2}.orderconf-container .orderconf-section .orderconf-items .orderconf-item .item-qty{flex:1;text-align:center}.orderconf-container .orderconf-section .orderconf-items .orderconf-item .item-total{flex:1;text-align:right;font-weight:500}.orderconf-container .orderconf-section .orderconf-total{text-align:right;margin:0;font-size:1.25rem;font-weight:600}.orderconf-container .orderconf-section .orderconf-address p,.orderconf-container .orderconf-section .orderconf-payment p,.orderconf-container .orderconf-section .orderconf-shipping p{margin:.5rem 0}.orderconf-container .orderconf-section .orderconf-address .orderconf-tracking-link,.orderconf-container .orderconf-section .orderconf-payment .orderconf-tracking-link,.orderconf-container .orderconf-section .orderconf-shipping .orderconf-tracking-link{color:var(--link)}.orderconf-container .orderconf-section .orderconf-address .orderconf-tracking-link:hover,.orderconf-container .orderconf-section .orderconf-payment .orderconf-tracking-link:hover,.orderconf-container .orderconf-section .orderconf-shipping .orderconf-tracking-link:hover{text-decoration:underline}.orderconf-container .orderconf-section .orderconf-missing-info{color:#e74c3c;font-style:italic}.orderconf-container .orderconf-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.orderconf-container .orderconf-actions .orderconf-btn{padding:.75rem 1.5rem;border-radius:4px;text-decoration:none;font-weight:500;background:var(--btn-bg);color:var(--btn-text);transition:filter .2s}.orderconf-container .orderconf-actions .orderconf-btn:hover{filter:brightness(.9)}.orderconf-loading,.orderconf-empty,.orderconf-missing,.orderconf-error{max-width:600px;margin:3rem auto;text-align:center;color:var(--text-secondary)}.orderconf-loading h1,.orderconf-empty h1,.orderconf-missing h1,.orderconf-error h1{color:var(--link)}.orderconf-loading .orderconf-back,.orderconf-empty .orderconf-back,.orderconf-missing .orderconf-back,.orderconf-error .orderconf-back{display:inline-block;margin-top:1rem;padding:.6rem 1.2rem;background:var(--btn-bg);color:var(--btn-text);border-radius:4px;text-decoration:none;transition:filter .2s}.orderconf-loading .orderconf-back:hover,.orderconf-empty .orderconf-back:hover,.orderconf-missing .orderconf-back:hover,.orderconf-error .orderconf-back:hover{filter:brightness(.9)}@media (max-width: 768px){.orderconf-container,.orderconf-section{padding:1rem}}.checkout-container{max-width:800px;margin:0 auto;padding:2rem;background:var(--bg);color:var(--text)}.checkout-container .checkout-title{font-size:2rem;margin-bottom:1.5rem;color:var(--link)}.checkout-container .checkout-summary{background:var(--card-bg);padding:1.5rem;border-radius:8px;margin-bottom:2rem;box-shadow:0 2px 8px #0000000d}.checkout-container .checkout-summary h2{margin-bottom:1rem;color:var(--link)}.checkout-container .checkout-summary .checkout-items{list-style:none;margin:0 0 1rem;padding:0}.checkout-container .checkout-summary .checkout-items .checkout-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid rgba(0,0,0,.1)}.checkout-container .checkout-summary .checkout-items .checkout-item:last-child{border-bottom:none}.checkout-container .checkout-summary .checkout-items .checkout-item .item-title{flex:2}.checkout-container .checkout-summary .checkout-items .checkout-item .item-qty{flex:1;text-align:center}.checkout-container .checkout-summary .checkout-items .checkout-item .item-price{flex:1;text-align:right;font-weight:500}.checkout-container .checkout-summary .checkout-total{text-align:right;margin:0;font-size:1.25rem;font-weight:600}.checkout-container .checkout-address{background:var(--card-bg);padding:1.5rem;border-radius:8px;margin-bottom:2rem;box-shadow:0 2px 8px #0000000d}.checkout-container .checkout-address h2{margin-bottom:1rem;color:var(--link)}.checkout-container .checkout-address .address-select{width:100%;padding:.5rem .75rem;margin-bottom:1rem;border:1px solid rgba(0,0,0,.2);border-radius:4px;background:var(--bg);color:var(--text);font-size:1rem}.checkout-container .checkout-address .address-select:focus{outline:none;border-color:var(--link)}.checkout-container .checkout-address .address-form{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.checkout-container .checkout-address .address-form .form-group{display:flex;flex-direction:column}.checkout-container .checkout-address .address-form .form-group label{margin-bottom:.5rem;font-weight:500}.checkout-container .checkout-address .address-form .form-group .form-input{padding:.5rem .75rem;border:1px solid rgba(0,0,0,.2);border-radius:4px;background:var(--bg);color:var(--text)}.checkout-container .checkout-address .address-form .form-group .form-input:focus{outline:none;border-color:var(--link)}.checkout-container .checkout-address .address-form .checkbox-group{grid-column:span 2;display:flex;align-items:center}.checkout-container .checkout-address .address-form .checkbox-group .checkbox-input{margin-right:.5rem;width:auto}.checkout-container .checkout-actions{text-align:center}.checkout-container .checkout-actions .checkout-btn{padding:.75rem 1.5rem;background:var(--btn-bg);color:var(--btn-text);border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:filter .2s}.checkout-container .checkout-actions .checkout-btn:hover{filter:brightness(.9)}@media (max-width: 768px){.checkout-container,.checkout-container .checkout-summary,.checkout-container .checkout-address{padding:1rem}.checkout-container .address-form{display:block}.checkout-container .address-form .form-group{width:100%;margin-bottom:1rem}}.product-detail-page{padding:2rem;background:var(--bg);color:var(--text)}.product-detail-page .back-link{display:inline-block;margin-bottom:1.5rem;color:var(--link);text-decoration:none;font-weight:500;transition:color .2s}.product-detail-page .back-link:hover{color:var(--btn-bg)}.product-detail-page .product-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}@media (max-width: 768px){.product-detail-page .product-container{grid-template-columns:1fr}}.product-detail-page .product-images{display:flex;flex-direction:column;gap:1rem}.product-detail-page .product-images .product-image{width:100%;border-radius:8px;object-fit:cover;box-shadow:0 2px 8px #0000001a;transition:transform .2s}.product-detail-page .product-images .product-image:hover{transform:scale(1.02)}.product-detail-page .product-info{background:var(--card-bg);padding:1.5rem;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;justify-content:space-between}.product-detail-page .product-info .product-title{font-size:2rem;margin-bottom:1rem;color:var(--text)}.product-detail-page .product-info .product-description{flex:1;font-size:1rem;line-height:1.5;margin-bottom:1.5rem;color:var(--text-secondary)}.product-detail-page .product-info .product-price{font-size:1.25rem;margin-bottom:1.5rem;color:var(--text)}.product-detail-page .product-info .add-to-cart-btn{padding:.75rem;font-size:1rem;background:var(--btn-bg);color:var(--btn-text);border:none;border-radius:4px;cursor:pointer;font-weight:600;text-align:center;transition:filter .2s ease}.product-detail-page .product-info .add-to-cart-btn:hover{filter:brightness(.9)}.pd-loading{text-align:center;font-size:1.2rem;color:var(--text-secondary)}.admin-dashboard-page{padding:2rem;background:var(--bg);color:var(--text)}.admin-dashboard-page h1{font-size:2.25rem;margin-bottom:1.5rem;color:var(--link);text-align:center}.admin-dashboard-page .stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.5rem;margin-bottom:2rem}.admin-dashboard-page .stats-cards .stat-card{background:var(--card-bg);padding:1.25rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;text-align:center;display:flex;flex-direction:column;justify-content:center}.admin-dashboard-page .stats-cards .stat-card h2{font-size:1rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem;text-transform:uppercase}.admin-dashboard-page .stats-cards .stat-card p{font-size:1.75rem;font-weight:700;color:var(--text);margin:0}.admin-dashboard-page .chart-section{background:var(--card-bg);padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.admin-dashboard-page .chart-section h2{font-size:1.5rem;margin-bottom:1rem;color:var(--text);text-align:center}.admin-dashboard-page .chart-section .chart-container{position:relative;width:100%;min-height:300px}@media (max-width: 768px){.admin-dashboard-page .stats-cards{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.admin-dashboard-page .chart-section{padding:1rem}.admin-dashboard-page .chart-section .chart-container{min-height:200px}}.admin-products-page{padding:2rem;background:var(--bg);color:var(--text)}.admin-products-page .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.admin-products-page .header h1{font-size:2rem;color:var(--link);margin:0}.admin-products-page .header .add-product-btn{padding:.5rem 1rem;background:var(--btn-bg);color:var(--btn-text);border:none;border-radius:4px;text-decoration:none;font-weight:600;transition:filter .2s}.admin-products-page .header .add-product-btn:hover{filter:brightness(.9)}.admin-products-page .table-container{overflow-x:auto;background:var(--card-bg);padding:1rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.admin-products-page .table-container table{width:100%;border-collapse:collapse}.admin-products-page .table-container table th,.admin-products-page .table-container table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid rgba(0,0,0,.1)}.admin-products-page .table-container table th{background:var(--link);color:var(--btn-text);font-weight:600;position:sticky;top:0}.admin-products-page .table-container table td{color:var(--text-secondary)}.admin-products-page .table-container table .actions{display:flex;gap:.5rem}.admin-products-page .table-container table .actions .edit-btn,.admin-products-page .table-container table .actions .delete-btn{padding:.25rem .5rem;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:filter .2s}.admin-products-page .table-container table .actions .edit-btn{background:#ffc107;color:#212529}.admin-products-page .table-container table .actions .edit-btn:hover{filter:brightness(.9)}.admin-products-page .table-container table .actions .delete-btn{background:#dc3545;color:#fff}.admin-products-page .table-container table .actions .delete-btn:hover{filter:brightness(.9)}.admin-products-page .error{color:#e74c3c;margin-top:1rem;text-align:center}.admin-products-page .loading{text-align:center;font-size:1.1rem}@media (max-width: 768px){.admin-products-page .header{flex-direction:column;align-items:stretch;gap:1rem}}.admin-product-form-page{padding:2rem;background:var(--bg);color:var(--text)}.admin-product-form-page h1{font-size:2rem;margin-bottom:1.5rem;color:var(--link);text-align:center}.admin-product-form-page form{background:var(--card-bg);padding:2rem;border-radius:8px;box-shadow:0 2px 12px #0000001a;display:flex;flex-direction:column;gap:1.5rem}.admin-product-form-page form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 768px){.admin-product-form-page form .form-grid{grid-template-columns:1fr}}.admin-product-form-page form .form-group{display:flex;flex-direction:column}.admin-product-form-page form .form-group label{margin-bottom:.5rem;font-weight:500;color:var(--text-secondary)}.admin-product-form-page form .form-group input,.admin-product-form-page form .form-group textarea,.admin-product-form-page form .form-group select{padding:.75rem 1rem;font-size:1rem;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:var(--bg);color:var(--text);transition:border-color .2s}.admin-product-form-page form .form-group input:focus,.admin-product-form-page form .form-group textarea:focus,.admin-product-form-page form .form-group select:focus{outline:none;border-color:var(--link)}.admin-product-form-page form .form-group textarea{resize:vertical;min-height:100px}.admin-product-form-page form .image-preview{width:100%;max-width:200px;height:auto;border-radius:4px;object-fit:cover;margin-top:.5rem}.admin-product-form-page form .actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.admin-product-form-page form .actions .btn{padding:.75rem 1.5rem;background:var(--btn-bg);color:var(--btn-text);border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:filter .2s}.admin-product-form-page form .actions .btn:hover{filter:brightness(.9)}.admin-product-form-page form .actions .cancel-btn{background:transparent;color:var(--text-secondary)}.admin-product-form-page form .actions .cancel-btn:hover{text-decoration:underline}.admin-product-form-page .error{color:#e74c3c;text-align:center}.admin-product-form-page .loading{text-align:center}:root{--bg: #f5f5f5;--card-bg: #ffffff;--text: #000000;--text-secondary: #2d2d2d;--link: #0476F2;--btn-bg: #0476F2;--btn-text: #ffffff}html[data-theme=dark]{--bg: #2d2d2d;--card-bg: #000000;--text: #ffffff;--text-secondary: #f5f5f5;--link: #F0131E;--btn-bg: #F0131E;--btn-text: #ffffff}html[data-theme=marvel]{--bg: #FDEEEF;--card-bg: #ffffff;--text: #F0131E;--text-secondary: #990000;--link: #F0131E;--btn-bg: #F0131E;--btn-text: #ffffff}html[data-theme=marvel] main{background-color:var(--bg);background-image:url(themes/frontend/public/Marvel_Logo.svg.png);background-repeat:repeat;background-size:200px 200px;background-position:0 0}html[data-theme=dc]{--bg: #EAF5FF;--card-bg: #ffffff;--text: #0476F2;--text-secondary: #0253A4;--link: #0476F2;--btn-bg: #0476F2;--btn-text: #ffffff}.login-page{display:flex;justify-content:center;padding:4rem 1rem}.login-page form{background:var(--card-bg);color:var(--text);padding:2rem;border-radius:8px;box-shadow:0 4px 12px #0000001a;width:100%;max-width:400px}.login-page form h1{font-size:2rem;margin-bottom:1.5rem;text-align:center;color:var(--link)}.login-page form p.error{color:#e74c3c;margin-bottom:1rem;text-align:center}.login-page form .form-group{display:flex;flex-direction:column;margin-bottom:1rem}.login-page form .form-group label{margin-bottom:.5rem;font-weight:500}.login-page form .form-group input{padding:.75rem;font-size:1rem;border:1px solid #ccc;border-radius:4px}.login-page form .form-group input:focus{outline:none;border-color:var(--link)}.login-page form button[type=submit]{width:100%;padding:.75rem;font-size:1rem;background:var(--btn-bg);color:var(--btn-text);border:none;border-radius:4px;cursor:pointer;font-weight:600;margin-top:1rem;transition:filter .2s ease}.login-page form button[type=submit]:hover{filter:brightness(.9)}.login-page form p.register{margin-top:1rem;text-align:center;font-size:.9rem}.login-page form p.register a{color:var(--link);text-decoration:none;font-weight:500}.login-page form p.register a:hover{text-decoration:underline}@media (max-width: 768px){.login-page{padding:2rem 0}.login-page form{padding:1.5rem}}.register-page{display:flex;justify-content:center;padding:4rem 1rem}.register-page form{background:var(--card-bg);color:var(--text);padding:2rem;border-radius:8px;box-shadow:0 4px 12px #0000001a;width:100%;max-width:400px}.register-page form h1{font-size:2rem;margin-bottom:1.5rem;text-align:center;color:var(--link)}.register-page form p.error{color:#e74c3c;margin-bottom:1rem;text-align:center}.register-page form .form-group{display:flex;flex-direction:column;margin-bottom:1rem}.register-page form .form-group label{margin-bottom:.5rem;font-weight:500}.register-page form .form-group input{padding:.75rem 1rem;font-size:1rem;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:var(--bg);color:var(--text);transition:border-color .2s ease}.register-page form .form-group input:focus{outline:none;border-color:var(--link)}.register-page form button[type=submit]{width:100%;padding:.75rem;font-size:1rem;background:var(--btn-bg);color:var(--btn-text);border:none;border-radius:4px;cursor:pointer;font-weight:600;margin-top:1rem;transition:filter .2s ease}.register-page form button[type=submit]:hover{filter:brightness(.9)}.register-page form p.register{margin-top:1rem;text-align:center;font-size:.9rem}.register-page form p.register a{color:var(--link);text-decoration:none;font-weight:500}.register-page form p.register a:hover{text-decoration:underline}@media (max-width: 768px){.register-page{padding:2rem 0}.register-page form{padding:1.5rem}}