@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,900&display=swap";.header{background-color:var(--color-brand-dark);border-bottom:2px solid var(--color-brand-accent)}.header-inner{max-width:var(--container-max);margin:0 auto;padding:var(--space-sm) var(--container-padding);display:flex;justify-content:center;align-items:center}.header-logo{height:64px;width:auto;object-fit:contain}.navbar{background-color:var(--color-brand-dark);height:var(--navbar-height);position:sticky;top:0;z-index:var(--z-sticky);box-shadow:var(--shadow-md)}.navbar-inner{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding);height:100%;display:flex;align-items:center;justify-content:space-between}.navbar-nav,.navbar-auth{list-style:none;display:flex;align-items:center;gap:var(--space-2xs);margin:0;padding:0}.navbar-nav a,.navbar-auth a{display:flex;align-items:center;gap:var(--space-xs);color:var(--color-navbar-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);transition:background-color var(--transition-fast),color var(--transition-fast);white-space:nowrap}.navbar-nav a:hover,.navbar-nav a.active,.navbar-auth .nav-icon-link:hover{background-color:var(--color-navbar-hover-bg);color:var(--color-brand-accent)}.nav-cart{position:relative;display:flex;align-items:center;gap:var(--space-xs)}.cart-badge{background-color:var(--color-brand-accent);color:var(--color-brand-dark);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:var(--radius-full);min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0 4px}.nav-btn{padding:var(--space-xs) var(--space-md)!important;border-radius:var(--radius-md)!important;font-weight:var(--font-weight-semibold)!important;font-size:var(--font-size-sm)!important;transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)!important}.nav-btn--ghost{background-color:transparent;color:var(--color-navbar-text)!important;border:1px solid rgba(255,255,255,.3)}.nav-btn--ghost:hover{background-color:#ffffff14!important;border-color:#fff9}.nav-btn--primary{background-color:var(--color-brand-accent)!important;color:var(--color-brand-dark)!important;border:none}.nav-btn--primary:hover{background-color:var(--color-brand-accent-hover)!important;box-shadow:var(--shadow-md)}.users-list-page{max-width:var(--container-max);margin:var(--space-2xl) auto;padding:0 var(--container-padding)}.users-list-page h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-xl)}table{width:100%;border-collapse:collapse;background-color:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}thead{background-color:var(--color-brand-dark)}th{color:var(--color-text-inverse);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-md) var(--space-lg);text-align:left;letter-spacing:.04em;text-transform:uppercase}td{padding:var(--space-md) var(--space-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background-color:var(--color-surface-alt)}th:nth-child(1),td:nth-child(1){width:30%}th:nth-child(2),td:nth-child(2){width:30%}th:nth-child(3),td:nth-child(3){width:15%}th:nth-child(4),td:nth-child(4){width:25%;text-align:center}.role-badge{display:inline-block;padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em}.role-badge.admin{background-color:#ff990026;color:var(--color-brand-accent)}.role-badge.user{background-color:#007bff1a;color:var(--color-info)}.update-role{display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.update-role select{padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family);background-color:var(--color-surface);color:var(--color-text-primary)}.update-role button{padding:var(--space-xs) var(--space-md);background-color:var(--color-brand-dark);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);font-family:var(--font-family);cursor:pointer;transition:background-color var(--transition-fast);width:auto}.update-role button:hover{background-color:var(--color-brand-accent);color:var(--color-brand-dark)}.update-role button:disabled{background-color:var(--color-border);cursor:not-allowed}.user-profile{max-width:560px;margin:var(--space-2xl) auto;padding:var(--space-xl);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.user-profile h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-xl);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-brand-accent)}.user-profile p{font-size:var(--font-size-base);color:var(--color-text-secondary);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-sm)}.user-profile p:last-of-type{border-bottom:none}.user-profile strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);min-width:110px}.user-profile button{margin-top:var(--space-lg);padding:var(--space-sm) var(--space-xl);background-color:var(--color-brand-accent);color:var(--color-brand-dark);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);font-family:var(--font-family);cursor:pointer;transition:background-color var(--transition-fast),box-shadow var(--transition-fast)}.user-profile button:hover{background-color:var(--color-brand-accent-hover);box-shadow:var(--shadow-md)}.form-container{max-width:440px;margin:var(--space-2xl) auto;padding:var(--space-xl);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.form-container h2{text-align:center;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-xl)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.form-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.form-group input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-family);color:var(--color-text-primary);background-color:var(--color-surface);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-sizing:border-box}.form-group input:focus{outline:none;border-color:var(--color-brand-accent);box-shadow:0 0 0 3px #ff990026}.error{color:var(--color-danger);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:center;margin-bottom:var(--space-sm)}.success{color:var(--color-success);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:center;margin-bottom:var(--space-sm)}.form-container button[type=submit]{width:100%;padding:var(--space-sm) var(--space-md);background-color:var(--color-brand-accent);color:var(--color-brand-dark);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);font-family:var(--font-family);cursor:pointer;margin-top:var(--space-sm);transition:background-color var(--transition-fast),box-shadow var(--transition-fast)}.form-container button[type=submit]:hover{background-color:var(--color-brand-accent-hover);box-shadow:var(--shadow-md)}.product-card{position:relative;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;height:100%;transition:transform var(--transition-base),box-shadow var(--transition-base);box-shadow:var(--shadow-sm)}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.product-image{width:100%;height:180px;object-fit:contain;background-color:var(--color-surface-alt);padding:var(--space-md);flex-shrink:0}.discount-badge{position:absolute;top:var(--space-sm);left:var(--space-sm);background-color:var(--color-danger);color:var(--color-text-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-sm);z-index:var(--z-base);letter-spacing:.03em}.product-info{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);flex:1;min-width:0}.product-title{font-size:var(--font-size-sm)!important;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:var(--line-height-normal);min-height:calc(var(--font-size-sm) * var(--line-height-normal) * 2);background:none;border:none;padding:0;margin:0}.product-prices{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.original-price{text-decoration:line-through;color:var(--color-text-strike);font-size:var(--font-size-xs)}.discounted-price{color:var(--color-danger);font-weight:var(--font-weight-bold);font-size:var(--font-size-md)}.details-link{display:block;margin-top:auto;padding:var(--space-xs) var(--space-md);background-color:var(--color-brand-accent);color:var(--color-brand-dark)!important;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);text-align:center;transition:background-color var(--transition-fast),box-shadow var(--transition-fast)}.details-link:hover{background-color:var(--color-brand-accent-hover);box-shadow:var(--shadow-md)}.product-card.daily-deals{border-color:var(--color-brand-accent)}.product-card.daily-deals .details-link{background-color:var(--color-brand-dark);color:var(--color-text-inverse)!important}.product-card.daily-deals .details-link:hover{background-color:#2e2d3d}.product-card.discounted{border-color:var(--color-danger)}.products-grid>div{height:100%}.products-page{max-width:var(--container-max);margin:var(--space-2xl) auto;padding:0 var(--container-padding)}.products-page h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-xl)}.filter{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap;margin-bottom:var(--space-xl);padding:var(--space-md) var(--space-lg);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.filter label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.filter select{padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text-primary);background-color:var(--color-surface);cursor:pointer;transition:border-color var(--transition-fast)}.filter select:focus{outline:none;border-color:var(--color-brand-accent)}.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-lg)}.product-details{display:grid;grid-template-columns:auto 1fr 1fr;gap:var(--space-xl);max-width:var(--container-max);margin:var(--space-2xl) auto;padding:0 var(--container-padding);align-items:start}.product-thumbnails{display:flex;flex-direction:column;gap:var(--space-xs)}.product-thumbnail{width:72px;height:72px;object-fit:contain;border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;padding:var(--space-2xs);background-color:var(--color-surface-alt);transition:border-color var(--transition-fast)}.product-thumbnail:hover{border-color:var(--color-brand-accent)}.product-main-image{width:100%;max-height:480px;object-fit:contain;border-radius:var(--radius-lg);background-color:var(--color-surface-alt);padding:var(--space-md);border:1px solid var(--color-border)}.product-buttons{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap}.product-buttons input[type=number]{width:72px;padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-family);text-align:center}.product-info{display:flex;flex-direction:column;gap:var(--space-md)}.product-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.product-price{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.original-price{text-decoration:line-through;color:var(--color-text-strike);font-size:var(--font-size-base);font-weight:var(--font-weight-regular)}.discounted-price{color:var(--color-danger);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.product-description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.product-category{font-size:var(--font-size-sm);color:var(--color-text-muted)}.add-to-cart-button,.edit-product-button,.delete-product-button{padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:var(--font-family);cursor:pointer;transition:background-color var(--transition-fast),box-shadow var(--transition-fast)}.add-to-cart-button{background-color:var(--color-brand-accent);color:var(--color-brand-dark)}.add-to-cart-button:hover{background-color:var(--color-brand-accent-hover);box-shadow:var(--shadow-md)}.edit-product-button{background-color:var(--color-info);color:var(--color-text-inverse)}.edit-product-button:hover{background-color:var(--color-info-hover)}.delete-product-button{background-color:var(--color-danger);color:var(--color-text-inverse)}.delete-product-button:hover{background-color:var(--color-danger-hover)}form{max-width:600px;margin:var(--space-2xl) auto;padding:var(--space-xl);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--space-md)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}form label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}form input[type=text],form input[type=number],form textarea,form select{width:100%;padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-family);color:var(--color-text-primary);background-color:var(--color-surface);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-sizing:border-box}form input:focus,form textarea:focus,form select:focus{outline:none;border-color:var(--color-brand-accent);box-shadow:0 0 0 3px #ff990026}form textarea{min-height:120px;resize:vertical}form button[type=submit]{background-color:var(--color-brand-accent);color:var(--color-brand-dark);border:none;padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);font-family:var(--font-family);cursor:pointer;transition:background-color var(--transition-fast),box-shadow var(--transition-fast);align-self:flex-start}form button[type=submit]:hover{background-color:var(--color-brand-accent-hover);box-shadow:var(--shadow-md)}.image-input{display:flex;align-items:center;gap:var(--space-sm)}.image-input input{flex:1}.image-input button{background-color:var(--color-danger);color:var(--color-text-inverse);border:none;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family);cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast)}.image-input button:hover{background-color:var(--color-danger-hover)}.error{color:var(--color-danger);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.success{color:var(--color-success);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-md)}.category-card{display:flex;align-items:center;justify-content:center;padding:var(--space-lg) var(--space-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);text-decoration:none;text-align:center;min-height:72px;transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow-sm)}.category-card:hover{background-color:var(--color-brand-dark);color:var(--color-brand-accent);border-color:var(--color-brand-dark);transform:translateY(-3px);box-shadow:var(--shadow-md)}.category-card h2{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0;color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.discounted-products{background:linear-gradient(135deg,var(--color-brand-dark) 0%,#2e2d3d 100%);border-radius:var(--radius-xl);padding:var(--space-xl);overflow:hidden}.deals-layout{display:flex;gap:var(--space-xl);align-items:center}.deals-promo{flex:0 0 220px;display:flex;flex-direction:column;gap:var(--space-sm);color:var(--color-text-inverse)}.deals-tag{display:inline-block;background-color:var(--color-brand-accent);color:var(--color-brand-dark);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-sm);letter-spacing:.05em;text-transform:uppercase;width:fit-content}.deals-promo .deals-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-inverse);line-height:var(--line-height-tight);border:none;margin:0;padding:0}.deals-promo p{font-size:var(--font-size-sm);color:#ffffffb3;line-height:var(--line-height-relaxed)}.deals-carousel-wrapper{flex:1;position:relative;min-width:0}.deals-carousel{display:flex;overflow-x:auto;gap:var(--space-md);padding:var(--space-xs) var(--space-2xs);scroll-behavior:smooth;scrollbar-width:none}.deals-carousel::-webkit-scrollbar{display:none}.carousel-item{flex:0 0 240px}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;background-color:var(--color-brand-accent);color:var(--color-brand-dark);border:none;border-radius:var(--radius-full);cursor:pointer;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow-md);z-index:var(--z-base);line-height:1}.carousel-button:hover{background-color:#fff;box-shadow:var(--shadow-lg)}.carousel-button.left{left:-18px}.carousel-button.right{right:-18px}.discounted-products h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-xl)}.best-deals-main-container{display:flex;gap:var(--space-xl);align-items:center;margin-bottom:var(--space-2xl)}.texts-container{flex:0 0 280px;display:flex;flex-direction:column;gap:var(--space-sm)}.texts-container h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.texts-container p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.best-deals-grid{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.discounted-products h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-lg);padding-bottom:var(--space-xs);border-bottom:3px solid var(--color-brand-accent);display:inline-block}.carousel-container{position:relative;padding:0 var(--space-3xl)}.other-deals-carousel{display:flex;overflow-x:auto;gap:var(--space-md);padding:var(--space-xs) var(--space-2xs);scroll-behavior:smooth}.other-deals-carousel::-webkit-scrollbar{display:none}.carousel-item{flex:0 0 260px}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;background-color:var(--color-brand-dark);color:var(--color-text-inverse);border:none;border-radius:var(--radius-full);cursor:pointer;font-size:var(--font-size-md);display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow-md);z-index:var(--z-base)}.carousel-button:hover{background-color:var(--color-brand-accent);color:var(--color-brand-dark);box-shadow:var(--shadow-lg)}.carousel-button.left{left:0}.carousel-button.right{right:0}.featured-products h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-lg);padding-bottom:var(--space-xs);border-bottom:3px solid var(--color-brand-accent);display:inline-block}.featured-products .products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-lg)}.new-arrivals h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-lg);padding-bottom:var(--space-xs);border-bottom:3px solid var(--color-brand-accent);display:inline-block}.new-arrivals .products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-lg)}.recommended-products h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-lg);padding-bottom:var(--space-xs);border-bottom:3px solid var(--color-brand-accent);display:inline-block}.recommended-products .products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-lg)}.daily-deals h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-lg);padding-bottom:var(--space-xs);border-bottom:3px solid var(--color-brand-accent);display:inline-block}.daily-deals .products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-lg)}.home{max-width:var(--container-max);margin:0 auto;padding:var(--space-xl) var(--container-padding);display:flex;flex-direction:column;gap:var(--space-2xl)}.home>h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-align:center}.home h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-lg);padding-bottom:var(--space-xs);border-bottom:3px solid var(--color-brand-accent);display:inline-block}.promotional-banner{background:linear-gradient(135deg,var(--color-brand-dark) 0%,#2e2d3d 100%);color:var(--color-text-inverse);padding:var(--space-xl) var(--space-2xl);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-lg)}.promotional-banner h2{color:var(--color-brand-accent);font-size:var(--font-size-2xl);border:none;margin-bottom:var(--space-sm)}.promotional-banner p{color:#ffffffd9;font-size:var(--font-size-md)}.cartpage{max-width:900px;margin:var(--space-2xl) auto;padding:0 var(--container-padding)}.cartpage h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-xl);padding-bottom:var(--space-sm);border-bottom:3px solid var(--color-brand-accent);display:inline-block}.cart-table{width:100%;border-collapse:collapse;background-color:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);margin-bottom:var(--space-xl)}.cart-table thead{background-color:var(--color-brand-dark)}.cart-table th{color:var(--color-text-inverse);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-md) var(--space-lg);text-align:left;text-transform:uppercase;letter-spacing:.04em}.cart-table td{padding:var(--space-md) var(--space-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);vertical-align:middle}.cart-table tbody tr:last-child td{border-bottom:none}.cart-table tbody tr:hover{background-color:var(--color-surface-alt)}.cart-table tfoot td{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);border-top:2px solid var(--color-border);padding:var(--space-md) var(--space-lg)}.cart-table input[type=number]{width:64px;padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family);text-align:center}.cart-table input[type=number]:focus{outline:none;border-color:var(--color-brand-accent);box-shadow:0 0 0 3px #ff990026}.btn-delete{padding:var(--space-xs) var(--space-sm);background-color:transparent;color:var(--color-danger);border:1px solid var(--color-danger);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);font-family:var(--font-family);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);width:auto}.btn-delete:hover{background-color:var(--color-danger);color:var(--color-text-inverse)}.cart-summary{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--space-lg)}.cart-summary-total{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.cart-summary-total span{color:var(--color-danger)}.stripe-card-wrapper{padding:var(--space-md);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background-color:var(--color-brand-dark)}.StripeElement{padding:var(--space-sm)}.btn-checkout{width:100%;padding:var(--space-md);background-color:var(--color-brand-accent);color:var(--color-brand-dark);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);font-family:var(--font-family);cursor:pointer;transition:background-color var(--transition-fast),box-shadow var(--transition-fast)}.btn-checkout:hover{background-color:var(--color-brand-accent-hover);box-shadow:var(--shadow-md)}.btn-checkout:disabled{background-color:var(--color-border);color:var(--color-text-muted);cursor:not-allowed;box-shadow:none}.empty-cart{text-align:center;font-size:var(--font-size-lg);color:var(--color-text-muted);padding:var(--space-3xl) 0}.success-page{max-width:700px;margin:var(--space-2xl) auto;padding:var(--space-xl);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);text-align:center}.success-page h1{color:var(--color-success);font-size:var(--font-size-2xl);margin-bottom:var(--space-sm)}.success-page h2{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--space-xl);border:none;display:block}.success-page h3{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--space-lg);font-weight:var(--font-weight-regular)}.success-page .btn-home{display:inline-block;margin-top:var(--space-xl);padding:var(--space-sm) var(--space-xl);background-color:var(--color-brand-accent);color:var(--color-brand-dark);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);font-family:var(--font-family);cursor:pointer;transition:background-color var(--transition-fast),box-shadow var(--transition-fast);width:auto}.success-page .btn-home:hover{background-color:var(--color-brand-accent-hover);box-shadow:var(--shadow-md)}.footer{background-color:var(--color-brand-dark);color:var(--color-text-inverse);padding:var(--space-2xl) 0 0;font-family:var(--font-family);border-top:2px solid var(--color-brand-accent)}.footer-container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-xl);max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding) var(--space-2xl)}.footer-section{flex:1;min-width:180px;display:flex;flex-direction:column;gap:var(--space-sm)}.footer-logo{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-brand-accent);letter-spacing:.05em;margin:0}.footer-description{font-size:var(--font-size-sm);color:#fff9;line-height:var(--line-height-relaxed)}.footer-heading{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-inverse);text-transform:uppercase;letter-spacing:.08em;margin:0}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-xs)}.footer-link{color:#fff9;font-size:var(--font-size-sm);text-decoration:none;transition:color var(--transition-fast)}.footer-link:hover{color:var(--color-brand-accent)}.footer-socials{display:flex;gap:var(--space-sm)}.footer-social-link{color:#fff9;transition:color var(--transition-fast),transform var(--transition-fast);display:flex;align-items:center}.footer-social-link:hover{color:var(--color-brand-accent);transform:translateY(-2px)}.footer-copyright{border-top:1px solid rgba(255,255,255,.1);padding:var(--space-md) var(--container-padding);text-align:center;font-size:var(--font-size-xs);color:#fff6}.footer-creator{color:var(--color-brand-accent);font-weight:var(--font-weight-semibold)}:root{--color-brand-dark: #201f2c;--color-brand-accent: #ff9900;--color-brand-accent-hover: #e68a00;--color-danger: #ff4d4d;--color-danger-hover: #e63939;--color-success: #28a745;--color-success-hover: #218838;--color-info: #007bff;--color-info-hover: #0056b3;--color-warning: #ffcc00;--color-bg: #f0f2f5;--color-surface: #ffffff;--color-surface-alt: #f9f9f9;--color-border: #e0e0e0;--color-border-strong: #cccccc;--color-text-primary: #1a1a2e;--color-text-secondary: #555566;--color-text-muted: #999aaa;--color-text-inverse: #ffffff;--color-text-accent: #ff9900;--color-text-danger: #ff4d4d;--color-text-strike: #aaaaaa;--color-navbar-bg: #201f2c;--color-navbar-text: #ffffff;--color-navbar-hover-bg: rgba(255, 255, 255, .1);--font-family: "Poppins", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 2px 8px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .15);--shadow-xl: 0 16px 40px rgba(0, 0, 0, .18);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--container-max: 1280px;--container-padding: var(--space-lg);--navbar-height: 56px;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-toast: 400}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.section{padding:var(--space-2xl) 0}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-lg)}