@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap);:root{--primary:#2eb877;--primary-dark:#1f935d;--primary-light:#75d7a9;--secondary:#46c389;--accent:#f6a355;--danger:#f66;--eerie-black:#212121;--onyx:#454545;--davys-gray:#545454;--sonic-silver:#787878;--spanish-gray:#999;--text-main:var(--eerie-black);--text-secondary:var(--davys-gray);--text-muted:var(--sonic-silver);--white:#fff;--cultured:#f5f5f5;--bg-body:var(--white);--bg-white:var(--white);--bg-surface:var(--cultured);--border-color:#e8e8e8;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 24px #0000001f;--shadow-xl:0 16px 48px #00000026;--font-sans:"Poppins",system-ui,-apple-system,sans-serif;--font-heading:"Poppins",sans-serif;--fs-1:1.563rem;--fs-2:1.375rem;--fs-3:1.25rem;--fs-4:1.125rem;--fs-5:1rem;--fs-6:0.938rem;--fs-7:0.875rem;--fs-8:0.813rem;--fs-9:0.75rem;--weight-300:300;--weight-400:400;--weight-500:500;--weight-600:600;--weight-700:700;--radius-sm:5px;--radius-lg:15px;--radius-full:50px;--transition:0.25s ease;--transition-fast:0.15s ease;--transition-slow:0.4s ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{overscroll-behavior:contain;scroll-behavior:smooth}body,html{font-family:Poppins,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);overflow-x:hidden;width:100%}body{background-color:#fff;background-color:var(--bg-body);background-image:radial-gradient(circle at 20% 50%,#4f46e514 0,#0000 50%),radial-gradient(circle at 80% 80%,#4f46e50f 0,#0000 50%),linear-gradient(135deg,#fff,#f8f7ff);color:#212121;color:var(--text-main);font-size:.938rem;font-size:var(--fs-6);line-height:1.6;margin:0;padding:0}#root{display:flex;flex-direction:column;min-height:100vh;width:100%}a{display:inline-block}li{list-style:none}a,button,img{display:block}button{background:none;border:none;cursor:pointer;font:inherit}input{display:block;font:inherit;width:100%}input::placeholder{color:#999;color:var(--spanish-gray);font:inherit}h1,h2,h3,h4,h5,h6{color:#212121;color:var(--text-main);font-family:Poppins,sans-serif;font-family:var(--font-heading);font-weight:600;font-weight:var(--weight-600);line-height:1.3}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f5f5f5;background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:#ccc;border:2px solid #f5f5f5;border:2px solid var(--bg-surface);border-radius:10px;border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:#b3b3b3}.container{max-width:1280px;padding:0 15px}.has-scrollbar{overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory}.has-scrollbar::-webkit-scrollbar-thumb{background:#0000}.has-scrollbar:hover::-webkit-scrollbar-thumb{background:#d9d9d9}.section-title{border-bottom:2px solid #e8e8e8;border-bottom:2px solid var(--border-color);color:#212121;font-size:1.375rem;font-size:var(--fs-2);letter-spacing:.5px;margin-bottom:25px;padding-bottom:10px;text-transform:capitalize}.btn,.section-title{font-weight:var(--weight-600)}.btn{border-radius:var(--radius-md);font-size:var(--fs-7);justify-content:center;padding:12px 24px;transition:.25s ease;transition:var(--transition)}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover{background:#1f935d;background:var(--primary-dark);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{background:#212121;background:var(--text-main);color:#fff;color:var(--white)}.btn-secondary:hover{background:#454545;background:var(--onyx)}.btn-outline{background:#0000;border:2px solid #e8e8e8;border:2px solid var(--border-color);color:#212121;color:var(--text-main)}.btn-outline:hover{border-color:#2eb877;border-color:var(--primary);color:#2eb877;color:var(--primary)}.input-field{background:#fff;background:var(--white);border:1px solid #e8e8e8;border:1px solid var(--border-color);color:#212121;font-size:.875rem;font-size:var(--fs-7);padding:12px 16px;transition:.25s ease;transition:var(--transition)}.input-field:focus{border-color:#2eb877;border-color:var(--primary);box-shadow:0 0 0 3px #75d7a9;box-shadow:0 0 0 3px var(--primary-light);outline:none}.card{background:#fff;background:var(--white);border-radius:10px;border-radius:var(--radius-md);box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow-sm);transition:.25s ease;transition:var(--transition)}.card:hover{box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.badge{border-radius:50px;border-radius:var(--radius-full);display:inline-block;font-size:.75rem;font-size:var(--fs-9);font-weight:600;font-weight:var(--weight-600);padding:4px 10px;text-transform:uppercase}.badge-primary{background:#2eb877;background:var(--primary)}.badge-danger,.badge-primary{color:#fff;color:var(--white)}.badge-danger{background:#f66;background:var(--danger)}.badge-success{background:#46c389;background:var(--secondary);color:#fff;color:var(--white)}.overlay{transition:.25s ease}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{background-color:var(--bg-body);color:var(--text-main);display:flex;flex-direction:column;min-height:100vh;width:100%}main{flex:1 1}main.customer-main-wrapper{padding-top:200px}@media (max-width:992px){main.customer-main-wrapper{padding-top:130px}}main.admin-main-wrapper{padding-top:0}a{color:inherit;text-decoration:none}button{font-family:inherit}.product-card{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:var(--transition)}.product-card:hover{border-color:#0000;box-shadow:0 12px 24px #0000001f;transform:translateY(-6px)}.product-image-container{align-items:center;background:var(--white);display:flex;justify-content:center;overflow:hidden;padding-top:140%;position:relative;width:100%}.image-link{align-items:center;display:flex;justify-content:center}.image-link,.image-skeleton{height:100%;left:0;position:absolute;top:0;width:100%}.image-skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}.product-image{height:100%;object-fit:cover;object-position:center top;opacity:0;transition:transform .5s cubic-bezier(.4,0,.2,1);width:100%}.product-image.loaded{opacity:1}.product-image.portrait{object-fit:cover;object-position:center top}.product-image.landscape{background:var(--white);object-fit:contain;object-position:center}.product-card:hover .product-image{transform:scale(1.05)}.wishlist-btn{background:#fffffff2;border:none;border-radius:50%;box-shadow:0 4px 12px #00000026;color:var(--text-light);height:40px;opacity:0;position:absolute;right:12px;top:12px;transform:translateY(-8px);width:40px;z-index:2}.product-card:hover .wishlist-btn{opacity:1;transform:translateY(0)}.wishlist-btn:hover{background:#d1d5db;box-shadow:0 6px 16px #d1d5db4d;color:var(--white);transform:scale(1.12) rotate(8deg)}.wishlist-btn.active{background:var(--primary);box-shadow:0 6px 16px rgba(var(--primary-rgb),.3);color:var(--white);opacity:1;transform:translateY(0)}.wishlist-btn.active:hover{background:#ff6b6b;box-shadow:0 6px 16px #ff6b6b4d;color:var(--white);transform:scale(1.12) rotate(8deg)}.wishlist-btn svg{transition:transform .3s ease}.wishlist-btn.active svg{filter:drop-shadow(0 0 2px rgba(255,255,255,.5))}.discount-tag{align-items:center;background:linear-gradient(135deg,#a855f7,#7c3aed);border-radius:50%;box-shadow:0 4px 12px #a855f766;color:var(--white);display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;gap:0;height:40px;justify-content:center;left:12px;padding:0;position:absolute;top:12px;width:40px;z-index:2}.discount-number{font-size:11px;font-weight:700;letter-spacing:-.5px;line-height:1}.discount-bengali{animation:blinkText 1.5s ease-in-out infinite;font-family:SolaimanLipi,Noto Sans Bengali,sans-serif;font-size:10px;font-weight:700}@keyframes blinkText{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes glowBlink{0%{box-shadow:0 4px 12px #ff6b6b66}50%{box-shadow:0 0 20px #ff6b6bcc,0 4px 12px #ff6b6b66}to{box-shadow:0 4px 12px #ff6b6b66}}.stock-overlay{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:3}.stock-overlay span{background:var(--white);border-radius:var(--radius-sm);color:var(--text-main);font-size:var(--fs-8);font-weight:var(--weight-600);padding:8px 16px;text-transform:uppercase}.product-details{display:flex;flex:1 1;flex-direction:column;gap:10px;padding:14px 16px}.product-title-link{text-decoration:none}.product-details .product-title-link .product-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;color:var(--text-main);display:-webkit-box;font-size:13px!important;font-weight:var(--weight-600);letter-spacing:-.2px;line-height:1.3;margin:0;min-height:28px;overflow:hidden;transition:color .3s ease}.product-card:hover .product-title{color:var(--primary)}.product-footer{align-items:stretch;display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:6px}.price-info{align-items:baseline;display:flex;flex-wrap:wrap;gap:4px}.price-info .price{color:var(--primary);font-family:Poppins,sans-serif;font-size:13px;font-weight:var(--weight-700);line-height:1.2}.price-info .original-price{color:var(--text-muted);font-size:11px;font-weight:var(--weight-400);margin-left:2px;text-decoration:line-through}.product-footer .action-btn{align-items:center;background:#22c55e;border:none;border-radius:4px;color:var(--white);cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:4px;justify-content:center;letter-spacing:.2px;line-height:1;padding:9px 10px;transition:all .25s ease;white-space:nowrap;width:100%}.product-footer .action-btn:hover:not(:disabled){background:#16a34a;box-shadow:0 4px 12px #22c55e4d;transform:translateY(-2px)}.product-footer .action-btn:active:not(:disabled){transform:translateY(0)}.product-footer .action-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.5}.product-footer .action-btn .btn-text{display:inline;font-size:13px;font-weight:700}@media (min-width:1200px){.product-details .product-title-link .product-title{font-size:15px!important}.price-info .price{font-size:13px!important}.price-info .original-price{font-size:12px!important}.product-footer .action-btn{font-size:13px!important;padding:9px 10px}}@media (max-width:992px){.product-image-container{padding-top:130%}.product-card:hover .product-image{transform:scale(1.04)}}@media (max-width:768px){.product-image-container{padding-top:125%}.wishlist-btn{background:#fffffffa;height:36px;right:8px;top:8px;width:36px}.product-card:hover .wishlist-btn,.wishlist-btn{opacity:1;transform:translateY(0)}.wishlist-btn svg{height:18px;width:18px}.discount-tag{font-size:var(--fs-9);left:8px;padding:4px 10px;top:8px}.product-details{gap:8px;padding:12px 14px}.product-title{font-size:13px!important;min-height:28px}.price-info .price{font-size:var(--fs-5)}.product-footer .action-btn{font-size:13px;font-weight:700;padding:9px 10px}}@media (max-width:480px){.product-image-container{padding-top:120%}.wishlist-btn{height:32px;right:6px;top:6px;width:32px}.wishlist-btn svg{height:16px;width:16px}.discount-tag{font-size:10px;left:6px;padding:3px 8px;top:6px}.product-details{gap:6px;padding:10px 12px}.product-title{font-size:12px!important;min-height:24px}.price-info{align-items:flex-start;flex-direction:column;gap:2px}.price-info .price{font-size:var(--fs-6)}.price-info .original-price{font-size:10px;margin-left:0}.product-footer{gap:8px}.product-footer .action-btn{border-radius:6px;padding:10px}.product-footer .action-btn,.product-footer .action-btn .btn-text{font-size:13px;font-weight:700}}.quick-order-overlay{animation:qo-fade-in .2s ease;background:#00000080;display:flex;inset:0;position:fixed;z-index:9999}@keyframes qo-fade-in{0%{opacity:0}to{opacity:1}}.quick-order-modal{background:#fff;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;max-width:420px;overflow:hidden;width:100%}@media (min-width:769px){.quick-order-overlay{align-items:stretch;justify-content:flex-start;padding:0}.quick-order-modal{animation:qo-slide-from-left .3s cubic-bezier(.25,.46,.45,.94);border-radius:0 20px 20px 0;box-shadow:6px 0 40px #00000038;height:100vh;max-width:400px;overflow:hidden;width:400px}}@keyframes qo-slide-from-left{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@media (max-width:480px){.quick-order-overlay{align-items:flex-end;justify-content:center;padding:0}.quick-order-modal{animation:qo-slide-up .25s cubic-bezier(.25,.46,.45,.94);border-radius:20px 20px 0 0;box-shadow:0 -8px 40px #0000002e;max-height:90vh;max-width:100%;overflow:hidden;width:100%}}@keyframes qo-slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (min-width:481px) and (max-width:768px){.quick-order-overlay{align-items:center;justify-content:center;padding:16px}.quick-order-modal{animation:qo-slide-up .22s ease;border-radius:16px;max-height:90vh;overflow:hidden}}.qo-modal-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;flex-shrink:0;justify-content:space-between;padding:18px 22px}.qo-modal-title{color:#1a1a1a;font-size:17px;font-weight:700}.qo-modal-close{background:none;border:none;color:#888;cursor:pointer;font-size:26px;line-height:1;padding:0 4px;transition:color .15s}.qo-modal-close:hover{color:#333}.qo-modal-product{align-items:center;background:#fafafa;border-bottom:1px solid #f0f0f0;display:flex;flex-shrink:0;gap:14px;padding:16px 22px}.qo-modal-thumb{border-radius:8px;flex-shrink:0;height:80px;object-fit:cover;width:64px}.qo-modal-product-info{display:flex;flex-direction:column;gap:4px}.qo-modal-product-name{color:#1a1a1a;font-size:14px;font-weight:600;line-height:1.4;margin:0}.qo-modal-product-price{align-items:center;display:flex;gap:8px;margin:0}.qo-price{color:#2ecc71;font-size:16px;font-weight:700}.qo-original-price{color:#aaa;font-size:13px;text-decoration:line-through}.qo-modal-attrs{display:flex;flex:1 1;flex-direction:column;gap:18px;min-height:0;overflow-y:auto;padding:18px 22px}.qo-attr-group{display:flex;flex-direction:column;gap:10px}.qo-attr-label{color:#444;font-size:14px;font-weight:600}.qo-attr-selected{color:#2ecc71;font-weight:400}.qo-color-swatches{display:flex;flex-wrap:wrap;gap:8px}.qo-color-swatch{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:999px;color:#333;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:5px 12px 5px 6px;transition:border-color .15s,box-shadow .15s}.qo-color-swatch:hover{border-color:#aaa}.qo-color-swatch.selected{border-color:#2ecc71;box-shadow:0 0 0 3px #2ecc7133}.qo-color-dot{border:1px solid #0000001f;border-radius:50%;flex-shrink:0;height:18px;width:18px}.qo-color-name{font-size:13px}.qo-chips-row{display:flex;flex-wrap:wrap;gap:8px}.qo-chip{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;font-size:13px;font-weight:500;padding:6px 16px;transition:border-color .15s,background .15s,box-shadow .15s}.qo-chip:hover{background:#f5f5f5;border-color:#aaa}.qo-chip.selected{background:#f0fdf7;border-color:#2ecc71;box-shadow:0 0 0 3px #2ecc712e;color:#1a7a47}.qo-confirm-area{background:#fff;border-top:1px solid #f0f0f0;flex-shrink:0;padding:12px 22px 22px}.qo-confirm-btn{background:#2ecc71;border:none;border-radius:10px;color:#fff;cursor:pointer;display:block;font-family:inherit;font-size:16px;font-weight:700;margin:0;padding:14px;transition:background .15s,transform .1s;width:100%}.qo-confirm-btn:hover{background:#27ae60}.qo-confirm-btn:active{transform:scale(.98)}.landing-page{min-height:100vh;width:100%}.banner{background:var(--bg-surface);display:block;margin-bottom:10px;padding:5px 0;width:100%}.slider-container{border-radius:var(--radius-lg);display:block;overflow:hidden;position:relative}.slider-wrapper{display:flex;transition:transform .5s ease-in-out;width:100%}.slider-item{align-items:center;aspect-ratio:6/1;background:#f0f0f0;display:flex;flex:0 0 100%;min-width:100%;overflow:hidden;padding:0 40px;position:relative}.slider-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:1}.slider-content{position:relative;width:100%;z-index:2}.slider-content h1,.slider-content p{color:var(--white);text-shadow:0 2px 4px #0000004d}.slider-dots{bottom:15px;display:flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.slider-dot{background:#ffffff80;border:none;border-radius:50%;cursor:pointer;height:10px;padding:0;transition:all .3s ease;width:10px}.slider-dot.active{background:#fff;height:12px;transform:scale(1.2);width:12px}.banner-skeleton-loader{animation:banner-shimmer 1.5s ease-in-out infinite;aspect-ratio:6/1;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-lg);width:100%}@keyframes banner-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.category{margin-bottom:10px;padding:10px 0}.category-item-container{display:flex;gap:15px;justify-content:center;overflow-x:auto;padding:10px 0;scroll-snap-type:x mandatory}.category-item{align-items:center;background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-main);display:flex;flex:0 0 auto;flex-direction:column;gap:8px;min-width:110px;padding:8px 15px;scroll-snap-align:start;text-decoration:none;transition:var(--transition)}.category-item:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-4px)}.category-item.view-all{background:var(--primary);border-color:var(--primary);color:var(--white)}.category-img-box{align-items:center;background:var(--bg-surface);border-radius:50%;display:flex;height:32px;justify-content:center;width:32px}.category-item.view-all .category-img-box{background:#fff3}.category-icon{font-size:1.2rem;font-weight:var(--weight-700)}.category-item-title{font-size:13px;font-weight:var(--weight-600);text-align:center;white-space:nowrap}.main-content{padding:20px 0 40px}.product-section{margin-bottom:50px}.section-header{border-bottom:2px solid var(--border-color);margin-bottom:25px;padding-bottom:15px}.section-header .title{border:none;color:var(--text-main);font-size:var(--fs-2);font-weight:var(--weight-600);margin:0;padding:0}.view-all-btn{color:var(--primary);font-size:var(--fs-7);font-weight:var(--weight-500);text-decoration:none;transition:var(--transition)}.view-all-btn:hover{color:var(--primary-dark);transform:translateX(4px)}.products-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.skeleton-card{animation:shimmer 1.5s infinite;aspect-ratio:.8;background:linear-gradient(90deg,var(--bg-surface) 25%,var(--white) 50%,var(--bg-surface) 75%);border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.features-section{background:var(--bg-surface);padding:50px 0}.features-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(4,1fr)}.feature-card{align-items:center;background:var(--white);border-radius:var(--radius-md);display:flex;gap:15px;padding:25px;transition:var(--transition)}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-icon{align-items:center;background:var(--primary-light);border-radius:50%;color:var(--primary);display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.feature-content h3{color:var(--text-main);font-size:var(--fs-6);font-weight:var(--weight-600);margin-bottom:5px}.feature-content p{color:var(--text-muted);font-size:var(--fs-8);margin:0}@media (max-width:1200px){.features-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.products-grid{grid-template-columns:repeat(3,1fr)}.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.container{padding:0 12px}.slider-item{padding:20px}.banner-skeleton-loader,.slider-item{aspect-ratio:4/1}.products-grid{gap:10px;grid-template-columns:repeat(2,1fr)!important}.section-header .title{font-size:var(--fs-4)}.features-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(4,1fr)!important;overflow-x:visible}.feature-card{flex-direction:column;gap:5px;height:100%;justify-content:center;min-width:0;padding:10px 5px;text-align:center}.feature-icon{height:32px;width:32px}.feature-icon svg{height:18px;width:18px}.feature-content h3{font-size:10px;line-height:1.2;margin-bottom:0}.feature-content p{display:none}}@media (max-width:480px){.container{padding:0 10px}.slider-item{align-items:center;margin-top:4px;padding:8px 10px}.banner-skeleton-loader,.slider-item{aspect-ratio:3/1;border-radius:8px}.category-item{gap:6px;min-width:85px;padding:8px 10px}.category-img-box{height:38px;width:38px}.category-item-title{font-size:.7rem;line-height:1.2}.banner{margin-bottom:8px;padding:3px 0}.category{margin-bottom:8px;padding:8px 0}.main-content{padding:15px 0 30px}.product-section{margin-bottom:30px}.section-header{align-items:center;flex-direction:row;gap:5px;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.section-header .title{font-size:1rem;font-weight:600}.view-all-btn{font-size:.7rem;white-space:nowrap}.products-grid{gap:8px!important}.features-grid{gap:4px!important}}.category-section,.loading-grid,.products-section,.view-all-link{display:contents}.product-filter{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px;position:-webkit-sticky;position:sticky;top:100px}.product-filter h3{border-bottom:2px solid var(--bg-body);color:var(--text-main);font-size:18px;font-weight:700;margin-bottom:24px;padding-bottom:12px}.filter-section{margin-bottom:24px}.filter-section h4{color:var(--text-main);font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.price-inputs{align-items:center;display:flex;gap:10px}.price-input{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;outline:none;padding:10px 12px;transition:var(--transition);width:100%}.price-input:focus{background:var(--white);border-color:var(--primary)}.filter-select{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-main);cursor:pointer;font-size:14px;outline:none;padding:10px 12px;transition:var(--transition);width:100%}.filter-select:focus{background:var(--white);border-color:var(--primary)}.filter-actions{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:12px;margin-top:30px;padding-top:24px}.apply-btn{background:var(--primary);border:none;border-radius:var(--radius-md);box-shadow:0 4px 10px #4f46e533;color:#fff;cursor:pointer;font-weight:600;padding:12px;transition:var(--transition);width:100%}.apply-btn:hover{background:var(--primary-dark);transform:translateY(-2px)}.clear-btn{background:#0000;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-weight:600;padding:12px;transition:var(--transition);width:100%}.clear-btn:hover{background:var(--bg-surface);border-color:var(--text-muted);color:var(--text-main)}.product-list-page{background:var(--bg-body);min-height:calc(100vh - 80px);padding:20px 0}.breadcrumb{color:var(--text-muted);margin-bottom:16px;white-space:nowrap}.breadcrumb a{color:var(--text-secondary);transition:var(--transition)}.product-list-layout{grid-gap:30px;display:grid;gap:30px;grid-template-columns:280px 1fr}.products-main{gap:24px}.products-header,.products-main{display:flex;flex-direction:column}.products-header{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);gap:20px;padding:24px}.products-header h1{color:var(--text-main);font-size:24px;font-weight:700;margin:0}.products-header-bottom{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.category-pills{display:flex;gap:10px;overflow-x:auto;padding-bottom:5px;scrollbar-width:none}.category-pills::-webkit-scrollbar{display:none}.pill-item{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:9999px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:8px 18px;transition:all .2s ease;white-space:nowrap}.pill-item:hover{border-color:var(--primary);color:var(--primary)}.pill-item.active{background:var(--primary);border-color:var(--primary);box-shadow:0 4px 12px #4f46e533;color:#fff}.products-count{color:var(--text-muted);font-size:14px;font-weight:500;white-space:nowrap}.product-list-page .products-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.no-products{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-muted);padding:60px;text-align:center}.pagination{gap:20px;justify-content:center;margin-top:40px;padding:20px}.pagination,.pagination-btn{align-items:center;display:flex}.pagination-btn{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-main);cursor:pointer;font-weight:600;gap:8px;padding:10px 20px;transition:var(--transition)}.pagination-btn:hover:not(:disabled){border-color:var(--primary);box-shadow:var(--shadow-sm);color:var(--primary);transform:translateY(-2px)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:var(--text-main);font-weight:600}.loading-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.skeleton-card{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#f7f7f7 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--radius-lg);height:350px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:992px){.product-list-layout{display:block}.filters-sidebar{display:none!important}.products-main{width:100%}}@media (max-width:480px){.product-list-page .container{padding:0 10px!important}.product-list-page .products-grid{gap:8px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important}.products-header{margin-bottom:15px;padding:15px}.category-pills{width:100%}.pagination{gap:10px;margin-top:20px;padding:0}.pagination-btn{font-size:13px;padding:8px 12px}}.image-gallery{align-items:flex-start;display:flex;flex-direction:row;gap:1.5rem;max-width:100%;min-width:0}.thumbnail-list{align-self:stretch;display:flex;flex-direction:column;gap:.8rem;max-height:100%;overflow-y:auto;padding-right:4px;scrollbar-width:thin}.thumbnail-list::-webkit-scrollbar{width:4px}.thumbnail-list::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}.thumbnail{background:#fff;border:1px solid #0000000d;border-radius:8px;cursor:pointer;flex:0 0 80px;height:80px;overflow:hidden;padding:0;transition:all .2s;width:80px}.thumbnail img{height:100%;object-fit:cover;width:100%}.thumbnail.active{border:2px solid #111827;box-shadow:0 2px 8px #0000001a}.thumbnail:hover:not(.active){border-color:#d1d5db}.main-image-container{flex:1 1;min-width:0;position:relative}.main-image{align-items:center;aspect-ratio:1/1;background:#fff;border:1px solid #00000008;border-radius:12px;box-shadow:0 4px 20px #0000000d;display:flex;justify-content:center;overflow:hidden;width:100%}.main-image img{height:100%;object-fit:contain;transition:transform .5s cubic-bezier(.4,0,.2,1);width:100%}.main-image:hover img{transform:scale(1.02)}.nav-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border:1px solid #00000014;border-radius:50%;box-shadow:0 2px 10px #0000001a;color:#111827;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:40px;z-index:10}.nav-btn:hover{background:#fff;box-shadow:0 4px 15px #00000026;transform:translateY(-50%) scale(1.1)}.nav-btn.prev{left:12px}.nav-btn.next{right:12px}@media (max-width:1024px){.image-gallery{align-items:stretch;flex-direction:column-reverse}.main-image-container{width:100%}.thumbnail-list{flex-direction:row;max-height:none;overflow-x:auto;padding-bottom:4px;width:100%}}@media (max-width:768px){.thumbnail{flex:0 0 64px;height:64px;width:64px}.nav-btn{height:32px;width:32px}}.star-rating{align-items:center;display:inline-flex;gap:4px}.star-rating.star-rating-small{gap:2px}.star-rating.star-rating-large{gap:6px}.star{background:none;border:none;color:#ddd;cursor:pointer;line-height:1;padding:0;transition:all .2s ease}.star-rating-small .star{font-size:16px}.star-rating-medium .star{font-size:20px}.star-rating-large .star{font-size:28px}.star.filled{color:#fbbf24;text-shadow:0 0 4px #fbbf244d}.star-rating.interactive .star:hover{transform:scale(1.1)}.star-rating.read-only .star{cursor:default;pointer-events:none}.star:focus{border-radius:2px;outline:2px solid var(--primary);outline-offset:2px}.review-list{display:flex;flex-direction:column;gap:16px}.review-card{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px;transition:var(--transition)}.review-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.review-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.review-author{gap:12px}.author-avatar,.review-author{align-items:center;display:flex}.author-avatar{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:50%;color:var(--white);flex-shrink:0;font-size:18px;font-weight:var(--weight-600);height:40px;justify-content:center;width:40px}.author-info{display:flex;flex-direction:column;gap:2px}.author-name{color:var(--text-main);font-size:15px;font-weight:var(--weight-600);margin:0}.review-date{color:var(--text-muted);font-size:13px;margin:0}.review-content{color:var(--text-secondary);font-size:14px;line-height:1.6}.review-content p{margin:0}.review-list-empty{color:var(--text-muted);padding:60px 20px;text-align:center}.review-list-empty svg{margin:0 auto 16px;opacity:.5}.review-list-empty h3{color:var(--text-main);font-size:18px;margin:0 0 8px}.review-list-empty p{font-size:14px;margin:0}.review-list-loading{color:var(--text-muted);padding:40px 20px;text-align:center}.loading-spinner{border:3px solid var(--border-color);border-top-color:var(--primary);height:40px;margin:0 auto 16px;width:40px}@media (max-width:480px){.review-card{padding:16px}.author-avatar{font-size:16px;height:36px;width:36px}.author-name{font-size:14px}.review-date{font-size:12px}.review-content{font-size:13px}}.review-form{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:24px;padding:24px}.review-form-title{color:var(--text-main);font-size:18px;font-weight:var(--weight-600);margin:0 0 20px}.form-group{margin-bottom:20px}.form-label{display:block;font-weight:var(--weight-600);margin-bottom:8px}.form-label,.form-textarea{color:var(--text-main);font-size:14px}.form-textarea{border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px;transition:var(--transition)}.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4ba55a1a;box-shadow:0 0 0 3px rgba(var(--primary-rgb,75,165,90),.1)}.form-textarea:disabled{background:var(--bg-surface);cursor:not-allowed}.form-hint{color:var(--text-muted);display:block;margin-top:6px}.form-error{background:#fee;border:1px solid #fcc;border-radius:var(--radius-md);color:#c33;font-size:14px;margin-bottom:16px;padding:12px}.submit-review-btn{font-size:15px;font-weight:var(--weight-600);letter-spacing:.5px;padding:14px;text-transform:uppercase;width:100%}.submit-review-btn:disabled{cursor:not-allowed;opacity:.6}.review-form-login-prompt{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:24px;padding:32px;text-align:center}.review-form-login-prompt p{color:var(--text-secondary);font-size:15px;margin:0 0 16px}.review-form-login-prompt .btn{padding:12px 32px}@media (max-width:480px){.review-form{padding:20px}.review-form-title{font-size:16px}.form-label{font-size:13px}.form-textarea{font-size:13px;padding:10px}.submit-review-btn{font-size:14px;padding:12px}}.product-details-page{background:var(--bg-body);min-height:calc(100vh - 80px);padding:2px 0}.product-details-page .container{margin:0 auto;max-width:1280px;padding:0 12px;width:90%}.breadcrumb{align-items:center;background:#ffffff80;border:1px solid #0000000d;border-radius:8px;color:#9ca3af;display:flex;font-size:13px;font-weight:500;gap:8px;margin-bottom:3px;padding:4px 12px;width:-webkit-fit-content;width:fit-content}.breadcrumb a{color:#6b7280;position:relative;text-decoration:none;transition:all .2s ease}.breadcrumb a:hover{color:var(--primary)}.breadcrumb span{color:#d1d5db;font-weight:400}.breadcrumb .current{color:#111827;font-weight:600}.product-details-layout{grid-gap:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd1;border:1px solid #ffffff80;border-radius:20px;box-shadow:0 10px 30px #00000008;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:40px;max-width:100%;overflow:visible;padding:24px}.product-gallery{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:100px}.product-info{gap:14px;max-width:100%}.product-info .product-title{color:#111827;font-size:30px!important;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin:0}.product-pricing{align-items:flex-start;display:flex;flex-direction:column;gap:16px}.product-pricing .price-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.price-rating-display{align-items:center;background:#f9fafb;border:1px solid var(--border-color);border-radius:8px;display:flex;gap:8px;margin-top:4px;padding:8px 14px}.price-rating-display .rating-count{color:var(--text-secondary);font-size:14px;font-weight:600}.current-price{color:var(--primary);font-size:26px;font-weight:800;letter-spacing:-.5px}.original-price{color:#9ca3af;font-size:16px;font-weight:500;text-decoration:line-through}.discount-badge{animation:glowBlinkDetails 2s steps(2,start) infinite;background:#f5f3ff;border:1px solid #7c3aed33;border-radius:9999px;color:#7c3aed;font-size:14px;padding:6px 12px}@keyframes glowBlinkDetails{0%{box-shadow:none}50%{box-shadow:0 0 20px #7c3aed66}to{box-shadow:none}}.product-info{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:100px}.product-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.wishlist-btn{align-items:center;background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;color:#6b7280;cursor:pointer;display:flex;height:54px;justify-content:center;min-width:54px;padding:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.wishlist-btn:hover{box-shadow:0 10px 15px -13px #0000001a;color:#ef4444;transform:scale(1.1)}.wishlist-btn.active{background:#fef2f2;border-color:#fca5a5;color:#ef4444}.product-stock{align-items:center;background:#f9fafb;border-radius:9999px;display:inline-flex;font-size:15px;font-weight:600;padding:6px 16px}.in-stock{color:#10b981}.out-of-stock{color:#ef4444}.free-delivery-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:13px;font-weight:600;gap:7px;padding:7px 14px;transition:background .2s,color .2s;width:-webkit-fit-content;width:fit-content}.free-delivery-badge.active{background:#dcfce7;border:1.5px solid #86efac;color:#16a34a}.free-delivery-badge.active svg{stroke:#16a34a}.free-delivery-badge.inactive{background:#f3f4f6;border:1.5px solid #e5e7eb;color:#9ca3af}.free-delivery-badge.inactive svg{stroke:#9ca3af}.product-summary{background:#f9fafb;border:1px solid #00000005;border-radius:12px;box-sizing:border-box;margin-top:12px;max-width:100%;overflow:hidden;padding:16px}.product-summary h3{color:#111827;font-size:15px;font-weight:700;margin-bottom:8px}.product-summary .summary-text{word-wrap:break-word;color:#4b5563;font-size:13.5px;line-height:1.6;max-width:100%;overflow:hidden;overflow-wrap:break-word;padding:8px 0;word-break:break-word}.product-summary .summary-text *{word-wrap:break-word;box-sizing:border-box;max-width:100%;overflow-wrap:break-word;word-break:break-word}.product-summary .summary-text h1,.product-summary .summary-text h2,.product-summary .summary-text h3,.product-summary .summary-text h4,.product-summary .summary-text h5,.product-summary .summary-text h6{color:var(--text-main);font-weight:600;margin:.5em 0 .3em}.product-summary .summary-text p{color:var(--text-secondary);margin:.5em 0}.product-summary .summary-text strong{color:var(--text-main);font-weight:700}.product-summary .summary-text em{font-style:italic}.product-summary .summary-text u{text-decoration:underline}.product-summary .summary-text ol,.product-summary .summary-text ul{margin:.5em 0;padding-left:1.5em}.product-summary .summary-text li{margin:.3em 0}.product-summary-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.product-summary-list li{align-items:center;border-bottom:1px solid var(--border-color);display:flex;font-size:14px;gap:8px;padding:8px 0}.product-summary-list li:last-child{border-bottom:none}.product-summary-list .summary-label{color:#6b7280;font-size:14px;font-weight:600;min-width:90px}.product-summary-list .summary-value{color:#111827;flex:1 1;font-size:14px;font-weight:600}.product-full-description{background:var(--bg-white);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-sm);margin-bottom:40px;max-width:100%;overflow:hidden;padding:30px}.product-full-description h2{border-bottom:2px solid var(--primary);color:var(--text-main);font-size:22px;font-weight:700;margin-bottom:20px;padding-bottom:12px}.product-full-description .description-content{word-wrap:break-word;color:var(--text-secondary);font-size:15px;-webkit-hyphens:auto;hyphens:auto;line-height:1.7;max-width:100%;overflow-wrap:break-word;word-break:break-word}.product-full-description .description-content *{box-sizing:border-box;max-width:100%}.product-full-description .description-content h1,.product-full-description .description-content h2,.product-full-description .description-content h3,.product-full-description .description-content h4,.product-full-description .description-content h5,.product-full-description .description-content h6{word-wrap:break-word;color:var(--text-main);font-weight:600;margin:1em 0 .5em;overflow-wrap:break-word}.product-full-description .description-content h1{font-size:1.6em}.product-full-description .description-content h2{font-size:1.4em}.product-full-description .description-content h3{font-size:1.2em}.product-full-description .description-content h4{font-size:1.05em}.product-full-description .description-content h5{font-size:1em}.product-full-description .description-content h6{font-size:.95em}.product-full-description .description-content p{word-wrap:break-word;color:var(--text-secondary);margin:.75em 0;overflow-wrap:break-word}.product-full-description .description-content strong{color:var(--text-main);font-weight:700}.product-full-description .description-content em{font-style:italic}.product-full-description .description-content u{text-decoration:underline}.product-full-description .description-content ol,.product-full-description .description-content ul{word-wrap:break-word;margin:1em 0;overflow-wrap:break-word;padding-left:1.8em;padding-right:.5em}.product-full-description .description-content li{word-wrap:break-word;line-height:1.6;margin:.5em 0;overflow-wrap:break-word;padding-right:8px}.product-full-description .description-content ul li{list-style-position:outside;list-style-type:disc}.product-full-description .description-content ol li{list-style-position:outside;list-style-type:decimal}.product-full-description .description-content blockquote{word-wrap:break-word;background:var(--bg-surface);border-left:4px solid var(--primary);border-radius:4px;color:var(--text-secondary);font-style:italic;margin:1em 0;overflow-wrap:break-word;padding:12px 16px}.product-full-description .description-content code{word-wrap:break-word;background:var(--bg-surface);border-radius:4px;color:#e91e63;font-family:Courier New,monospace;font-size:.9em;overflow-wrap:break-word;padding:2px 6px;white-space:pre-wrap}.product-full-description .description-content pre{background:#1f2937;border-radius:8px;color:#f3f4f6;margin:1em 0;max-width:100%;overflow-x:auto;padding:16px}.product-full-description .description-content pre code{background:none;color:inherit;padding:0;white-space:pre-wrap;word-break:break-all}.product-full-description .description-content a{word-wrap:break-word;color:var(--primary);overflow-wrap:break-word;text-decoration:underline;transition:var(--transition);word-break:break-all}.product-full-description .description-content a:hover{color:var(--primary-dark)}.product-full-description .description-content img{border-radius:8px;display:block;height:auto;margin:1em 0;max-width:100%}.product-full-description .description-content hr{border:none;border-top:1px solid var(--border-color);margin:1.5em 0}.product-actions{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:20px;margin-top:20px;padding-top:20px}.quantity-selector{align-items:center;display:flex;gap:16px}.quantity-selector label{color:var(--text-main);font-weight:500}.quantity-controls{background:#f3f4f6;border:1px solid #00000008;border-radius:12px;padding:3px}.quantity-controls button{align-items:center;background:#fff;border:none;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#111827;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:30px;justify-content:center;transition:all .2s ease;width:30px}.quantity-controls button:hover{background:#111827;color:#fff;transform:scale(1.05)}.quantity-controls span{color:#111827;font-size:16px;font-weight:700;text-align:center;width:45px}.action-buttons-container{display:flex;flex-direction:column;gap:12px;width:100%}.add-to-cart-btn{align-items:center;background:#fff;border:2px solid #111827;border-radius:12px;box-shadow:0 4px 10px #0000000a;color:#111827;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:10px;justify-content:center;min-height:44px;padding:10px 18px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.add-to-cart-btn:hover{background:#f9fafb;box-shadow:0 8px 15px #00000014;transform:translateY(-2px)}.direct-order-btn{align-items:center;background:linear-gradient(135deg,#1f2937,#000);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 10px 20px #00000026;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:10px;justify-content:center;min-height:44px;overflow:hidden;padding:10px 18px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.direct-order-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.direct-order-btn:hover{background:linear-gradient(135deg,#000,#111827);box-shadow:0 15px 30px #0003;transform:translateY(-3px)}.whatsapp-btn{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 10px 20px #16a34a1f;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:10px;justify-content:center;min-height:44px;padding:10px 18px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.whatsapp-btn:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 15px 30px #16a34a33;transform:translateY(-3px)}.secondary-actions{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;width:100%}.trust-badges{grid-gap:12px;border-top:1px solid #0000000d;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:24px;padding-top:24px}.trust-badge{align-items:center;display:flex;flex-direction:column;gap:8px;text-align:center}.trust-badge svg{color:var(--primary);height:18px;opacity:.7;width:18px}.trust-badge span{color:#6b7280;font-size:12px;font-weight:600;line-height:1.2}.description-action-buttons{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff6;border:1px solid var(--border-color);border-radius:16px;margin:32px 0;padding:20px}.description-action-buttons .action-buttons-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1200px}.description-action-buttons .add-to-cart-btn,.description-action-buttons .call-now-btn,.description-action-buttons .direct-order-btn,.description-action-buttons .whatsapp-btn{margin:0}.related-products{margin-top:40px}.related-products h2{color:#111827;font-size:20px;font-weight:800;letter-spacing:-.3px;margin-bottom:20px;text-align:center}@media (min-width:1024px){.product-actions{gap:16px}}@media (max-width:968px){.product-details-page{padding:15px 0}.product-details-page .container{padding:0 12px}.product-details-layout{gap:30px;grid-template-columns:minmax(0,1fr);margin-bottom:40px;max-width:100%;overflow:hidden;padding:20px}.product-gallery{min-width:0;position:static}.product-title{font-size:24px!important}.current-price{font-size:24px}.original-price{font-size:16px}.product-pricing .price-row{gap:10px}.price-rating-display{padding:7px 12px}.breadcrumb,.price-rating-display .rating-count{font-size:13px}.breadcrumb{margin-bottom:20px}.related-products{margin-top:30px}.related-products h2{font-size:20px;margin-bottom:20px}.product-full-description{margin-bottom:35px;padding:24px}.product-full-description h2{font-size:20px}.product-summary-list .summary-label{min-width:75px}.description-action-buttons{margin:30px 0;padding:24px}.description-action-buttons .action-buttons-row{gap:12px;grid-template-columns:repeat(2,1fr)}.description-action-buttons .add-to-cart-btn,.description-action-buttons .call-now-btn,.description-action-buttons .direct-order-btn,.description-action-buttons .whatsapp-btn{font-size:14px;padding:14px 16px}.price-rating-display{padding:4px 10px}.price-rating-display .rating-count{font-size:12px}.wishlist-btn{display:none!important}}@media (max-width:480px){.product-details-page{padding:10px 0}.product-details-page .container{padding:0 8px}.product-details-layout{border-radius:12px;gap:20px;margin-bottom:30px;padding:15px}.breadcrumb{font-size:12px;margin-bottom:15px}.product-title{font-size:20px!important;line-height:1.4}.product-pricing,.product-pricing .price-row{gap:10px}.current-price{font-size:22px}.original-price{font-size:14px}.discount-badge{font-size:12px;padding:4px 10px}.price-rating-display{margin-top:2px;padding:6px 12px}.price-rating-display .rating-count{font-size:12px}.product-stock{font-size:13px}.product-summary h3{font-size:15px}.product-summary .summary-text{font-size:13px;line-height:1.6}.product-summary-list li{font-size:13px;padding:6px 0}.product-summary-list .summary-label{font-size:13px;min-width:70px}.product-full-description{margin-bottom:30px;padding:20px}.product-full-description h2{font-size:18px;margin-bottom:16px}.product-full-description .description-content{font-size:13px}.product-full-description .description-content h1{font-size:1.4em}.product-full-description .description-content h2{font-size:1.25em}.product-full-description .description-content h3{font-size:1.15em}.product-full-description .description-content h4{font-size:1em}.product-full-description .description-content ol,.product-full-description .description-content ul{padding-left:1.5em;padding-right:.5em}.product-full-description .description-content li{font-size:13px;padding-right:4px}.product-full-description .description-content blockquote{font-size:13px;padding:10px 12px}.product-full-description .description-content pre{font-size:12px;padding:12px}.product-actions{gap:12px;margin-top:12px;padding-top:12px}.quantity-selector{gap:12px}.quantity-selector label{font-size:14px}.quantity-controls button{font-size:16px;height:36px;width:36px}.quantity-controls span{font-size:15px;width:45px}.add-to-cart-btn{font-size:14px;padding:12px}.action-buttons-container{gap:12px;grid-template-columns:1fr}.action-buttons-container .add-to-cart-btn,.call-now-btn,.direct-order-btn,.whatsapp-btn{font-size:14px;min-height:52px;padding:14px 20px;width:100%}.related-products{margin-top:25px}.related-products h2{font-size:18px;margin-bottom:16px}.description-action-buttons{margin:20px 0;padding:16px}.description-action-buttons .action-buttons-row{gap:10px;grid-template-columns:1fr}.description-action-buttons .add-to-cart-btn,.description-action-buttons .call-now-btn,.description-action-buttons .direct-order-btn,.description-action-buttons .whatsapp-btn{font-size:13px;padding:12px 16px;width:100%}.product-pricing{gap:8px}.product-pricing .price-row{flex-wrap:wrap;gap:8px;width:100%}.price-rating-display{margin-top:0;padding:5px 10px;width:-webkit-fit-content;width:fit-content}.price-rating-display .rating-count{font-size:11px}}.reviews-section{border-top:2px solid var(--border-color);margin-top:50px;padding-top:40px}.reviews-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.reviews-header h2{color:var(--text-main);font-size:24px;font-weight:var(--weight-700);margin:0}.reviews-summary{align-items:center;display:flex;gap:8px}.reviews-count{color:var(--text-muted);font-size:14px;font-weight:var(--weight-500)}@media (max-width:768px){.reviews-section{margin-top:30px;padding-top:30px}.reviews-header{align-items:flex-start;flex-direction:column;gap:12px}.reviews-header h2{font-size:20px}}@media (max-width:480px){.reviews-section{margin-top:25px;padding-top:25px}.reviews-header h2{font-size:18px}.reviews-count{font-size:13px}}.call-now-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 10px 20px #2563eb1f;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:10px;justify-content:center;min-height:44px;padding:10px 18px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.call-now-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 15px 30px #2563eb33;color:#fff;transform:translateY(-3px)}@media (max-width:480px){.add-to-cart-btn,.call-now-btn,.direct-order-btn,.whatsapp-btn{border-radius:16px;font-size:14px;gap:8px;min-height:54px;padding:12px 16px;width:100%}}.product-attributes{background:#fafbff;border:1px solid #e8eaff;border-radius:14px;display:flex;flex-direction:column;gap:18px;margin-bottom:22px;padding:18px}.attr-selector-group{display:flex;flex-direction:column;gap:10px}.attr-selector-label{color:#374151;font-size:13px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.attr-selected-value{color:#4f46e5;font-weight:500;letter-spacing:0;text-transform:none}.attr-color-swatches{display:flex;flex-wrap:wrap;gap:8px}.color-swatch-btn{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:24px;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:7px;padding:6px 14px 6px 8px;transition:all .18s ease}.color-swatch-btn.selected,.color-swatch-btn:hover{background:#eef2ff;border-color:#4f46e5;color:#4f46e5}.color-swatch-btn.selected{box-shadow:0 0 0 3px #4f46e526}.color-swatch-dot{border:1.5px solid #0000001f;border-radius:50%;display:block;flex-shrink:0;height:20px;width:20px}.color-swatch-name{line-height:1}.attr-chips-row{display:flex;flex-wrap:wrap;gap:8px}.attr-chip-btn{background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:13px;font-weight:600;line-height:1;padding:7px 18px;transition:all .18s ease}.attr-chip-btn:hover{background:#eef2ff;border-color:#4f46e5;color:#4f46e5}.size-btn.selected{background:#4f46e5;border-color:#4f46e5;box-shadow:0 3px 10px #4f46e54d;color:#fff}.weight-btn.selected{background:#059669;border-color:#059669;box-shadow:0 3px 10px #0596694d;color:#fff}@media (max-width:640px){.product-attributes{gap:14px;padding:14px}.color-swatch-btn{font-size:12px;padding:5px 12px 5px 7px}.color-swatch-dot{height:17px;width:17px}.attr-chip-btn{font-size:12px;padding:7px 14px}}.cart-item{grid-gap:16px;align-items:center;border-bottom:1px solid #00000014;display:grid;gap:16px;grid-template-columns:120px 1fr 120px 120px 120px 50px;padding:16px 0}.cart-item-image{align-items:center;background:#fff;border-radius:8px;display:flex;flex-shrink:0;height:160px;justify-content:center;overflow:hidden;width:120px}.cart-item-image img{height:100%;object-fit:contain;object-position:center;transition:transform .5s cubic-bezier(.4,0,.2,1);width:100%}.cart-item:hover .cart-item-image img{transform:scale(1.05)}.cart-item-details{display:flex;flex-direction:column;gap:8px}.cart-item-details h3{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#333;display:-webkit-box;font-size:16px;font-weight:600;line-height:1.3;margin:0;overflow:hidden}.discount-badge{animation:glowBlinkCart 2s steps(2,start) infinite;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:4px;color:#fff;display:inline-block;font-size:12px;font-weight:700;padding:4px 8px;width:-webkit-fit-content;width:fit-content}@keyframes glowBlinkCart{0%{box-shadow:0 2px 8px #ff6b6b33}50%{box-shadow:0 0 15px #ff6b6bb3}to{box-shadow:0 2px 8px #ff6b6b33}}.cart-item-price{color:#4f46e5;font-size:16px;font-weight:700;text-align:center}.cart-item-quantity{background:#f5f5f5;border-radius:8px;gap:8px;padding:8px 12px}.cart-item-quantity,.cart-item-quantity button{align-items:center;display:flex;justify-content:center}.cart-item-quantity button{background:none;border:none;color:#333;cursor:pointer;font-size:18px;font-weight:600;height:24px;padding:0;transition:.25s ease;width:24px}.cart-item-quantity button:hover:not(:disabled){color:#4f46e5}.cart-item-quantity button:disabled{color:var(--text-muted);cursor:not-allowed;opacity:.5}.cart-item-quantity span{color:#333;font-size:15px;font-weight:600;min-width:30px;text-align:center}.cart-item-subtotal{color:#333;font-size:16px;font-weight:700;text-align:center}.cart-item-remove,.remove-btn{display:flex;justify-content:center}.remove-btn{align-items:center;background:none;border:none;color:#ff6b6b;cursor:pointer;font-size:20px;padding:8px;transition:.25s ease}.remove-btn:hover{color:#ff5252;transform:scale(1.2)}@media (max-width:992px){.cart-item{gap:12px;grid-template-columns:100px 1fr 100px 100px 80px 40px}.cart-item-image{height:130px;width:100px}.cart-item-details h3,.cart-item-price,.cart-item-subtotal{font-size:14px}}@media (max-width:768px){.cart-item{grid-gap:0 4px;align-items:center;display:grid;gap:0 4px;grid-template-columns:80px 1fr auto auto;padding:12px 0}.cart-item-image{grid-row:1/3;height:105px;width:80px}.cart-item-details{grid-column:2;grid-row:1/3}.cart-item-details h3{font-size:13px}.discount-badge{font-size:10px;padding:3px 6px}.cart-item-price,.cart-item-subtotal{display:none}.cart-item-quantity{gap:4px;grid-column:3;grid-row:1/3;justify-content:flex-start;margin-left:-50px;padding:4px 6px;width:auto}.cart-item-quantity button{font-size:14px;height:20px;width:20px}.cart-item-quantity span{font-size:13px;min-width:20px}.cart-item-remove{align-items:center;display:flex;grid-column:4;grid-row:1/3;justify-content:center}.remove-btn{font-size:18px;padding:4px}}.cart-page{background:#fff;min-height:calc(100vh - 80px);padding:60px 0}.cart-page h1{color:#1a1a1a;font-size:36px;font-weight:700;letter-spacing:-.5px;margin-bottom:40px}.cart-layout{grid-gap:40px;display:grid;gap:40px;grid-template-columns:2fr 1fr}.cart-items{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 2px 12px #00000014;padding:32px}.cart-items-header{grid-gap:16px;align-items:center;border-bottom:2px solid #00000014;color:#888;display:grid;font-size:13px;font-weight:600;gap:16px;grid-template-columns:120px 1fr 120px 120px 120px 50px;letter-spacing:.7px;margin-bottom:20px;padding-bottom:20px;text-transform:uppercase}.cart-items-header span:first-child{grid-column:1/3;padding-left:30px;text-align:left}.cart-items-header span:nth-child(2){grid-column:3;text-align:center}.cart-items-header span:nth-child(3){grid-column:4;text-align:center}.cart-items-header span:nth-child(4){grid-column:5;text-align:center}.cart-items-header span:nth-child(5){grid-column:6;text-align:center}.cart-summary{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 2px 12px #00000014;height:-webkit-fit-content;height:fit-content;padding:32px;position:-webkit-sticky;position:sticky;top:100px}.cart-summary h3{color:#1a1a1a;font-size:22px;font-weight:700;letter-spacing:-.3px;margin-bottom:28px}.summary-row{align-items:center;color:#666;display:flex;font-size:15px;justify-content:space-between;margin-bottom:16px;padding:8px 0}.summary-row span:last-child{color:#1a1a1a;font-weight:600}.summary-divider{background:linear-gradient(90deg,#0000,#0000001a,#0000);height:1px;margin:24px 0}.total-row{border-top:2px solid #00000014;color:#4f46e5;font-size:24px;margin-bottom:28px;padding-top:12px}.total-row span:first-child{color:#1a1a1a;display:block;font-size:16px;margin-bottom:8px}.total-row span:last-child{color:#4f46e5}.checkout-btn{background:linear-gradient(135deg,#4f46e5,#3e3ba3);border:none;border-radius:10px;box-shadow:0 4px 12px #4f46e54d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:.3px;margin-bottom:16px;padding:18px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.checkout-btn:hover{box-shadow:0 8px 20px #4f46e566;transform:translateY(-2px)}.checkout-btn:active{transform:translateY(0)}.continue-shopping-link{border-radius:8px;color:#4f46e5;display:block;font-size:14px;font-weight:600;padding:12px;text-align:center;text-decoration:none;transition:all .3s ease}.continue-shopping-link:hover{background:#4f46e51a;color:#4f46e5}.empty-cart{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 2px 12px #00000014;padding:120px 40px;text-align:center}.empty-cart p{color:#666;font-size:20px;font-weight:500;margin-bottom:32px}.continue-shopping-btn{background:linear-gradient(135deg,#4f46e5,#3e3ba3);border-radius:10px;box-shadow:0 4px 12px #4f46e54d;color:#fff;display:inline-block;font-size:16px;font-weight:700;letter-spacing:.3px;padding:14px 40px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.continue-shopping-btn:hover{box-shadow:0 8px 20px #4f46e566;transform:translateY(-2px)}@media (max-width:1024px){.cart-layout{grid-template-columns:1fr}.cart-summary{position:static}.cart-items-header{grid-template-columns:100px 1fr 100px 100px 80px 40px}}@media (max-width:768px){.cart-page{padding:40px 0}.cart-page h1{font-size:28px;margin-bottom:32px}.cart-items{padding:20px}.cart-items-header{display:none}.cart-summary{padding:24px}.cart-summary h3{font-size:18px;margin-bottom:20px}.summary-row{font-size:14px;margin-bottom:12px}.total-row{font-size:20px;margin-bottom:20px}.checkout-btn{font-size:15px;padding:16px}}@media (max-width:480px){.cart-page{padding:20px 0}.cart-page h1{font-size:24px;margin-bottom:24px}.cart-items{border-radius:12px;padding:16px}.cart-summary{border-radius:12px;padding:20px}.empty-cart{padding:60px 20px}}.checkout-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1.5rem;padding:1rem;transition:transform .2s;width:100%}.checkout-button:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}@media (max-width:968px){.cart-content{grid-template-columns:1fr}.cart-summary{position:static}}.wishlist-page{background:var(--bg-body);min-height:calc(100vh - 200px);padding:40px 0}.wishlist-page .container{margin:0 auto;max-width:1200px;padding:0 16px}.wishlist-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:40px;padding-bottom:20px}.wishlist-header h1{color:var(--text-main);font-size:32px;font-weight:700;margin:0}.clear-wishlist-btn{background:var(--danger);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:var(--transition)}.clear-wishlist-btn:hover{background:#dc2626}.wishlist-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.empty-wishlist{padding:80px 20px;text-align:center}.empty-wishlist h2{color:var(--text-main);font-size:28px;font-weight:700;margin-bottom:12px}.empty-wishlist p{color:var(--text-muted);font-size:16px;margin-bottom:30px}.continue-btn{background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 40px;transition:var(--transition)}.continue-btn:hover{background:var(--primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}@media (max-width:768px){.wishlist-header{align-items:flex-start;flex-direction:column;gap:16px}.wishlist-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.wishlist-header h1{font-size:24px}}@media (max-width:480px){.wishlist-page{padding:20px 0}.wishlist-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.wishlist-header h1{font-size:20px}}:root{--primary-color:#46e5b5;--primary-hover:#4338ca;--primary-light:#eef2ff;--primary-glow:#4f46e526;--text-main:#111827;--border-focus:#46e5c8;--bg-page:#f3f4f6;--success-color:#059669;--danger-color:#dc2626;--warning-color:#d97706;--shadow-sm:0 1px 3px 0 #0000000f,0 1px 2px 0 #0000000a;--shadow-md:0 4px 16px -2px #0000001a,0 2px 6px -1px #0000000f;--shadow-lg:0 10px 32px -4px #0000001f,0 4px 12px -2px #00000014;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px}.checkout-page{background:linear-gradient(135deg,#f0f0ff,#f3f4f6 40%,#f9fafb);color:#111827;color:var(--text-main);font-family:Inter,system-ui,-apple-system,sans-serif;min-height:calc(100vh - 80px);overflow-x:hidden;padding:0 0 80px}.container{box-sizing:border-box;margin:0 auto;max-width:1100px;padding:0 20px;width:100%}.checkout-steps{align-items:flex-start;display:flex;justify-content:center;margin:0 auto;max-width:480px;padding:28px 0 32px}.step{flex:1 1;flex-direction:column;gap:8px;position:relative;text-align:center;z-index:2}.step,.step-icon{align-items:center;display:flex}.step-icon{background-color:#fff;background-color:var(--bg-card);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:50%;box-shadow:0 1px 3px 0 #0000000f,0 1px 2px 0 #0000000a;box-shadow:var(--shadow-sm);color:#9ca3af;color:var(--text-muted);flex-shrink:0;height:46px;justify-content:center;transition:all .3s ease;width:46px}.step.active .step-icon{background-color:#eef2ff;background-color:var(--primary-light);box-shadow:0 0 0 4px #4f46e526;box-shadow:0 0 0 4px var(--primary-glow);color:#46e5b5;color:var(--primary-color)}.step.active .step-icon,.step.completed .step-icon{border-color:#46e5b5;border-color:var(--primary-color)}.step.completed .step-icon{background:linear-gradient(135deg,#46e5b5,#6366f1);background:linear-gradient(135deg,var(--primary-color) 0,#6366f1 100%);box-shadow:0 4px 12px #4f46e526;box-shadow:0 4px 12px var(--primary-glow);color:#fff}.step span{color:#9ca3af;color:var(--text-muted);font-size:12px;font-weight:500;white-space:nowrap}.step.active span,.step.completed span{color:#111827;color:var(--text-main);font-weight:600}.step-line{align-self:flex-start;background-color:#e5e7eb;background-color:var(--border-color);border-radius:2px;flex:1 1;margin-bottom:auto;margin-top:22px;transition:background-color .3s ease}.step-line.active{background:linear-gradient(90deg,#46e5b5,#6366f1);background:linear-gradient(90deg,var(--primary-color),#6366f1)}.checkout-layout{grid-gap:28px;align-items:start;display:grid;gap:28px;grid-template-columns:1.45fr 1fr}.checkout-card,.checkout-layout{box-sizing:border-box;width:100%}.checkout-card{background:#fff;background:var(--bg-card);border:1px solid #e5e7ebcc;border-radius:18px;border-radius:var(--radius-xl);box-shadow:0 4px 16px -2px #0000001a,0 2px 6px -1px #0000000f;box-shadow:var(--shadow-md);overflow:hidden;transition:box-shadow .2s ease}.checkout-card:hover{box-shadow:0 10px 32px -4px #0000001f,0 4px 12px -2px #00000014;box-shadow:var(--shadow-lg)}.checkout-form-column .card-header{background:linear-gradient(135deg,#fafbff,#f5f3ff);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);overflow:hidden;padding:24px 28px 20px;position:relative;text-align:left}.checkout-form-column .card-header:before{background:radial-gradient(circle,#4f46e514 0,#0000 70%);border-radius:50%;content:"";height:100px;position:absolute;right:-20px;top:-20px;width:100px}.card-header h2{color:#111827;color:var(--text-main);font-size:20px;font-weight:700;letter-spacing:-.3px;margin:0 0 6px}.section-desc{color:#6b7280;color:var(--text-secondary);font-size:13px;line-height:1.5;margin:0}#checkout-form{box-sizing:border-box;display:block;overflow-x:hidden;padding:28px;text-align:left;width:100%}.form-section{margin-bottom:32px;text-align:left}.form-section:last-child{margin-bottom:0}.section-title{font-size:15px;letter-spacing:-.2px;text-align:left}.step-number{align-items:center;background:linear-gradient(135deg,#46e5b5,#6366f1);background:linear-gradient(135deg,var(--primary-color) 0,#6366f1 100%);border-radius:50%;box-shadow:0 2px 8px #4f46e526;box-shadow:0 2px 8px var(--primary-glow);color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:26px;justify-content:center;width:26px}.form-grid{grid-gap:16px;box-sizing:border-box;gap:16px;justify-items:stretch;max-width:100%;width:100%}.form-group{box-sizing:border-box}.form-group,.form-group.full-width{margin:0;padding:0;text-align:left;width:100%}.form-group.full-width{align-items:flex-start;grid-column:span 2;max-width:100%}.form-group.full-width label{text-align:left;width:100%}.form-group.full-width .input-field{margin-right:0;text-align:left;width:100%}.form-group label{color:#111827;color:var(--text-main);margin-bottom:2px;text-align:left}.required{color:#dc2626;color:var(--danger-color);margin-left:2px}.input-field{background:#fafafa;border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color);border-radius:10px;border-radius:var(--radius-md);box-sizing:border-box;color:#111827;color:var(--text-main);font-size:14px;height:44px!important;line-height:normal;outline:none;padding:11px 14px!important;text-align:left;transition:all .2s ease;width:100%}.input-field:focus{background:#fff;border-color:#46e5b5;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e526;box-shadow:0 0 0 3px var(--primary-glow)}.input-field::placeholder{color:#c4c9d4;font-size:13px}input.input-field{height:44px!important}textarea.input-field{height:auto!important;min-height:88px;padding:12px 14px!important;resize:vertical}.field-hint{color:#9ca3af;color:var(--text-muted);font-size:11px;margin-top:4px}.error-alert{align-items:center;background:linear-gradient(135deg,#fff1f2,#fef2f2);border:1px solid #fecaca;border-left:4px solid #dc2626;border-left:4px solid var(--danger-color);border-radius:10px;border-radius:var(--radius-md);color:#991b1b;display:flex;font-size:13px;font-weight:500;gap:10px;margin-bottom:24px;padding:14px 16px}.sticky-card{padding:24px;position:-webkit-sticky;position:sticky;top:100px}.summary-card h3{border-bottom:2px solid #eef2ff;border-bottom:2px solid var(--primary-light);color:#111827;color:var(--text-main);font-size:17px;font-weight:700;letter-spacing:-.3px;margin:0 0 18px;padding-bottom:14px}.summary-products{margin-bottom:16px;max-height:380px;overflow-y:auto;padding-right:4px}.summary-products::-webkit-scrollbar{width:4px}.summary-products::-webkit-scrollbar-thumb{background-color:#e5e7eb;background-color:var(--border-color);border-radius:4px}.summary-product-item{align-items:flex-start;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);display:flex;gap:10px;padding:12px 0;position:relative}.summary-product-item:last-child{border-bottom:none}.product-thumb{flex-shrink:0;height:58px;position:relative;width:58px}.placeholder-thumb,.product-thumb img{border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:10px;border-radius:var(--radius-md);box-shadow:0 1px 3px 0 #0000000f,0 1px 2px 0 #0000000a;box-shadow:var(--shadow-sm);height:100%;object-fit:cover;width:100%}.placeholder-thumb{background-color:#f3f4f6;color:#9ca3af}.placeholder-thumb,.product-qty-badge{align-items:center;display:flex;justify-content:center}.product-qty-badge{background-color:#6b7280;background-color:var(--text-secondary);border:2px solid #fff;border-radius:50%;color:#fff;font-size:10px;font-weight:600;height:18px;position:absolute;right:-6px;top:-6px;width:18px}.product-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.product-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#111827;color:var(--text-main);display:-webkit-box;font-size:13px;font-weight:600;line-height:1.3;margin:0;overflow:hidden}.product-price{color:#6b7280;color:var(--text-secondary);font-size:12px;margin:0}.quantity-controls{gap:6px;margin-top:4px}.qty-btn,.quantity-controls{align-items:center;display:flex}.qty-btn{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:4px;color:#111827;color:var(--text-main);cursor:pointer;font-size:14px;font-weight:600;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.qty-btn:hover:not(:disabled){background-color:#46e5b5;background-color:var(--primary-color);border-color:#46e5b5;border-color:var(--primary-color);color:#fff}.qty-btn:disabled{cursor:not-allowed;opacity:.4}.qty-display{color:#111827;color:var(--text-main);font-size:13px;font-weight:600;min-width:24px;text-align:center}.remove-item-btn{align-items:center;background:#fef2f2;border:1px solid #fee2e2;border-radius:4px;color:#dc2626;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;line-height:1;margin-left:auto;padding:0;transition:all .2s ease;width:24px}.remove-item-btn:hover{background-color:#dc2626;border-color:#dc2626;color:#fff}.product-total{align-items:flex-end;border-left:1px solid #e5e7eb;border-left:1px solid var(--border-color);display:flex;flex-direction:column;gap:2px;padding-left:10px}.total-label{color:#9ca3af;color:var(--text-muted);font-size:10px;letter-spacing:.5px;text-transform:uppercase}.total-price{color:#46e5b5;color:var(--primary-color);font-size:14px;font-weight:700}.product-qty{background-color:#f3f4f6;border-radius:4px;color:#111827;color:var(--text-main);flex-shrink:0;font-size:12px;font-weight:600;padding:2px 8px;white-space:nowrap}.summary-breakdown{background:#f9fafb;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:10px;border-radius:var(--radius-md);margin-bottom:20px;padding:14px 16px}.breakdown-row{font-size:13px;margin-bottom:10px}.breakdown-divider{background-color:#e5e7eb;background-color:var(--border-color);margin:12px 0}.total-row{align-items:center;color:#111827;font-weight:700;margin-top:4px}.total-amount{color:#46e5b5;color:var(--primary-color);font-size:18px}.payment-method-box{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1.5px solid #a7f3d0;border-radius:10px;border-radius:var(--radius-md);box-sizing:border-box;margin-top:8px;padding:16px;width:100%}.payment-header{gap:10px;margin-bottom:6px}.payment-header,.radio-circle{align-items:center;display:flex}.radio-circle{border:2px solid #46e5b5;border:2px solid var(--primary-color);border-radius:50%;height:16px;justify-content:center;position:relative;width:16px}.radio-circle.selected:after{background-color:#46e5b5;background-color:var(--primary-color);border-radius:50%;content:"";height:8px;width:8px}.payment-title{color:#111827;color:var(--text-main);font-size:14px;font-weight:600}.payment-desc{color:#6b7280;color:var(--text-secondary);font-size:12px;line-height:1.4;margin:0;padding-left:26px}.place-order-btn{align-items:center;background:linear-gradient(135deg,#46e5b5,#6366f1);background:linear-gradient(135deg,var(--primary-color) 0,#6366f1 100%);border:none;border-radius:10px;border-radius:var(--radius-md);box-shadow:0 4px 14px #4f46e526;box-shadow:0 4px 14px var(--primary-glow);color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:10px;justify-content:center;letter-spacing:.2px;margin-bottom:2px;padding:16px;transition:all .25s ease;width:100%}.place-order-btn:hover:not(:disabled){background:linear-gradient(135deg,#4338ca,#4f46e5);background:linear-gradient(135deg,var(--primary-hover) 0,#4f46e5 100%);box-shadow:0 6px 20px #4f46e559;transform:translateY(-1px)}.place-order-btn:active:not(:disabled){box-shadow:0 2px 8px #4f46e526;box-shadow:0 2px 8px var(--primary-glow);transform:translateY(0)}.place-order-btn:disabled{background:linear-gradient(135deg,#9ca3af,#d1d5db);box-shadow:none;cursor:not-allowed}.loading-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.security-badges{background:#f9fafb;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:10px;border-radius:var(--radius-md);display:flex;gap:20px;justify-content:center;margin-top:20px;padding:14px}.badge-item{align-items:center;color:#6b7280;color:var(--text-secondary);display:flex;font-size:12px;font-weight:500;gap:6px}.badge-item svg{color:#059669;color:var(--success-color)}.checkout-page.empty-state{align-items:center;display:flex;justify-content:center}.empty-cart-content{background:#fff;background:var(--bg-card);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000000f,0 1px 2px 0 #0000000a;box-shadow:var(--shadow-sm);margin:0 auto;max-width:480px;padding:60px 20px;text-align:center}.empty-icon{align-items:center;background-color:#f3f4f6;border-radius:50%;color:#9ca3af;color:var(--text-muted);display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.empty-cart-content h2{color:#111827;color:var(--text-main);font-size:24px;margin:0 0 12px}.empty-cart-content p{color:#6b7280;color:var(--text-secondary);margin:0 0 32px}.start-shopping-btn{background-color:#46e5b5;background-color:var(--primary-color);border-radius:10px;border-radius:var(--radius-md);color:#fff;display:inline-block;font-weight:500;padding:12px 24px;text-decoration:none;transition:background-color .2s}.start-shopping-btn:hover{background-color:#4338ca;background-color:var(--primary-hover)}@media (max-width:992px){.checkout-layout{gap:40px;grid-template-columns:1fr}.sticky-card{position:static}.checkout-form-column,.checkout-summary-column{max-width:100%;width:100%}}@media (max-width:640px){.checkout-page{padding:20px 0 60px}.container{padding:0 16px}.checkout-steps{margin-bottom:32px;padding:0 8px}.step-line{margin:-24px 4px 0}.step span{font-size:11px}.form-grid{gap:16px;grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}#checkout-form,.checkout-form-column .card-header,.summary-card{padding:20px 16px}.checkout-card{margin:0;width:100%}.input-field{font-size:16px!important;padding:10px 14px!important}textarea.input-field{min-height:80px}}.form-group .delivery-options{box-sizing:border-box;margin-top:8px;width:100%}.delivery-section-label{align-items:center;color:#111827;color:var(--text-main);display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:12px}.delivery-icon{font-size:20px}.delivery-options{flex-direction:column;gap:12px}.delivery-option,.delivery-options{box-sizing:border-box;display:flex;width:100%}.delivery-option{align-items:center;background:#fafafa;border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:10px;border-radius:var(--radius-md);cursor:pointer;padding:14px 16px;transition:all .2s ease}.delivery-option:hover{box-shadow:0 2px 8px #4f46e526;box-shadow:0 2px 8px var(--primary-glow)}.delivery-option.selected,.delivery-option:hover{background:#eef2ff;background:var(--primary-light);border-color:#46e5b5;border-color:var(--primary-color)}.delivery-option.selected{box-shadow:0 0 0 3px #4f46e526;box-shadow:0 0 0 3px var(--primary-glow)}.delivery-option input[type=radio]{accent-color:#46e5b5;accent-color:var(--primary-color);cursor:pointer;height:18px;margin-right:12px;width:18px}.delivery-option-content{align-items:center;display:flex;flex:1 1;gap:10px;width:100%}.option-icon{font-size:20px}.option-name{color:#1f2937;flex:1 1;font-size:15px;font-weight:500}.option-charge{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:20px;color:#059669;color:var(--success-color);font-size:15px;font-weight:700;margin-left:auto;padding:3px 10px;white-space:nowrap}@media (max-width:768px){.delivery-section-label{font-size:15px}.delivery-option{padding:12px 14px}.option-charge,.option-name{font-size:14px}}@media (max-width:480px){.checkout-page{padding:16px 0 50px}.container{padding:0 12px}#checkout-form,.checkout-form-column .card-header,.summary-card{padding:16px 12px}.delivery-section-label{font-size:14px}.delivery-icon{font-size:18px}.delivery-option{padding:10px 12px}.option-icon{font-size:18px}.option-charge,.option-name{font-size:13px}.section-title{font-size:16px}.step-number{font-size:12px;height:24px;width:24px}}@media (max-width:375px){.container{padding:0 10px}#checkout-form,.checkout-form-column .card-header,.summary-card{padding:14px 10px}.card-header h2{font-size:20px}.section-desc{font-size:13px}}:root{--primary-color:#4f46e5;--primary-dark:#4338ca;--secondary-color:#10b981;--success-color:#10b981;--text-main:#1f2937;--text-secondary:#6b7280;--text-muted:#9ca3af;--border-color:#e5e7eb;--bg-page:#fff;--bg-card:#fff;--bg-surface:#f9fafb;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a}.order-confirmation-page{align-items:flex-start;background:#fff;background:var(--bg-page);display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.order-confirmation-page .container{background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 3px #00000014;margin:0 auto;max-width:900px;padding:48px;width:100%}.confirmation-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);margin-bottom:48px;padding-bottom:32px;text-align:center}.success-icon{align-items:center;background:#10b981;background:var(--success-color);border-radius:50%;box-shadow:0 4px 12px #10b98126;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.success-icon svg{stroke:#fff}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.confirmation-header h1{color:#1f2937;color:var(--text-main);font-size:28px;font-weight:600;line-height:1.3;margin-bottom:12px}.success-message{color:#6b7280;color:var(--text-secondary);font-size:16px;line-height:1.6;margin:0 auto;max-width:500px}.order-summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.info-card{align-items:center;background:#f9fafb;background:var(--bg-surface);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;display:flex;gap:16px;padding:20px;transition:border-color .2s ease}.info-card:hover{border-color:#9ca3af;border-color:var(--text-muted)}.primary-card{border-color:var(--primary)}.highlight-card,.primary-card{background:#fafafa}.card-icon{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;color:#4f46e5;color:var(--primary-color);flex-shrink:0;height:44px;width:44px}.card-icon svg{stroke:#4f46e5;stroke:var(--primary-color);stroke-width:2.5px;fill:none;stroke-linecap:round;stroke-linejoin:round;display:block;height:24px;width:24px}.highlight-card .card-icon{color:#1f2937;color:var(--text-main)}.highlight-card .card-icon svg{stroke:#1f2937;stroke:var(--text-main)}.card-content{flex:1 1}.card-content h3{color:#9ca3af;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.card-content p{color:#1f2937;color:var(--text-main);font-size:16px;font-weight:600;line-height:1.4;word-break:break-word}.order-number{color:var(--primary)!important;font-family:Courier New,monospace;font-size:14px!important;font-weight:700!important}.total-amount{color:#1f2937!important;color:var(--text-main)!important;font-size:20px!important;font-weight:700!important}.customer-info-section,.notes-section,.order-items-section,.shipping-info-section{margin-bottom:32px}.section-title{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);color:#1f2937;color:var(--text-main);display:flex;font-size:18px;font-weight:600;gap:10px;margin-bottom:20px;padding-bottom:12px}.section-title svg{color:#4f46e5;color:var(--primary-color)}.items-list,.order-item{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;padding:20px}.order-item{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:12px;transition:all .2s ease}.order-item:hover{border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 2px 8px #4f46e514}.order-item:last-of-type{margin-bottom:24px}.item-main{align-items:center;display:flex;flex:1 1;gap:16px}.item-image{background:#f9fafb;background:var(--bg-surface);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;flex-shrink:0;height:70px;object-fit:cover;width:70px}.item-details-wrapper{display:flex;flex:1 1;flex-direction:column;gap:6px}.item-name{color:#1f2937;color:var(--text-main);font-size:16px;font-weight:600;line-height:1.4}.item-meta{align-items:center;color:#6b7280;color:var(--text-secondary);display:flex;font-size:14px;gap:8px}.item-quantity{font-weight:500}.item-separator{color:#9ca3af;color:var(--text-muted)}.item-unit-price{font-weight:500}.item-subtotal{align-items:center;display:flex;flex-shrink:0}.subtotal-amount{color:#1f2937;color:var(--text-main);font-size:18px;font-weight:700}.order-total-breakdown{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:6px;padding:20px}.breakdown-row{align-items:center;color:#6b7280;color:var(--text-secondary);display:flex;font-size:15px;justify-content:space-between;padding:12px 0}.breakdown-divider{background:#e5e7eb;background:var(--border-color);height:1px;margin:8px 0}.breakdown-row.total{font-size:20px;font-weight:700;padding-top:16px}.breakdown-row.total,.breakdown-row.total span:last-child{color:#1f2937;color:var(--text-main)}.info-sections-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.info-content{background:#f9fafb;background:var(--bg-surface);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:6px;padding:16px}.info-content p{color:#6b7280;color:var(--text-secondary);font-size:15px;line-height:1.8;margin-bottom:8px}.info-content p:last-child{margin-bottom:0}.info-content p strong{color:#1f2937;color:var(--text-main);font-weight:600;margin-right:8px}.address-text,.notes-text{color:#1f2937!important;color:var(--text-main)!important;font-weight:500;line-height:1.8}.confirmation-actions{display:flex;gap:16px;margin-bottom:32px}.btn-primary,.btn-secondary{align-items:center;border:1px solid #0000;border-radius:8px;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:14px 24px;text-align:center;text-decoration:none;transition:all .2s ease}.btn-primary{background:#2eb877}.btn-primary:hover{background:#27a066}.btn-secondary{border-color:#e5e7eb;border-color:var(--border-color);color:#1f2937;color:var(--text-main)}.btn-secondary:hover{border-color:#6b7280;border-color:var(--text-secondary)}.btn-secondary:hover,.confirmation-note{background:#f9fafb;background:var(--bg-surface)}.confirmation-note{border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;padding:20px}.note-item{align-items:center;color:#6b7280;color:var(--text-secondary);display:flex;font-size:14px;gap:12px;line-height:1.6;margin-bottom:12px}.note-item:last-child{margin-bottom:0}.note-item svg{color:#4f46e5;color:var(--primary-color);flex-shrink:0}.note-item p{color:#1f2937;color:var(--text-main);margin:0}.error-container,.loading-container{align-items:center;color:#6b7280;color:var(--text-secondary);display:flex;font-size:18px;font-weight:600;justify-content:center;min-height:60vh}@media (max-width:768px){.order-confirmation-page{padding:16px}.order-confirmation-page .container{border-radius:16px;padding:24px}.confirmation-header h1{font-size:24px}.success-message{font-size:16px}.success-icon{height:80px;width:80px}.order-summary-grid{gap:16px;grid-template-columns:1fr}.info-card{align-items:center;padding:16px}.card-icon{height:40px;width:40px}.order-item{align-items:flex-start;flex-direction:column;gap:16px;padding:16px}.item-main{width:100%}.item-image{height:60px;width:60px}.item-subtotal{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);justify-content:flex-end;padding-top:12px;width:100%}.subtotal-amount{font-size:16px}.confirmation-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.info-sections-grid{grid-template-columns:1fr}}@media (max-width:480px){.order-confirmation-page .container{padding:20px 16px}.confirmation-header{margin-bottom:24px;padding-bottom:20px}.confirmation-header h1{font-size:20px}.success-message{font-size:14px}.success-icon{height:70px;width:70px}.section-title{font-size:18px}.card-content h3{font-size:11px}.card-content p{font-size:14px}.total-amount{font-size:18px!important}.item-name{font-size:14px}.btn-primary,.btn-secondary{font-size:15px;padding:14px 20px}}@media print{.order-confirmation-page{background:#fff;padding:0}.confirmation-actions,.confirmation-note{display:none}.order-confirmation-page .container{border:1px solid #000;box-shadow:none}}.order-tracking-page{background:var(--bg-body);display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:40px 24px}.order-tracking-page .container{max-width:800px;width:100%}.tracking-form{background:var(--bg-white);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-sm);margin-bottom:32px;padding:32px;text-align:center}.tracking-form h1{color:var(--text-main);font-size:24px;margin-bottom:24px}.form-group{gap:12px;margin:0 auto;max-width:500px}.order-input{border:1px solid var(--border-color);border-radius:8px;flex:1 1;font-family:var(--font-sans);font-size:16px;outline:none;padding:12px 16px;transition:var(--transition)}.order-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.track-btn{background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:var(--transition)}.track-btn:hover{background:var(--primary-dark)}.tracking-results{animation:fadeIn .5s ease-out;background:var(--bg-white);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-sm);padding:32px}.order-header{border-bottom:1px solid var(--border-color);margin-bottom:32px;padding-bottom:24px;text-align:center}.order-header h2{color:var(--text-main);font-size:20px;margin-bottom:8px}.order-date{color:var(--text-secondary);font-size:14px}.status-timeline{justify-content:space-between;margin-bottom:48px;padding:0 20px}.timeline-step{flex:1 1;position:relative;text-align:center;z-index:1}.step-marker{align-items:center;background:var(--bg-surface);border:2px solid var(--border-color);border-radius:50%;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;margin:0 auto 12px;width:32px}.step-label,.step-marker{color:var(--text-muted);transition:var(--transition)}.step-label{font-size:13px;font-weight:500}.step-line{background:var(--border-color);height:2px;left:50%;position:absolute;top:16px;transition:var(--transition);width:100%;z-index:-1}.timeline-step.active .step-marker{background:var(--secondary);border-color:var(--secondary);color:#fff}.timeline-step.active .step-label{color:var(--text-main);font-weight:600}.timeline-step.active .step-line{background:var(--secondary)}.timeline-step.current .step-marker{box-shadow:0 0 0 4px #10b98133}.order-details-section{grid-gap:32px;border-top:1px solid var(--border-color);display:grid;gap:32px;grid-template-columns:1fr 1fr;padding-top:32px}.detail-card h3{color:var(--text-main);font-size:16px;font-weight:600}.detail-card h3,.items-list{margin-bottom:16px}.item-row{border-bottom:1px dashed var(--border-color);color:var(--text-secondary);display:grid;font-size:14px;grid-template-columns:2fr 1fr 1fr;padding:8px 0}.item-row:last-child{border-bottom:none}.total-row{border-top:2px solid var(--border-color);color:var(--text-main);display:flex;font-size:16px;justify-content:space-between;padding-top:16px}@media (max-width:768px){.status-timeline{align-items:flex-start;flex-direction:column;gap:0;padding-left:24px}.timeline-step{display:flex;gap:16px;margin-bottom:24px;text-align:left;width:100%}.step-marker{margin:0}.step-line{height:100%;left:15px;top:32px;width:2px}.timeline-step:last-child .step-line{display:none}.order-details-section{grid-template-columns:1fr}.form-group{flex-direction:column}}.tracking-container{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;max-width:600px;padding:2.5rem;width:100%}.tracking-header{margin-bottom:2rem;text-align:center}.tracking-header h1{color:#333;font-size:1.8rem;margin-bottom:.5rem}.tracking-form{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.tracking-input{border:2px solid #e0e0e0;border-radius:8px;font-size:1.1rem;letter-spacing:1px;padding:1rem;text-align:center;transition:border-color .2s;width:100%}.tracking-input:focus{border-color:#667eea;outline:none}.track-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem;transition:transform .2s,box-shadow .2s}.track-button:hover:not(:disabled){box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}.track-button:disabled{cursor:not-allowed;opacity:.7}.error-message{background:#fee;color:#e74c3c;font-size:.95rem;padding:.75rem;text-align:center}.tracking-result{border-top:2px solid #f0f0f0;margin-top:2rem;padding-top:2rem}.status-timeline{display:flex;flex-direction:column;gap:1.5rem;padding-left:2rem;position:relative}.status-timeline:before{background:#e0e0e0;bottom:5px;content:"";left:7px;position:absolute;top:5px;width:2px}.timeline-item{position:relative}.timeline-dot{background:#e0e0e0;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #e0e0e0;height:16px;left:-2.4rem;position:absolute;top:.2rem;width:16px}.timeline-item.active .timeline-dot{background:#4cd964;box-shadow:0 0 0 1px #4cd964}.timeline-item.current .timeline-dot{background:#667eea;box-shadow:0 0 0 4px #667eea33}.timeline-content h3{color:#333;font-size:1rem;margin:0 0 .25rem}.timeline-content p{color:#888;font-size:.9rem;margin:0}.delivery-estimate{background:#f5f7fa;border-radius:8px;margin-top:2rem;padding:1.5rem;text-align:center}.delivery-estimate h4{color:#666;font-size:1rem;margin-bottom:.5rem}.delivery-estimate p{color:#333;font-size:1.1rem;font-weight:600}@media (max-width:640px){.tracking-container{padding:1.5rem}}:root{--auth-primary:#2eb877;--auth-primary-dark:#1f935d;--auth-bg:linear-gradient(180deg,#f8fafc,#fff);--auth-white:#fff;--auth-text:#1e293b;--auth-text-muted:#64748b;--auth-input-bg:#f1f5f9;--auth-shadow:0 10px 40px -10px #0000001a;--auth-radius:20px}.auth-page-wrapper{align-items:center;background:linear-gradient(180deg,#f8fafc,#fff);background:var(--auth-bg);display:flex;justify-content:center;min-height:calc(100vh - 120px);padding:20px}.auth-card{animation:fadeIn .4s ease;background:#fff;background:var(--auth-white);border-radius:20px;border-radius:var(--auth-radius);box-shadow:0 10px 40px -10px #0000001a;box-shadow:var(--auth-shadow);max-width:450px;padding:30px;width:100%}.register-card{max-width:650px;padding:20px 25px}.auth-title{color:#1e293b;color:var(--auth-text);font-size:1.8rem;font-weight:700;letter-spacing:-.5px;margin-bottom:15px;text-align:center}.auth-error{align-items:center;background:#fff1f2;border-left:4px solid var(--danger);border-radius:6px;color:#be123c;display:flex;font-size:13px;gap:6px;margin-bottom:8px;padding:6px 10px}.auth-form{display:flex;flex-direction:column;gap:10px}.form-group{gap:0}.form-group label{color:#1e293b;color:var(--auth-text);margin-bottom:4px}.auth-page-wrapper .input-wrapper{display:block!important;position:relative!important;width:100%!important}.auth-page-wrapper .input-icon{color:#2eb877!important;color:var(--auth-primary)!important;font-size:18px!important;left:14px!important;margin:0!important;pointer-events:none!important;position:absolute!important;text-align:center!important;top:50%!important;transform:translateY(-50%)!important;width:20px!important;z-index:10!important}.auth-page-wrapper .input-field{background:#f1f5f9!important;background:var(--auth-input-bg)!important;border:1px solid #e2e8f0!important;border-radius:8px!important;color:#1e293b!important;color:var(--auth-text)!important;display:block!important;font-size:16px!important;height:46px!important;padding:12px 16px 12px 48px!important;transition:all .2s ease!important;width:100%!important}.auth-form .input-field:focus{background:#fff;background:var(--auth-white);border-color:#2eb877;border-color:var(--auth-primary);box-shadow:0 0 0 3px #4ba55a1a;outline:none}.auth-page-wrapper textarea.input-field{line-height:1.5!important;min-height:50px!important;padding-left:48px!important;padding-top:14px!important;resize:vertical!important}.auth-button{background:#2eb877;background:var(--auth-primary);border:none;border-radius:50px;box-shadow:0 4px 15px #4ba55a4d;color:#fff;color:var(--auth-white);cursor:pointer;display:block;font-size:13px;font-weight:600;height:38px;margin-left:auto;margin-right:auto;margin-top:8px;padding:8px;transition:all .3s ease;width:200px}.auth-button:hover:not(:disabled){background:#1f935d;background:var(--auth-primary-dark);box-shadow:0 6px 20px #4ba55a66;transform:translateY(-2px)}.auth-button:disabled{cursor:not-allowed;opacity:.6}.auth-footer{color:#64748b;color:var(--auth-text-muted);font-size:14px;margin-top:12px;text-align:center}.auth-link{color:#2eb877;color:var(--auth-primary);font-weight:600;margin-left:5px;transition:color .2s}.auth-link:hover{color:#1f935d;color:var(--auth-primary-dark);text-decoration:underline}.form-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:1fr 1fr}.grid-full-width{grid-column:span 2}.form-section-title{border-bottom:1px solid #f1f5f9;color:#1f935d;color:var(--auth-primary-dark);font-size:9px;font-weight:700;grid-column:span 2;letter-spacing:.5px;margin-bottom:-2px;margin-top:0;padding-bottom:1px;text-transform:uppercase}@media (max-width:992px){.form-grid{gap:12px!important;grid-template-columns:1fr!important}.form-section-title,.grid-full-width{grid-column:span 1!important}.auth-card{margin:10px auto!important;padding:25px 20px!important}.auth-title{font-size:1.5rem!important;margin-bottom:20px!important}.auth-page-wrapper{min-height:auto!important;padding:10px 10px 80px!important}}.field-error{color:#dc2626;display:block;font-size:12px;font-weight:500;margin-top:4px}.customer-container{background:#f5f7fa;min-height:70vh;padding:2rem 1rem}.customer-content{margin:0 auto;max-width:1200px}.customer-title{color:#333;font-size:2rem;font-weight:600;margin-bottom:2rem}.customer-loading{color:#666;font-size:1.1rem;padding:3rem;text-align:center}.dashboard-header{margin-bottom:2rem}.dashboard-subtitle{color:#666;font-size:1.1rem;margin-top:.5rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.stat-card{box-shadow:0 2px 8px #00000014;padding:1.5rem;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 4px 16px #0000001f}.stat-icon{font-size:2.5rem}.stat-content h3{color:#667eea;font-size:2rem;margin:0}.stat-content p{color:#666;margin:.25rem 0 0}.quick-links{margin-bottom:3rem}.quick-links h2{color:#333;font-size:1.5rem;margin-bottom:1rem}.links-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quick-link-card{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;color:#333;display:flex;gap:1rem;padding:1.5rem;text-decoration:none;transition:all .2s}.quick-link-card:hover{box-shadow:0 4px 12px #667eea33;color:#667eea;transform:translateY(-2px)}.link-icon{font-size:1.8rem}.link-text{font-weight:500}.recent-orders{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:2rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.section-header h2{color:#333;font-size:1.5rem;margin:0}.view-all-link{color:#667eea;font-weight:500;text-decoration:none;transition:color .2s}.view-all-link:hover{color:#764ba2}.profile-form-card,.profile-info-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:2rem;padding:2rem}.profile-form-card h3,.profile-info-card h3{color:#333;font-size:1.3rem;margin-bottom:1.5rem}.info-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{gap:.5rem}.info-label{color:#666;font-size:.9rem;font-weight:500}.info-value{color:#333;font-size:1.1rem}.profile-form{display:flex;flex-direction:column;gap:1.25rem}.success-message{background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724}.error-message,.success-message{margin-bottom:1rem;padding:.75rem 1rem}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:.875rem 1.5rem;transition:transform .2s,box-shadow .2s}.submit-button:hover:not(:disabled){box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.6}.orders-list{display:flex;flex-direction:column;gap:1.5rem}.order-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:1.5rem}.order-header{border-bottom:2px solid #f0f0f0;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.order-header,.order-number{align-items:center;display:flex}.order-number{gap:1rem}.order-date{color:#666;font-size:.95rem}.order-body{grid-gap:1.5rem;display:grid;gap:1.5rem;margin-bottom:1.5rem}.order-info{display:flex;flex-direction:column;gap:.75rem}.info-row{border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:.5rem 0}.order-address h4,.order-items h4{color:#555;font-size:1rem;margin-bottom:.75rem}.order-items ul{list-style:none;margin:0;padding:0}.order-items li{color:#666;padding:.5rem 0}.order-address p{color:#666;line-height:1.6;margin:0}.order-footer{border-top:2px solid #f0f0f0;display:flex;justify-content:flex-end;padding-top:1rem}.track-order-button{background:#667eea;border-radius:6px;color:#fff;font-weight:500;padding:.625rem 1.25rem;text-decoration:none;transition:background .2s}.track-order-button:hover{background:#764ba2}.status-badge{border-radius:20px;font-size:.85rem;padding:.375rem .875rem;text-transform:capitalize}.status-pending{background:#fff3cd;color:#856404}.status-processing{background:#cfe2ff;color:#084298}.status-shipped{background:#d1ecf1;color:#0c5460}.status-delivered{background:#d4edda;color:#155724}.status-cancelled{background:#f8d7da;color:#721c24}.orders-table{overflow-x:auto}.orders-table table{border-collapse:collapse;width:100%}.orders-table th{background:#f8f9fa;border-bottom:2px solid #e0e0e0;color:#555;font-weight:600;padding:1rem;text-align:left}.orders-table td{border-bottom:1px solid #f0f0f0;color:#666;padding:1rem}.track-link{color:#667eea;font-weight:500;text-decoration:none}.track-link:hover{text-decoration:underline}.empty-state{color:#666;padding:3rem 1rem}.empty-state-large{padding:4rem 2rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state-large h2{color:#333;margin-bottom:.5rem}.empty-state-large p{color:#666;margin-bottom:2rem}.shop-now-button{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;color:#fff;display:inline-block;font-weight:600;padding:.875rem 2rem;text-decoration:none;transition:transform .2s,box-shadow .2s}.shop-now-button:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.loading-state{color:#666;font-size:1.1rem;padding:3rem;text-align:center}@media (max-width:768px){.customer-title{font-size:1.5rem}.links-grid,.stats-grid{grid-template-columns:1fr}.order-header{align-items:flex-start;flex-direction:column;gap:.75rem}.info-row{flex-direction:column;gap:.25rem}.orders-table{font-size:.9rem}.orders-table td,.orders-table th{padding:.75rem .5rem}}.header{background:var(--white);left:0;position:fixed;right:0;top:0;width:100%;z-index:100}.header-top{background:#212121;background:var(--eerie-black,#212121);color:#fff;color:var(--white,#fff);font-size:.75rem;font-size:var(--fs-9,.75rem);padding:8px 0;width:100%}.header-main{padding:20px 0;width:100%}.desktop-navigation-menu{width:100%}.header-top-container{align-items:center;display:flex;gap:15px;justify-content:space-between}.header-social-container{align-items:center;display:flex;gap:10px}.social-link{background:#ffffff1a;border-radius:5px;border-radius:var(--radius-sm,5px);color:var(--white);padding:6px;transition:var(--transition)}.social-link:hover{background:var(--primary)}.header-alert-news{color:var(--white);text-align:center}.header-alert-news b{color:var(--primary)}.header-top-actions{align-items:center;display:flex;gap:15px}.language-switcher{background:#ffffff1a;border:1px solid #fff3;border-radius:5px;border-radius:var(--radius-sm,5px);color:var(--white);cursor:pointer;font-size:.75rem;font-size:var(--fs-9,.75rem);font-weight:500;padding:4px 12px;transition:var(--transition)}.language-switcher:hover{background:var(--primary);border-color:var(--primary)}.header-main{background:var(--white);border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-color,#e5e5e5);padding:12px 0}.header-main-container{align-items:center;display:flex;gap:30px;justify-content:space-between}.header-main-left{gap:15px}.header-logo,.header-main-left{align-items:center;display:flex}.header-logo{color:var(--text-main);font-size:1.5rem;font-size:var(--fs-1,1.5rem);font-weight:700;font-weight:var(--weight-700,700);gap:8px;height:50px;text-decoration:none}.logo-image{height:100%;max-height:50px;object-fit:contain;width:auto}.logo-text-fallback{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--primary-dark));-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:700;white-space:nowrap}.logo-icon{font-size:1.8rem}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--primary-dark));-webkit-background-clip:text;background-clip:text}.header-search-container{flex:1 1;max-width:600px}.header-search-container form{display:flex;position:relative}.search-field{background:var(--bg-surface);border:2px solid var(--border-color);border-radius:10px;border-radius:var(--radius-md,10px);color:var(--text-main);font-size:var(--fs-7);padding:12px 50px 12px 20px;transition:var(--transition);width:100%}.search-field:focus{background:var(--white);border-color:var(--primary);outline:none}.search-btn{background:var(--primary);border-radius:var(--radius-sm);color:var(--white);padding:10px;position:absolute;right:5px;top:50%;transform:translateY(-50%);transition:var(--transition)}.search-btn:hover{background:var(--primary-dark)}.header-user-actions{align-items:center;display:flex;gap:15px}.action-btn{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-main);cursor:pointer;display:flex;font-size:var(--fs-7);font-weight:var(--weight-500);gap:8px;padding:8px 12px;position:relative;transition:var(--transition)}.action-btn:hover{background:var(--bg-surface);color:var(--primary)}.action-btn .count{background:var(--primary);border-radius:50%;color:var(--white);font-size:10px;font-weight:var(--weight-600);height:18px;line-height:18px;min-width:18px;position:absolute;right:0;text-align:center;top:0}.action-text{display:none}.user-menu-container{position:relative}.user-dropdown{animation:fadeIn .2s ease;background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:200px;padding:8px 0;position:absolute;right:0;top:100%;z-index:100}.dropdown-item{align-items:center;background:none;border:none;color:var(--text-main);cursor:pointer;display:flex;font-size:var(--fs-7);gap:10px;padding:10px 16px;text-align:left;text-decoration:none;transition:var(--transition);width:100%}.dropdown-item:hover{background:var(--bg-surface);color:var(--primary)}.dropdown-divider{background:var(--border-color);height:1px;margin:8px 0}.logout-item:hover{color:var(--danger)}.desktop-navigation-menu{background:var(--white);border-bottom:1px solid var(--border-color)}.desktop-menu-category-list{align-items:center;display:flex;gap:5px;overflow-x:auto;padding:10px 0;scrollbar-width:none}.desktop-menu-category-list::-webkit-scrollbar{display:none}.menu-category .menu-title{border-radius:var(--radius-md);color:var(--text-main);display:block;font-size:var(--fs-7);font-weight:var(--weight-500);padding:10px 18px;text-decoration:none;transition:var(--transition);white-space:nowrap}.menu-category .menu-title:hover{background:var(--bg-surface);color:var(--primary)}.mobile-menu-toggle{background:none;border:none;color:var(--text-main);cursor:pointer;display:none;padding:8px;transition:var(--transition)}.mobile-menu-toggle:hover{color:var(--primary)}.mobile-navigation-menu{background:var(--white);box-shadow:var(--shadow-xl);height:100vh;left:-100%;max-width:320px;overflow-y:auto;padding:20px;position:fixed;top:0;transition:.4s ease;width:100%;z-index:20}.mobile-navigation-menu.active{left:0}.menu-top{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.menu-top .menu-title{color:var(--primary);font-size:var(--fs-3);font-weight:var(--weight-600)}.menu-close-btn{background:none;border:none;color:var(--text-main);cursor:pointer;padding:8px}.mobile-menu-category-list .menu-category{border-bottom:1px solid var(--border-color)}.mobile-menu-category-list .menu-title{color:var(--text-main);display:block;font-size:var(--fs-6);font-weight:var(--weight-500);padding:14px 0;text-decoration:none}.mobile-auth-buttons{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:10px;margin-top:20px;padding-top:20px}.mobile-bottom-navigation{align-items:center;background:var(--white);bottom:0;box-shadow:0 -3px 20px #0000001a;display:none;display:flex;height:60px;justify-content:space-between;left:0;padding:0 5px;position:fixed;width:100%;z-index:1000}.mobile-bottom-navigation .action-btn{align-items:center;background:none;border:none;color:var(--text-main);display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:center;position:relative;text-decoration:none}.mobile-bottom-navigation .action-btn.home-btn{align-items:center;background:var(--primary);border-radius:50%;box-shadow:0 4px 12px #0003;color:var(--white);display:flex;flex:0 0 60px;height:60px;justify-content:center;margin-top:-30px;max-width:60px;width:60px;z-index:1001}.mobile-bottom-navigation .action-btn.call-btn{color:#0ea5e9}.mobile-bottom-navigation .action-btn.whatsapp-btn{color:#22c55e}.mobile-bottom-navigation .count{background:var(--primary);border-radius:50%;color:var(--white);font-size:10px;font-weight:600;height:18px;line-height:18px;min-width:18px;position:absolute;right:20%;text-align:center;top:8px}.overlay{background:#00000080;inset:0;opacity:0;pointer-events:none;position:fixed;transition:var(--transition);z-index:15}.overlay.active{opacity:1;pointer-events:all}@media (max-width:992px){.header-top{display:none}.header-main{padding:10px 0}.desktop-navigation-menu{display:none}.mobile-menu-toggle{display:block}.mobile-bottom-navigation{display:flex}.action-text,.wishlist-btn-top{display:none!important}body{padding-bottom:70px}}@media (max-width:768px){.header-main{padding:8px 0}.header-main-container{flex-wrap:wrap;gap:12px}.header-logo{font-size:var(--fs-3);height:40px}.logo-image{max-height:40px}.header-search-container{flex:0 0 100%;margin-top:6px;max-height:40px;max-width:none;order:3}.search-field{font-size:var(--fs-8);height:40px;padding:8px 40px 8px 14px}.search-btn{padding:6px}.header-user-actions{gap:5px}.action-btn{padding:8px}}@media (min-width:993px){.action-text{display:inline}.mobile-bottom-navigation,.mobile-menu-toggle,.mobile-navigation-menu{display:none!important}}@media (max-width:480px){.header-main{padding:6px 0}.header-main-container{gap:8px}.header-logo{height:38px}.logo-image{max-height:38px}.header-search-container{margin-top:4px;max-height:38px}.search-field{font-size:14px;height:36px;padding:6px 36px 6px 12px}.search-btn{padding:4px}}.navbar{display:contents}.navbar-bottom,.navbar-categories,.navbar-container,.navbar-top{display:none}.footer{background:#111;color:#fff;font-family:Inter,sans-serif;margin-top:auto;padding:60px 0 0}.footer-container{margin:0 auto;max-width:1280px;padding:0 20px}.footer-grid{grid-gap:40px;border-bottom:1px solid #ffffff14;display:grid;gap:40px;grid-template-columns:1.5fr 1fr 1fr 1.5fr;padding-bottom:50px}.footer-heading{color:#fff;font-size:1.1rem;font-weight:600;letter-spacing:.5px;margin-bottom:25px;text-transform:uppercase}.brand-logo{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#bbb);-webkit-background-clip:text;font-size:1.8rem;font-weight:700;margin-bottom:15px}.brand-bio{color:#ccc;font-size:.95rem;line-height:1.6;margin-bottom:25px;max-width:90%}.social-links{display:flex;gap:15px}.social-icon{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.social-icon:hover{background:#fff;color:#111;transform:translateY(-3px)}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:14px}.footer-links a{color:#bbb;display:inline-block;font-size:.95rem;text-decoration:none;transition:all .2s ease}.footer-links a:hover{color:#fff;transform:translateX(5px)}.newsletter-text{color:#ccc;font-size:.9rem;line-height:1.5;margin-bottom:20px}.newsletter-form .input-group{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;display:flex;overflow:hidden;transition:all .3s ease}.newsletter-form .input-group:focus-within{border-color:#fff}.newsletter-form input{background:#0000;border:none;color:#fff;flex:1 1;font-size:.9rem;outline:none;padding:12px 15px}.newsletter-form button{background:#fff;border:none;color:#111;cursor:pointer;font-size:.9rem;font-weight:600;padding:0 20px;transition:all .2s ease}.newsletter-form button:hover{background:#e0e0e0}.contact-info{margin-top:25px}.contact-info p{color:#bbb;font-size:.9rem;margin-bottom:8px}.contact-info strong{color:#fff;margin-right:5px}.footer-bottom{align-items:center;display:flex;justify-content:center;padding:25px 0}.copyright{color:#666;font-size:.85rem;margin:0;text-align:center}@media (max-width:900px){.footer-grid{gap:30px;grid-template-columns:1fr 1fr}}@media (max-width:600px){.footer-grid{gap:40px;grid-template-columns:1fr}.footer-col{text-align:center}.social-links{justify-content:center}.newsletter-form .input-group{margin:0 auto;max-width:350px}.footer-bottom{flex-direction:column;gap:15px;text-align:center}}.static-hero{background-color:#111;background-image:linear-gradient(180deg,#141414f2,#000);-webkit-clip-path:polygon(0 0,100% 0,100% 85%,50% 100%,0 85%);clip-path:polygon(0 0,100% 0,100% 85%,50% 100%,0 85%);color:#fff;margin-bottom:-60px;padding:80px 24px 100px;position:relative;text-align:center}.static-hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff 30%,#a5b4fc);-webkit-background-clip:text;font-family:var(--font-heading);font-size:clamp(2.2rem,5vw,3.5rem);font-weight:800;letter-spacing:-1px;margin-bottom:16px;text-shadow:0 4px 20px #00000080}.static-hero p{color:#cbd5e1;font-size:1.15rem;font-weight:400;line-height:1.7;margin:0 auto;max-width:600px}.static-page{background:#f8fafc;min-height:calc(100vh - 80px);padding-bottom:80px}.static-content{margin:0 auto;max-width:900px;padding:0 24px;position:relative;z-index:10}.static-section{background:#fff;border:1px solid #e5e7eb80;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;margin-bottom:32px;padding:40px;transition:transform .2s ease,box-shadow .2s ease}.static-section:hover{box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px rgba(0,0,0,.025)}.section-tag{align-items:center;background:#ecfdf5;border-radius:30px;color:#059669;display:inline-flex;font-size:.75rem;font-weight:700;letter-spacing:1.2px;margin-bottom:20px;padding:6px 14px;text-transform:uppercase}.static-section h2{color:#111827;font-family:var(--font-heading);font-size:1.85rem;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin-bottom:18px}.static-section li,.static-section p{color:#4b5563;font-size:1.05rem;line-height:1.8}.static-section strong{color:#1f2937;font-weight:600}.static-section ol,.static-section ul{margin-bottom:16px;margin-top:16px;padding-left:24px}.static-section li{margin-bottom:10px;position:relative}.static-section ul li::marker{color:var(--primary)}.static-divider{background:linear-gradient(90deg,#0000,#e5e7eb,#0000);border:none;height:1px;margin:40px 0}.static-card{background:#f8fafc;border-left:4px solid var(--primary);border-radius:8px;margin-top:28px;padding:24px 28px}.static-card h3{color:#1f2937;font-size:1.15rem;font-weight:700;margin-bottom:8px}.static-card p{color:#4b5563;font-size:1rem}.info-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:32px}.static-info-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:block;padding:32px 24px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.static-info-card:hover{border-color:#0000;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-5px)}.static-info-card-icon{background:#f0fdf4;border-radius:50%;display:inline-block;font-size:2.5rem;height:64px;line-height:64px;margin-bottom:16px;width:64px}.static-info-card h4{color:#111827;font-size:1.1rem;font-weight:700;margin-bottom:8px}.static-info-card p{color:#6b7280;font-size:.95rem;line-height:1.6}.faq-list{display:flex;flex-direction:column;gap:16px;margin-top:24px}.faq-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:box-shadow .2s ease,border-color .2s ease}.faq-item:hover{border-color:#d1d5db;box-shadow:0 4px 6px -1px #0000000d}.faq-question{align-items:center;background:none;border:none;color:#1f2937;cursor:pointer;display:flex;font-family:var(--font-sans);font-size:1.05rem;font-weight:600;gap:16px;justify-content:space-between;padding:20px 24px;text-align:left;transition:background .2s ease,color .2s ease;width:100%}.faq-question:hover{background:#f9fafb}.faq-question.open{background:#f0fdf4;color:#059669}.faq-chevron{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:50%;color:#9ca3af;display:flex;flex-shrink:0;font-size:.8rem;height:28px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:28px}.faq-question.open .faq-chevron{background:var(--primary);border-color:var(--primary);color:#fff;transform:rotate(180deg)}.faq-answer{background:#fff;border-top:1px solid #0000;color:#4b5563;font-size:1rem;line-height:1.7;padding:0 24px 24px}.faq-question.open+.faq-answer{border-top-color:#f3f4f6}.contact-layout{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:1fr 1.5fr}.contact-info-block{display:flex;flex-direction:column;gap:20px}.contact-info-item{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:16px;padding:24px;transition:transform .2s ease,box-shadow .2s ease}.contact-info-item:hover{border-color:#0000;box-shadow:0 10px 15px -3px #0000000d;transform:translateX(4px)}.contact-icon{align-items:center;background:#f0fdf4;border-radius:12px;color:#059669;display:flex;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;width:48px}.contact-info-item h4{color:#111827;font-size:1rem;font-weight:700;margin-bottom:4px}.contact-info-item a,.contact-info-item p{color:#6b7280;font-size:.95rem;line-height:1.5;text-decoration:none}.contact-info-item a:hover{color:var(--primary)}.contact-form-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d;padding:32px}.contact-form-card h3{color:#1f2937;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:24px}.form-field{margin-bottom:24px}.form-field label{color:#4b5563;display:block;font-size:.85rem;font-weight:600;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.form-field input,.form-field select,.form-field textarea{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1f2937;font-family:var(--font-sans);font-size:.95rem;outline:none;padding:12px 16px;transition:all .2s ease;width:100%}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px #10b9811a}.form-field input::placeholder,.form-field textarea::placeholder{color:#9ca3af}.form-field textarea{min-height:140px;resize:vertical}.submit-btn{background:var(--primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:var(--font-sans);font-size:.95rem;font-weight:600;letter-spacing:.05em;padding:14px 20px;text-transform:uppercase;transition:background-color .2s ease;width:100%}.submit-btn:hover{background-color:var(--primary-dark)}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{background:#d1d5db;box-shadow:none;cursor:not-allowed;transform:none}.form-success{background:#d1fae5;border:1px solid #10b981;border-radius:8px;color:#065f46;font-size:1rem;font-weight:600;padding:24px;text-align:center}.policy-callout{align-items:center;background:#eff6ff;border-left:4px solid #3b82f6;border-radius:0 8px 8px 0;color:#1e3a8a;display:flex;font-size:1rem;gap:16px;line-height:1.6;margin:32px 0;padding:24px}.policy-callout:before{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;content:"ℹ";display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:24px;justify-content:center;width:24px}.table-wrapper{border:1px solid #e5e7eb;border-radius:12px;margin-top:24px;overflow-x:auto}.static-table{border-collapse:initial;border-spacing:0;font-size:.95rem;min-width:600px;width:100%}.static-table th{background:#f3f4f6;border-bottom:2px solid #e5e7eb;color:#374151;font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:20px;text-align:left;text-transform:uppercase}.static-table td{border-bottom:1px solid #e5e7eb;color:#4b5563;padding:20px;vertical-align:middle}.static-table tr:last-child td{border-bottom:none}.static-table tr:hover td{background:#f9fafb}@media (max-width:768px){.static-hero{-webkit-clip-path:polygon(0 0,100% 0,100% 90%,50% 100%,0 90%);clip-path:polygon(0 0,100% 0,100% 90%,50% 100%,0 90%);padding:60px 20px 80px}.static-content{padding:0 16px}.static-section{padding:24px}.contact-layout{gap:32px;grid-template-columns:1fr}.contact-icon{font-size:1.2rem;height:40px;width:40px}}.admin-layout{align-items:flex-start;background-color:var(--admin-bg-body);display:flex;font-family:var(--admin-font-family);height:100vh}.admin-sidebar{background:var(--admin-dark);border-right:1px solid #ffffff0d;box-shadow:4px 0 24px #0003;color:var(--admin-text-light);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:width .3s cubic-bezier(.4,0,.2,1);z-index:100}.admin-sidebar.open{width:240px}.admin-sidebar.closed{width:64px}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;height:60px;justify-content:space-between;padding:0 1.25rem}.sidebar-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#94a3b8);background-clip:text;-webkit-background-clip:text;color:#fff;font-size:1.125rem;font-weight:700;letter-spacing:-.025em;overflow:hidden;text-decoration:none;white-space:nowrap}.admin-sidebar.closed .sidebar-logo{display:none}.toggle-sidebar-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--admin-text-light);cursor:pointer;display:flex;font-size:.85rem;justify-content:center;padding:4px;transition:all .2s}.toggle-sidebar-btn:hover{background:#ffffff0d;color:#fff}.sidebar-nav{flex:1 1;overflow-y:auto;padding:1rem .5rem;scrollbar-color:#0000 #0000;scrollbar-width:thin;transition:scrollbar-color .3s}.admin-sidebar:hover .sidebar-nav{scrollbar-color:#ffffff1a #0000}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background-color:initial;border-radius:20px}.admin-sidebar:hover .sidebar-nav::-webkit-scrollbar-thumb{background-color:#ffffff1a}.sidebar-nav ul{display:flex;flex-direction:column;gap:2px;list-style:none;margin:0;padding:0}.nav-item{align-items:center;border-left:3px solid #0000;border-radius:6px;color:var(--admin-text-light);display:flex;font-size:.875rem;font-weight:500;gap:10px;margin-bottom:1px;padding:.5rem .75rem;text-decoration:none;transition:all .2s ease}.nav-item:hover{background:#ffffff08;color:#fff}.nav-item.active{background:#ffffff0f;border-left-color:var(--admin-primary);box-shadow:none;color:#fff;font-weight:600}.nav-icon{align-items:center;display:flex;font-size:1.1rem;justify-content:center;min-width:20px;opacity:.8;text-align:center}.nav-item.active .nav-icon{color:var(--admin-primary-light);opacity:1}.nav-label{font-size:.875rem;white-space:nowrap}.nav-group-header{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;justify-content:flex-start;width:100%}.nav-group-chevron{font-size:.7rem;margin-left:auto;opacity:.5;transition:transform .2s ease}.nav-group-chevron.open{opacity:1;transform:rotate(90deg)}.nav-submenu{background:#0003;border-radius:4px;list-style:none;margin:2px 0 4px;padding:2px 0}.nav-subitem{border-left:3px solid #0000;color:#94a3b8;font-size:.8rem;padding:.4rem .75rem .4rem 2.25rem!important}.nav-subitem:hover{background:#ffffff05;color:#fff}.nav-subitem.active{background:#ffffff0d;border-left-color:#fff3;color:#fff}.nav-subitem .nav-icon{font-size:.9rem;min-width:16px;opacity:.7}.sidebar-footer{background:#0000001a;border-top:1px solid #ffffff0d;margin-top:auto;padding:.75rem}.user-info{gap:10px;margin-bottom:.75rem}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:var(--admin-primary);border-radius:8px;color:#fff;font-size:.8rem;font-weight:600;height:32px;justify-content:center;width:32px}.user-details{display:flex;flex-direction:column}.user-name{color:#fff;font-size:.85rem;font-weight:600}.user-role{color:#94a3b8;font-size:.7rem}.logout-btn{align-items:center;background:#0000;border:1px solid #ef44444d;border-radius:6px;color:#fca5a5;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:8px;justify-content:center;padding:.5rem;transition:all .2s;width:100%}.logout-btn:hover{background:#ef44441a;border-color:var(--admin-danger);color:#fff}.admin-main{display:flex;flex:1 1;flex-direction:column;height:100vh;margin-left:260px;overflow:hidden;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.admin-header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;border-bottom:1px solid var(--admin-border);display:flex;height:70px;justify-content:space-between;padding:0 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:90}.page-title{color:var(--admin-dark);font-size:1.25rem;font-weight:700;letter-spacing:-.025em;margin:0}.header-right{gap:1rem}.header-left,.header-right{align-items:center;display:flex}.header-left{gap:10px;min-width:0}.header-left .page-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-site-btn{background:#fff;border:1px solid var(--admin-border);border-radius:8px;box-shadow:var(--admin-shadow-sm);color:var(--admin-text-main);font-size:.85rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.view-site-btn:hover{background:var(--admin-bg-hover);border-color:#cbd5e1;transform:translateY(-1px)}.lang-toggle{background:#fff;border:1px solid var(--admin-border);border-radius:8px;color:var(--admin-text-main);cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 12px;transition:all .2s}.lang-toggle:hover{border-color:var(--admin-primary);color:var(--admin-primary)}.header-user-info{align-items:center;background:#fff;border:1px solid var(--admin-border);border-radius:20px;color:var(--admin-text-main);display:flex;font-size:.9rem;padding:6px 12px}.header-user-info span{color:var(--admin-dark);font-weight:600}.header-logout-btn{background:var(--admin-danger);border:none;border-radius:8px;box-shadow:0 2px 4px #ef444433;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.header-logout-btn:hover{background:#dc2626;box-shadow:0 4px 6px #ef44444d;transform:translateY(-1px)}.admin-content{background-color:initial;flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0}.admin-layout.sidebar-closed .admin-main{margin-left:72px}.mobile-menu-btn{background:none;border:none;border-radius:6px;cursor:pointer;display:none;flex-direction:column;flex-shrink:0;gap:5px;justify-content:center;padding:6px;transition:background .2s}.mobile-menu-btn:hover{background:#0000000d}.mobile-menu-btn span{background:var(--admin-text-main);border-radius:2px;display:block;height:2px;transition:all .2s;width:22px}.header-hide-sm{display:flex}.header-show-sm,.sidebar-overlay{display:none}@media (max-width:1024px){.admin-sidebar.open{width:220px}.admin-main{margin-left:220px}.admin-layout.sidebar-closed .admin-main{margin-left:64px}.admin-header{padding:0 1.25rem}.header-user-info{display:none}}@media (max-width:768px){.mobile-menu-btn{display:flex}.toggle-sidebar-btn{display:none}.admin-sidebar{box-shadow:none;height:100%;left:-260px;position:fixed;top:0;transition:left .3s cubic-bezier(.4,0,.2,1);width:260px!important;z-index:200}.admin-sidebar.mobile-visible{box-shadow:4px 0 32px #00000059;left:0}.admin-sidebar.closed .sidebar-logo{display:block}.sidebar-overlay{animation:fadeOverlay .2s ease;background:#00000073;display:block;inset:0;position:fixed;z-index:199}@keyframes fadeOverlay{0%{opacity:0}to{opacity:1}}.admin-main{width:100%}.admin-layout.sidebar-closed .admin-main,.admin-main{margin-left:0!important}.admin-header{height:56px;padding:0 .875rem}.page-title{font-size:1rem}.header-right{gap:.5rem}.header-hide-sm{display:none!important}.header-show-sm{display:inline}.header-logout-btn{font-size:16px;padding:6px 10px}.lang-toggle{font-size:.75rem;padding:5px 8px}}.admin-dashboard{display:flex;flex-direction:column;font-family:Inter,system-ui,-apple-system,sans-serif;gap:1.5rem;margin:0;padding:1.5rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr)}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.stats-grid{grid-template-columns:1fr}}.stat-card{align-items:center;background:#fff;border:1px solid #f3f4f699;border-radius:12px;box-shadow:0 2px 4px #0000000a,0 8px 16px #0000000a;display:flex;gap:1rem;justify-content:space-between;overflow:hidden;padding:1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{border-color:#e5e7eb;box-shadow:0 12px 24px #00000014;transform:translateY(-4px)}.stat-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:1.25rem;height:42px;justify-content:center;transition:transform .3s ease;width:42px}.stat-card:hover .stat-icon{transform:scale(1.1) rotate(5deg)}.stat-info{display:flex;flex-direction:column}.stat-info h3{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.025em;margin:0 0 .25rem;text-transform:uppercase}.stat-info p.stat-value{color:#111827;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0}.stat-card.info .stat-icon,.stat-icon.orders,.stat-icon.processing{background:#eff6ff;color:#3b82f6}.stat-card.success .stat-icon,.stat-icon.completed,.stat-icon.delivered,.stat-icon.revenue{background:#ecfdf5;color:#10b981}.stat-card.highlight .stat-icon,.stat-icon.active-products,.stat-icon.customers,.stat-icon.today,.stat-icon.today-revenue{background:#f5f3ff;color:#8b5cf6}.stat-card.warning .stat-icon,.stat-icon.low-stock,.stat-icon.pending,.stat-icon.products{background:#fff7ed;color:#f97316}.stat-card.danger .stat-icon,.stat-icon.cancelled,.stat-icon.out-stock{background:#fef2f2;color:#ef4444}.stat-icon.reviews{background:#fdf2f8;color:#ec4899}.dashboard-section{background:#fff;border:1px solid #f3f4f6;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;padding:1.75rem}.section-title{color:#111827;font-size:1.125rem;font-weight:700;margin-bottom:1.5rem}.recent-orders-table table{border-collapse:initial;border-spacing:0;width:100%}.recent-orders-table th{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}.recent-orders-table td{border-bottom:1px solid #f9fafb;color:#374151;font-size:.9rem;padding:1rem}.recent-orders-table tr:last-child td{border-bottom:none}.status-badge{border-radius:6px;font-size:.75rem;padding:.35rem .85rem}@media (max-width:768px){.admin-dashboard{gap:1rem;padding:1rem}.dashboard-section{border-radius:12px;padding:1rem}.recent-orders-table{-webkit-overflow-scrolling:touch;overflow-x:auto}.recent-orders-table table{min-width:520px}.recent-orders-table td,.recent-orders-table th{font-size:.8rem;padding:.65rem .75rem}}@media (max-width:480px){.admin-dashboard{padding:.75rem}.stat-card{border-radius:10px;padding:.875rem}.stat-info p.stat-value{font-size:1.25rem}.section-title{font-size:1rem;margin-bottom:1rem}}.modal-backdrop{align-items:center;animation:fadeIn .2s ease-in;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideIn .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;max-height:90vh}.modal-small{max-width:90%;width:400px}.modal-medium{max-width:90%;width:600px}.modal-large{max-width:95%;width:900px}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.modal-header h2{color:#1f2937;font-size:1.5rem;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.modal-close:hover{background-color:#f3f4f6;color:#1f2937}.modal-body{flex:1 1;overflow-y:auto;padding:20px}.modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px}.form-group{margin-bottom:16px}.form-group label{font-size:14px}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:14px;padding:10px 12px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:#f3f4f6;cursor:not-allowed}.form-hint{color:#6b7280}.error-message,.form-hint{font-size:12px;margin-top:4px}.error-message,.required{color:#ef4444}.checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-weight:500;gap:8px}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.btn{padding:10px 20px;transition:all .2s}.btn-primary{background-color:#3b82f6}.btn-primary:hover:not(:disabled){background-color:#2563eb}.btn-secondary{background-color:#f3f4f6;color:#374151}.btn-secondary:hover:not(:disabled){background-color:#e5e7eb}.btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.modal-backdrop{align-items:flex-end;padding:0}.modal-content{animation:slideInUp .3s ease-out;border-radius:20px 20px 0 0;max-height:92vh!important}.modal-content,.modal-large,.modal-medium,.modal-small{max-width:100%!important;width:100%!important}.modal-header{padding:16px}.modal-header h2{font-size:1.125rem}.modal-body{padding:16px}.modal-footer{flex-direction:column-reverse;gap:8px;padding:12px 16px}.modal-footer .btn{justify-content:center;width:100%}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}}.admin-form-table{border:1px solid #d1d5db;border-radius:6px;display:flex;flex-direction:column;overflow:hidden;width:100%}.admin-form-row{align-items:center;background-color:#fff;border-bottom:1px solid #e5e7eb;display:flex;padding:12px 16px}.admin-form-row:last-child{border-bottom:none}.admin-form-row:hover{background-color:#f9fafb}.admin-form-label{align-items:center;color:#1f2937;display:flex;flex:0 0 180px;font-size:14px;font-weight:600;padding-right:20px}.admin-form-input{flex:1 1;position:relative}.admin-form-input input,.admin-form-input select,.admin-form-input textarea{background-color:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#111827;font-family:inherit;font-size:14px;padding:8px 12px;transition:all .2s ease;width:100%}.admin-form-input input:focus,.admin-form-input select:focus,.admin-form-input textarea:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.admin-form-input select{cursor:pointer}.admin-form-input textarea{min-height:60px;resize:vertical}.admin-form-row.checkbox-row .admin-form-label{align-self:center}.admin-form-row.checkbox-row .admin-form-input{align-items:center;display:flex}.admin-toggle-label{align-items:center;color:#374151;cursor:pointer;display:inline-flex;font-size:14px;gap:8px}.admin-toggle-label input[type=checkbox]{height:16px;width:16px}.admin-form-input .error-text{background:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#ef4444;font-size:11px;left:0;margin-top:2px;padding:2px 4px;position:absolute;top:100%;z-index:10}.admin-form-input input.has-error,.admin-form-input select.has-error,.admin-form-input textarea.has-error{border-color:#ef4444}.admin-form-modal .modal-body{background-color:#f8fafc;padding:24px}.admin-form-actions{background-color:initial;display:flex;gap:12px;justify-content:flex-end;padding:24px 0 0}.admin-form-actions button{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;letter-spacing:.3px;padding:8px 16px;transition:all .2s ease}.admin-form-actions .btn-cancel{background-color:#fff;border:1px solid #e5e7eb;color:#6b7280}.admin-form-actions .btn-cancel:hover{background-color:#f9fafb;border-color:#d1d5db;color:#374151}.admin-form-actions .btn-save{background-color:#0f172a;color:#fff}.admin-form-actions .btn-save:hover{background-color:#1e293b;transform:translateY(-1px)}.admin-form-actions button:disabled{cursor:not-allowed;opacity:.5;transform:none}.admin-form-image-preview{border:1px solid #e5e7eb;border-radius:4px;margin-top:8px;max-height:120px;max-width:200px}.admin-form-input input[type=file]{font-size:13px;padding:6px}.admin-form-hint{color:#6b7280;font-size:12px;margin-top:4px}.admin-form-row .rich-text-editor-wrapper{min-height:250px;width:100%}.admin-form-row .rich-text-editor-wrapper .ql-editor{min-height:180px}.admin-form-row:has(.rich-text-editor-wrapper){align-items:flex-start;padding:16px}.admin-form-row:has(.rich-text-editor-wrapper) .admin-form-label{padding-top:8px}.admin-form-row:has(.rich-text-editor-wrapper) .error-text{margin-top:8px;position:relative}.attr-section{background:#fafbff;border:1px solid #e5e7eb;border-radius:10px;padding:16px}.attr-section-hint{color:#6b7280;font-size:12px;line-height:1.5;margin:0 0 14px}.attr-group{border-bottom:1px solid #f3f4f6;margin-bottom:14px;padding-bottom:14px}.attr-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.attr-toggle{align-items:center;cursor:pointer;display:flex;gap:10px;-webkit-user-select:none;user-select:none}.attr-toggle input[type=checkbox]{accent-color:#4f46e5;cursor:pointer;flex-shrink:0;height:16px;width:16px}.attr-toggle-label{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:8px}.attr-swatch{border:1px solid #0000001f;border-radius:50%;display:inline-block;flex-shrink:0;height:18px;width:18px}.attr-icon{font-size:16px}.attr-options{margin-top:12px;padding-left:26px}.attr-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;min-height:28px}.attr-chip{align-items:center;border-radius:20px;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:4px 10px}.attr-chip button{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:15px;line-height:1;opacity:.65;padding:0;transition:opacity .15s}.attr-chip button:hover{opacity:1}.color-chip{background:#eef2ff;border:1px solid #c7d2fe;color:#4338ca}.size-chip{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.weight-chip{background:#fff7ed;border:1px solid #fed7aa;color:#c2410c}.attr-add-row{align-items:center;display:flex;gap:8px}.attr-add-row input{border:1px solid #d1d5db;border-radius:6px;flex:1 1;font-size:13px;outline:none;padding:7px 12px;transition:border-color .2s}.attr-add-row input:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e51a}.attr-add-btn{background:#4f46e5;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:7px 14px;transition:background .2s;white-space:nowrap}.attr-add-btn:hover{background:#4338ca}@media (max-width:768px){.admin-form-row{align-items:flex-start;flex-direction:column;gap:6px;padding:12px}.admin-form-label{color:#6b7280;flex:none;font-size:13px;padding-right:0;width:100%}.admin-form-input{width:100%}.attr-add-row{flex-wrap:wrap;gap:8px}.attr-add-row input{flex:1 1 100%}.attr-add-btn{flex:1 1 100%;text-align:center}}.confirm-backdrop{align-items:center;animation:fadeIn .2s ease-in;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.confirm-dialog{animation:slideIn .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:90%;width:400px}.confirm-header{border-bottom:1px solid #e5e7eb;padding:20px}.confirm-header h3{color:#1f2937;font-size:1.25rem;margin:0}.confirm-body{padding:20px}.confirm-body p{color:#6b7280;line-height:1.5;margin:0}.confirm-footer{border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;padding:20px}.btn-cancel,.btn-confirm{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.btn-cancel{background-color:#f3f4f6;color:#374151}.btn-cancel:hover{background-color:#e5e7eb}.btn-confirm{color:#fff}.btn-danger{background-color:#ef4444}.btn-danger:hover{background-color:#dc2626}.btn-warning{background-color:#f59e0b}.btn-warning:hover{background-color:#d97706}.btn-info{background-color:#3b82f6}.btn-info:hover{background-color:#2563eb}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.confirm-dialog{width:95%}.confirm-footer{flex-direction:column-reverse;gap:8px}.btn-cancel,.btn-confirm{text-align:center;width:100%}}.toast{align-items:center;animation:slideInRight .3s ease-out;border-radius:8px;box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;color:#fff;display:flex;font-weight:500;gap:12px;max-width:500px;min-width:300px;padding:16px;position:fixed;right:20px;top:20px;z-index:1002}.toast-success{background-color:#10b981}.toast-error{background-color:#ef4444}.toast-info{background-color:#3b82f6}.toast-warning{background-color:#f59e0b}.toast-icon{flex-shrink:0;font-size:1.25rem;font-weight:700}.toast-message{flex:1 1}.toast-close{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;height:24px;justify-content:center;padding:0;transition:background-color .2s;width:24px}.toast-close:hover{background-color:#fff3}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}:root{--admin-primary:#4f46e5;--admin-primary-hover:#4338ca;--admin-primary-light:#e0e7ff;--admin-success:#10b981;--admin-success-bg:#d1fae5;--admin-warning:#f59e0b;--admin-warning-bg:#fef3c7;--admin-danger:#ef4444;--admin-danger-bg:#fee2e2;--admin-info:#3b82f6;--admin-info-bg:#dbeafe;--admin-dark:#0f172a;--admin-dark-alt:#1e293b;--admin-text-main:#334155;--admin-text-muted:#64748b;--admin-text-light:#94a3b8;--admin-bg-body:#f1f5f9;--admin-bg-card:#fff;--admin-bg-hover:#f8fafc;--admin-border:#e2e8f0;--admin-border-light:#f1f5f9;--admin-spacing-xs:4px;--admin-spacing-sm:8px;--admin-spacing-md:16px;--admin-spacing-lg:24px;--admin-spacing-xl:32px;--admin-spacing-xxl:48px;--admin-radius-sm:6px;--admin-radius-md:10px;--admin-radius-lg:16px;--admin-radius-xl:24px;--admin-shadow-sm:0 1px 2px 0 #0000000d;--admin-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--admin-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--admin-shadow-hover:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--admin-font-family:"Inter",system-ui,-apple-system,sans-serif;--admin-font-size-xs:0.75rem;--admin-font-size-sm:0.875rem;--admin-font-size-base:1rem;--admin-font-size-lg:1.125rem;--admin-font-size-xl:1.25rem;--admin-font-size-2xl:1.5rem;--admin-font-size-3xl:1.875rem}.management-header{background:var(--admin-bg-card);border:1px solid #e2e8f0;border:1px solid var(--admin-border);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--admin-shadow-sm);padding:24px 32px;transition:box-shadow .3s ease}.management-header:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--admin-shadow-md)}.management-header h3{color:var(--admin-dark);font-size:1.5rem;font-size:var(--admin-font-size-2xl);letter-spacing:-.025em}.management-header p{color:var(--admin-text-muted);font-size:.875rem;font-size:var(--admin-font-size-sm);font-weight:500}.management-actions{gap:12px}.btn{border-radius:10px;border-radius:var(--admin-radius-md);font-size:.875rem;font-size:var(--admin-font-size-sm);font-weight:600;gap:8px;line-height:1.25;padding:.625rem 1.25rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-primary{background:#4f46e5;background:var(--admin-primary);box-shadow:0 4px 6px -1px #4f46e533}.btn-primary:hover{background:#4338ca;background:var(--admin-primary-hover);box-shadow:0 6px 8px -1px #4f46e54d}.btn-success{background:#10b981;background:var(--admin-success);box-shadow:0 4px 6px -1px #10b98133}.btn-success:hover{background:#059669;box-shadow:0 6px 8px -1px #10b9814d}.btn-secondary{border:1px solid var(--admin-border);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--admin-shadow-sm);color:#334155;color:var(--admin-text-main)}.btn-secondary:hover{background:var(--admin-bg-hover);color:#0f172a;color:var(--admin-dark)}.btn-danger{background:#ef4444;background:var(--admin-danger);box-shadow:0 4px 6px -1px #ef444433}.btn-danger:hover{background:#dc2626;box-shadow:0 6px 8px -1px #ef44444d}.ag-grid-wrapper{background:var(--admin-bg-card);border:1px solid #e2e8f0;border:1px solid var(--admin-border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--admin-shadow-md);transition:box-shadow .3s ease}.ag-grid-wrapper:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--admin-shadow-lg)}.search-box{background:var(--admin-bg-card);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--admin-border);gap:16px;padding:20px 24px}.search-box input{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:10px;border-radius:var(--admin-radius-md);color:#334155;color:var(--admin-text-main);font-size:.875rem;font-size:var(--admin-font-size-sm);padding:12px 16px;width:360px}.search-box input:focus{border-color:#4f46e5;border-color:var(--admin-primary);box-shadow:0 0 0 3px #4f46e51a}.search-box input::placeholder{color:var(--admin-text-light)}.results-info{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--admin-border);color:var(--admin-text-muted);font-weight:500;padding:12px 24px}.results-info span{color:#4f46e5;color:var(--admin-primary);font-weight:700}.status-badge{align-items:center;border-radius:10px;border-radius:var(--admin-radius-md);display:inline-flex;font-size:12px;font-weight:600;gap:4px;letter-spacing:.025em;line-height:1;padding:6px 10px;text-transform:uppercase}.status-badge.active,.status-badge.approved,.status-badge.completed{background:#d1fae5;background:var(--admin-success-bg);border:1px solid #10b98133;color:#065f46}.status-badge.pending,.status-badge.processing{background:#fef3c7;background:var(--admin-warning-bg);border:1px solid #f59e0b33;color:#92400e}.status-badge.cancelled,.status-badge.inactive,.status-badge.rejected{background:#fee2e2;background:var(--admin-danger-bg);border:1px solid #ef444433;color:#991b1b}.status-badge.processing-blue{background:#dbeafe;background:var(--admin-info-bg);border:1px solid #3b82f633;color:#1e40af}.action-buttons{gap:8px;padding:4px 0}.action-buttons button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;padding:6px;transition:all .2s;width:32px}.action-buttons .edit-btn{background-color:initial;border:1px solid #e2e8f0;border:1px solid var(--admin-border);color:#64748b;color:var(--admin-text-muted)}.action-buttons .edit-btn:hover{background-color:#e0e7ff;background-color:var(--admin-primary-light);border-color:#e0e7ff;border-color:var(--admin-primary-light);color:#4f46e5;color:var(--admin-primary)}.action-buttons .delete-btn{background-color:initial;border:1px solid #e2e8f0;border:1px solid var(--admin-border);color:#64748b;color:var(--admin-text-muted)}.action-buttons .delete-btn:hover{background-color:#fee2e2;background-color:var(--admin-danger-bg);border-color:#fee2e2;border-color:var(--admin-danger-bg);color:#ef4444;color:var(--admin-danger)}.admin-page{background:#f1f5f9;background:var(--admin-bg-body);padding:32px;padding:var(--admin-spacing-xl)}.text-right{text-align:right}@media (max-width:768px){.admin-page{padding:16px;padding:var(--admin-spacing-md)}.management-header{align-items:flex-start;flex-direction:column;gap:12px;padding:16px}.management-actions{flex-wrap:wrap;width:100%}.management-actions .btn{flex:1 1 auto;justify-content:center;min-width:120px}.search-box{flex-wrap:wrap;gap:10px;padding:12px}.search-box input{flex:1 1 100%;width:100%!important}.search-box>:not(input){flex-shrink:0}.results-info{font-size:12px;padding:10px 12px}.filter-tabs,.status-filter-tabs,.tab-group{-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;white-space:nowrap}.filter-tabs::-webkit-scrollbar,.status-filter-tabs::-webkit-scrollbar,.tab-group::-webkit-scrollbar{display:none}.ag-grid-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.ag-grid-container{min-width:700px}.action-buttons{flex-direction:row;gap:4px}.bulk-actions,.page-actions,.toolbar-row{flex-wrap:wrap;gap:8px}.bulk-actions .btn,.page-actions .btn,.toolbar-row .btn{flex:1 1 auto;font-size:13px;justify-content:center;min-width:100px;padding:8px 12px}.recent-orders-table{-webkit-overflow-scrolling:touch;overflow-x:auto}.recent-orders-table table{min-width:560px}}@media (max-width:480px){.admin-page{padding:8px;padding:var(--admin-spacing-sm)}.management-header{border-radius:10px;border-radius:var(--admin-radius-md);padding:12px}.management-header h3{font-size:18px}.btn{font-size:13px;padding:8px 12px}.status-badge{font-size:11px;padding:4px 7px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease-out forwards}.management-header{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;border-radius:var(--admin-radius-lg);box-shadow:0 1px 3px #0000000d;display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--admin-spacing-lg);padding:20px 24px}.management-header h3{color:#0f172a;font-size:22px;font-weight:700;letter-spacing:-.3px;margin:0 0 4px}.management-header p{color:#64748b;font-size:14px;margin:0}.management-actions{display:flex;gap:10px}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:10px 18px;text-decoration:none;transition:all .2s ease}.btn-primary{background:#0f172a}.btn-primary:hover{background:#1e293b;box-shadow:0 4px 12px #0f172a40;transform:translateY(-1px)}.btn-success{background:#0f172a;color:#fff}.btn-success:hover{background:#1e293b;box-shadow:0 4px 12px #0f172a40;transform:translateY(-1px)}.btn-secondary{background:#fff;border:1px solid #e2e8f0;color:#475569}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.btn-danger{background:#dc2626}.btn-danger:hover{background:#b91c1c}.ag-grid-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:16px;border-radius:var(--admin-radius-lg);box-shadow:0 1px 3px #0000000d}.search-box{align-items:center;background:#fff;border-bottom:1px solid #f1f5f9;display:flex;gap:12px;padding:16px 20px}.search-box input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;font-family:inherit;font-size:14px;padding:10px 14px;transition:all .2s ease;width:320px}.search-box input:focus{background:#fff;border-color:#0f172a;box-shadow:0 0 0 3px #0f172a1a;outline:none}.search-box input::placeholder{color:#94a3b8}.results-info{background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#64748b;font-size:13px;padding:12px 20px}.results-info span{color:#0f172a;font-weight:600}.status-badge{border-radius:24px;border-radius:var(--admin-radius-xl);display:inline-block;font-size:.875rem;font-size:var(--admin-font-size-sm);font-weight:500;padding:4px 8px}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.approved,.status-badge.completed{background:#d4edda;color:#155724}.status-badge.processing{background:#cce7ff;color:#004085}.status-badge.cancelled,.status-badge.rejected{background:#f8d7da;color:#721c24}.action-buttons{gap:5px;padding:5px 0}.action-buttons .approve-btn,.action-buttons .delete-btn,.action-buttons .edit-btn{border:none;border-radius:6px;border-radius:var(--admin-radius-sm);cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s}.action-buttons .edit-btn{background-color:#f3f4f6;color:#374151}.action-buttons .edit-btn:hover{background-color:#e5e7eb}.action-buttons .approve-btn{background-color:#10b981;background-color:var(--admin-success);color:#fff}.action-buttons .approve-btn:hover{background-color:var(--admin-success-hover)}.action-buttons .delete-btn{background-color:#fee2e2;color:#dc2626}.action-buttons .delete-btn:hover{background-color:#fecaca}.ag-theme-alpine{--ag-header-background-color:#f8f9fa;--ag-header-foreground-color:#2c3e50;--ag-border-color:#e5e7eb;--ag-row-hover-color:#f3f4f6;--ag-font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;--ag-font-size:14px;--ag-header-height:40px;--ag-row-height:42px}.ag-theme-alpine .ag-header-cell{font-weight:600}.ag-theme-alpine .ag-row{border-bottom:1px solid #f0f0f0}.ag-theme-alpine .ag-row:hover{background-color:#f9fafb}.admin-page{background:var(--admin-bg-gray);box-sizing:border-box;min-height:100%;overflow-y:auto;padding:1.5rem}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--admin-spacing-lg)}.page-header h1{color:#0f172a;color:var(--admin-dark);font-size:var(--admin-font-size-xxl);font-weight:600;margin:0}.add-btn{background-color:#10b981;background-color:var(--admin-success);border:none;border-radius:10px;border-radius:var(--admin-radius-md);color:#fff;cursor:pointer;font-size:1rem;font-size:var(--admin-font-size-base);font-weight:500;padding:10px 20px;transition:all .2s}.add-btn:hover{background-color:var(--admin-success-hover);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--admin-shadow-sm);transform:translateY(-1px)}.text-center{text-align:center}.mb-0{margin-bottom:0}.mb-1{margin-bottom:4px;margin-bottom:var(--admin-spacing-xs)}.mb-2{margin-bottom:8px;margin-bottom:var(--admin-spacing-sm)}.mb-3{margin-bottom:16px;margin-bottom:var(--admin-spacing-md)}.mb-4{margin-bottom:24px;margin-bottom:var(--admin-spacing-lg)}.mt-0{margin-top:0}.mt-1{margin-top:4px;margin-top:var(--admin-spacing-xs)}.mt-2{margin-top:8px;margin-top:var(--admin-spacing-sm)}.mt-3{margin-top:16px;margin-top:var(--admin-spacing-md)}.mt-4{margin-top:24px;margin-top:var(--admin-spacing-lg)}.admin-page:has(.ag-grid-wrapper){display:flex;flex-direction:column;height:100%;min-height:0;min-height:auto;overflow:hidden;padding:.6rem .75rem}.grid-toolbar{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-shrink:0;gap:.6rem;margin-bottom:.55rem;padding:.4rem .85rem}.grid-toolbar-search{flex:1 1;min-width:0}.grid-toolbar-search input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-family:inherit;font-size:.77rem;max-width:260px;outline:none;padding:.28rem .6rem;transition:border-color .15s,box-shadow .15s;width:100%}.grid-toolbar-search input:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e51a}.grid-toolbar-search input::placeholder{color:#9ca3af}.grid-toolbar-count{color:#6b7280;flex-shrink:0;font-size:.72rem;white-space:nowrap}.grid-toolbar-count strong{color:#111827;font-weight:700}.grid-toolbar-sep{background:#e5e7eb;flex-shrink:0;height:18px;width:1px}.grid-toolbar-actions{display:flex;flex-shrink:0;gap:5px}.grid-toolbar-actions .btn{border-radius:6px;font-size:.74rem;padding:.28rem .65rem}.ag-grid-wrapper{border-radius:10px;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.ag-grid-container{flex:1 1;height:100%;min-height:0;width:100%}.search-wrapper{flex-shrink:0;margin-bottom:.75rem}.ag-theme-quartz{--ag-header-background-color:var(--admin-bg-hover);--ag-header-foreground-color:var(--admin-dark);--ag-border-color:var(--admin-border);--ag-row-hover-color:var(--admin-bg-hover);--ag-selected-row-background-color:var(--admin-primary-light);--ag-font-family:var(--admin-font-family);--ag-font-size:var(--admin-font-size-sm);--ag-header-height:48px;--ag-row-height:60px}.ag-header-cell-label{color:var(--admin-text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.ag-cell{align-items:center;color:var(--admin-text-main);display:flex;font-size:var(--admin-font-size-sm);padding:8px 12px}.ag-row{border-bottom:1px solid var(--admin-border-light)}.ag-row:hover{background-color:var(--admin-bg-hover)!important}.ag-row-selected{background-color:var(--admin-primary-light)!important}.action-buttons{align-items:center;display:flex;gap:6px}.delete-btn,.edit-btn{align-items:center;border:none;border-radius:var(--admin-radius-sm);color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:4px;justify-content:center;min-height:28px;min-width:60px;padding:6px 10px;transition:all .15s ease}.edit-btn{background:var(--admin-dark)}.edit-btn:hover:not(:disabled){background:var(--admin-dark-alt);box-shadow:var(--admin-shadow-sm);transform:translateY(-1px)}.edit-btn:disabled{cursor:not-allowed;opacity:.6}.delete-btn{background:var(--admin-danger)}.delete-btn:hover{background:#dc2626;box-shadow:var(--admin-shadow-sm);transform:translateY(-1px)}.ag-pinned-left-cols-container,.ag-pinned-right-cols-container{background-color:var(--admin-bg-card);box-shadow:var(--admin-shadow-sm)}.ag-pinned-right-cols-container{box-shadow:-2px 0 4px #0000000d}.ag-cell-range-selected:not(.ag-cell-focus){background-color:var(--admin-info-bg)!important}.ag-checkbox-input-wrapper{height:20px;width:20px}.ag-checkbox-input-wrapper input[type=checkbox]{cursor:pointer;height:18px;width:18px}.btn-danger{background-color:var(--admin-danger);border:none;border-radius:var(--admin-radius-sm);color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.btn-danger:hover{background-color:#b91c1c;box-shadow:var(--admin-shadow-sm);transform:translateY(-1px)}@media (max-width:768px){.ag-theme-quartz{--ag-font-size:13px}.action-buttons{flex-direction:row;gap:4px}.delete-btn,.edit-btn{font-size:14px;padding:4px 8px}.ag-grid-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.ag-grid-container{height:100%;min-width:700px}.order-status-filters,[class*=filter-bar],[class*=status-filter]{-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.order-status-filters::-webkit-scrollbar,[class*=filter-bar]::-webkit-scrollbar,[class*=status-filter]::-webkit-scrollbar{display:none}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-body-scroll{scrollbar-color:var(--admin-primary) var(--admin-bg-body);scrollbar-width:thin}.modal-body-scroll::-webkit-scrollbar{width:6px}.modal-body-scroll::-webkit-scrollbar-track{background:#0000}.modal-body-scroll::-webkit-scrollbar-thumb{background:var(--admin-primary);border-radius:10px;-webkit-transition:background .2s;transition:background .2s}.modal-body-scroll::-webkit-scrollbar-thumb:hover{background:var(--admin-primary-hover)}.mobile-card-list{display:flex;flex-direction:column;gap:10px;padding:4px 0 16px}.mobile-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 4px #0000000f;padding:14px;position:relative;transition:box-shadow .15s ease}.mobile-card:active{box-shadow:0 2px 8px #0000001f}.mc-top{align-items:flex-start;display:flex;gap:12px}.mc-thumb{object-fit:cover}.mc-thumb,.mc-thumb-placeholder{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;height:60px;width:60px}.mc-thumb-placeholder{align-items:center;color:#9ca3af;display:flex;font-size:22px;justify-content:center}.mc-info{flex:1 1;min-width:0}.mc-title{color:#111827;font-size:14px;font-weight:700;margin-bottom:2px}.mc-subtitle,.mc-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-subtitle{color:#6b7280;font-size:12px}.mc-badge-corner{pointer-events:none;position:absolute;right:12px;top:12px}.mc-divider{background:#f3f4f6;height:1px;margin:10px 0}.mc-meta{color:#374151;display:flex;flex-wrap:wrap;font-size:12px;gap:6px 14px}.mc-meta-item{align-items:center;display:flex;gap:4px;max-width:100%;overflow:hidden}.mc-meta-label{color:#9ca3af;font-weight:500;white-space:nowrap}.mc-meta-value{color:#111827;font-weight:600;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-address{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:12px;line-height:1.4;margin-top:4px;overflow:hidden}.mc-variants{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.mc-variant-pill{align-items:center;border:1px solid;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:2px 8px}.mc-variant-color-dot{border:1px solid #00000026;border-radius:50%;flex-shrink:0;height:10px;width:10px}.mc-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.mc-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:600;gap:5px;justify-content:center;min-width:0;padding:7px 10px;transition:all .15s ease;white-space:nowrap}.mc-btn:active{transform:scale(.97)}.mc-btn-view{background:#f3f4f6;color:#374151}.mc-btn-view:hover{background:#e5e7eb}.mc-btn-edit{background:#1f2937;color:#fff}.mc-btn-edit:hover{background:#111827}.mc-btn-delete{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.mc-btn-delete:hover{background:#fee2e2}.mc-btn-print{background:#ede9fe;color:#7c3aed}.mc-btn-print:hover{background:#ddd6fe}.mc-btn-send{background:#ecfdf5;border:1px solid #a7f3d0;color:#059669}.mc-btn-send:hover{background:#d1fae5}.mc-btn-send:disabled{cursor:not-allowed;opacity:.5}.mc-status-select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 10 5 5 5-5z' fill='currentColor'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:10px;border:1.5px solid;border-radius:20px;cursor:pointer;font-size:11px;font-weight:700;outline:none;padding:4px 28px 4px 10px}.mc-price{color:#059669;font-size:15px;font-weight:800}.mc-price-strike{color:#9ca3af;font-size:12px;font-weight:500;margin-left:4px;text-decoration:line-through}.mc-discount-price{color:#7c3aed;font-size:13px;font-weight:800;margin-left:6px}.mc-count-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.mc-count-pill{align-items:center;border:1px solid;border-radius:8px;display:inline-flex;font-size:11px;font-weight:700;gap:4px;padding:3px 10px}.mc-count-future{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.mc-count-not-resp{background:#fffbeb;border-color:#fde68a;color:#b45309}.mc-count-confirmed{background:#ecfdf5;border-color:#a7f3d0;color:#059669}.mc-count-cancelled{background:#fef2f2;border-color:#fecaca;color:#dc2626}.mc-coupon-code{color:#1f2937;font-family:Courier New,Courier,monospace;font-size:15px;font-weight:800;letter-spacing:.05em}.mc-date{color:#9ca3af;font-size:11px;font-weight:500}.mc-active-pill{border-radius:20px;display:inline-block;font-size:11px;font-weight:700;padding:2px 10px}.mc-active-pill.active{background:#ecfdf5;border:1px solid #a7f3d0;color:#059669}.mc-active-pill.inactive{background:#f3f4f6;border:1px solid #e5e7eb;color:#6b7280}.mc-empty{color:#9ca3af}.mc-empty,.mc-loading{font-size:14px;padding:40px 16px;text-align:center}.mc-loading{color:#6b7280}.mc-results-info{color:#6b7280;font-size:12px;margin-bottom:8px}.mc-results-info span{color:#374151;font-weight:700}

/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{height:1px;left:-100000px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{word-wrap:break-word;box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;height:100%;line-height:1.42;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap}.ql-editor>*{cursor:text}.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre{margin:0;padding:0}@supports (counter-set:none){.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor p{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor p{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor li,.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;position:relative}.ql-editor li>.ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"\2022"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"\2611"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"\2610"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0,decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow .ql-toolbar:after,.ql-snow.ql-toolbar:after{clear:both;content:"";display:table}.ql-snow .ql-toolbar button,.ql-snow.ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow .ql-toolbar button svg,.ql-snow.ql-toolbar button svg{float:left;height:100%}.ql-snow .ql-toolbar button:active:hover,.ql-snow.ql-toolbar button:active:hover{outline:none}.ql-snow .ql-toolbar input.ql-image[type=file],.ql-snow.ql-toolbar input.ql-image[type=file]{display:none}.ql-snow .ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar button.ql-active,.ql-snow .ql-toolbar button:focus,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar button.ql-active,.ql-snow.ql-toolbar button:focus,.ql-snow.ql-toolbar button:hover{color:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill{fill:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow .ql-toolbar button:hover:not(.ql-active),.ql-snow.ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-stroke.ql-thin,.ql-snow .ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor .ql-code-block-container,.ql-snow .ql-editor code{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;padding:2px 4px;width:24px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid #0000;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{margin-top:-9px;position:absolute;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-item:before,.ql-snow .ql-picker.ql-header .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-item:before,.ql-snow .ql-picker.ql-font .ql-picker-label:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-item:before,.ql-snow .ql-picker.ql-size .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid #0000}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid #0000;box-shadow:0 2px 8px #0003}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;display:none;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.rich-text-editor-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.rich-text-editor-wrapper .quill{display:flex;flex:1 1;flex-direction:column}.rich-text-editor-wrapper .ql-toolbar{background:#f9fafb;border:none;border-bottom:1px solid #e5e7eb;padding:8px}.rich-text-editor-wrapper .ql-container{border:none;flex:1 1;font-family:inherit;font-size:14px}.rich-text-editor-wrapper .ql-editor{line-height:1.6;min-height:150px;padding:16px}.rich-text-editor-wrapper .ql-editor.ql-blank:before{color:#9ca3af;font-style:normal}.rich-text-editor-wrapper .ql-toolbar .ql-stroke{stroke:#4b5563}.rich-text-editor-wrapper .ql-toolbar .ql-fill{fill:#4b5563}.rich-text-editor-wrapper .ql-toolbar button.ql-active .ql-stroke,.rich-text-editor-wrapper .ql-toolbar button:focus .ql-stroke,.rich-text-editor-wrapper .ql-toolbar button:hover .ql-stroke{stroke:#059669}.rich-text-editor-wrapper .ql-toolbar button.ql-active .ql-fill,.rich-text-editor-wrapper .ql-toolbar button:focus .ql-fill,.rich-text-editor-wrapper .ql-toolbar button:hover .ql-fill{fill:#059669}.rich-text-editor-wrapper .ql-editor h1{font-size:2em;font-weight:700;margin:.67em 0}.rich-text-editor-wrapper .ql-editor h2{font-size:1.5em;font-weight:700;margin:.75em 0}.rich-text-editor-wrapper .ql-editor h3{font-size:1.17em;font-weight:700;margin:.83em 0}.rich-text-editor-wrapper .ql-editor h4{font-size:1em;font-weight:700;margin:1em 0}.rich-text-editor-wrapper .ql-editor ol,.rich-text-editor-wrapper .ql-editor ul{margin:.5em 0;padding-left:1.5em}.rich-text-editor-wrapper .ql-editor blockquote{border-left:4px solid #059669;color:#4b5563;font-style:italic;margin:1em 0;padding-left:16px}.rich-text-editor-wrapper .ql-editor code{background:#f3f4f6;border-radius:4px;font-family:Courier New,monospace;font-size:.9em;padding:2px 6px}.rich-text-editor-wrapper .ql-editor pre{background:#1f2937;border-radius:8px;color:#f3f4f6;overflow-x:auto;padding:16px}.rich-text-editor-wrapper .ql-editor a{color:#059669;text-decoration:underline}.rich-text-editor-wrapper .ql-editor a:hover{color:#047857}.rich-text-editor-wrapper.has-error{border-color:#ef4444}.rich-text-editor-wrapper.has-error .ql-toolbar{background:#fef2f2;border-bottom-color:#fecaca}.integration-form-table{border:1px solid #d1d5db;border-radius:6px;display:flex;flex-direction:column;overflow:hidden;width:100%}.form-table-row{align-items:center;background-color:#fff;border-bottom:1px solid #e5e7eb;display:flex;padding:12px 16px}.form-table-row:last-child{border-bottom:none}.form-table-row:hover{background-color:#f9fafb}.form-label-cell{align-items:center;color:#1f2937;display:flex;flex:0 0 180px;font-size:14px;font-weight:600;padding-right:20px}.form-input-cell{flex:1 1;position:relative}.form-input-cell input,.form-input-cell select,.form-input-cell textarea{background-color:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#111827;font-size:14px;padding:8px 12px;transition:all .2s ease;width:100%}.form-input-cell input:focus,.form-input-cell select:focus,.form-input-cell textarea:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-input-cell select{cursor:pointer}.form-input-cell textarea{min-height:60px;resize:vertical}.form-table-row.checkbox-row .form-label-cell{align-self:center;padding-top:0}.form-table-row.checkbox-row .form-input-cell{align-items:center;display:flex}.toggle-switch-label{align-items:center;color:#374151;cursor:pointer;display:inline-flex;font-size:14px;gap:8px}.form-input-cell .error-message{background:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#ef4444;font-size:11px;left:0;margin-top:2px;padding:2px 4px;pointer-events:none;position:absolute;top:100%;z-index:10}.form-input-cell input.error,.form-input-cell select.error{border-color:#ef4444}.modal-body{background-color:#f8fafc;padding:24px}.modal-actions{background-color:initial;border-top:none;display:flex;gap:12px;justify-content:flex-end;margin-top:0;padding:24px 0 0}.modal-actions button{border-radius:6px;box-shadow:none;font-size:13px;font-weight:500;letter-spacing:.3px;padding:8px 16px;text-transform:none;transition:all .2s ease}.modal-actions .btn-secondary{background-color:#fff;border:1px solid #e5e7eb;color:#6b7280}.modal-actions .btn-secondary:hover{background-color:#f9fafb;border-color:#d1d5db;color:#374151}.modal-actions .btn-primary{background-color:#0f172a;border:1px solid #0000;color:#fff}.modal-actions .btn-primary:hover{background-color:#1e293b;transform:translateY(-1px)}.website-settings-container{color:#1f2937;font-family:Inter,system-ui,-apple-system,sans-serif;margin:0 auto;max-width:1200px;padding:1rem}.settings-page-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.header-titles h1{align-items:center;color:#111827;display:flex;font-size:1.875rem;font-weight:700;gap:.75rem;margin:0}.header-titles h1 svg{color:#4f46e5;height:28px;width:28px}.header-titles p{color:#6b7280;font-size:.95rem;margin-top:.5rem}.btn-save{align-items:center;background-color:#4f46e5;border:none;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.btn-save:hover{background-color:#4338ca;transform:translateY(-1px)}.btn-save:disabled{cursor:not-allowed;opacity:.7}.settings-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}@media (max-width:1024px){.settings-grid{grid-template-columns:1fr}}.settings-card{background:#fff;border:1px solid #f3f4f6;border-radius:1rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;height:-webkit-fit-content;height:fit-content;overflow:hidden}.settings-card.full-width{grid-column:1/-1}.card-header{background-color:#fff;border-bottom:1px solid #f3f4f6;gap:1rem;padding:1.25rem 1.5rem}.card-header,.card-icon{align-items:center;display:flex}.card-icon{border-radius:10px;color:#fff;height:40px;justify-content:center;width:40px}.icon-blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.icon-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.icon-orange{background:linear-gradient(135deg,#f97316,#ea580c)}.icon-yellow{background:linear-gradient(135deg,#f59e0b,#d97706)}.icon-green{background:linear-gradient(135deg,#10b981,#059669)}.card-header h3{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0}.card-content{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.input-wrapper{position:relative}.input-icon,.input-wrapper{align-items:center;display:flex}.input-icon{color:#9ca3af;left:.75rem;pointer-events:none;position:absolute}.form-input{background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;color:#111827;font-size:.95rem;padding:.75rem 1rem;transition:border-color .15s,box-shadow .15s;width:100%}.form-input.with-icon{padding-left:2.5rem}.form-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.form-textarea{border:1px solid #d1d5db;border-radius:.5rem;font-family:inherit;font-size:.95rem;padding:.75rem;resize:vertical;width:100%}.form-textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.input-icon.social-fb{color:#1877f2}.input-icon.social-insta{color:#e1306c}.input-icon.social-tw{color:#1da1f2}.input-icon.social-tt{color:#000}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.branding-grid{grid-gap:1.5rem;align-items:stretch;display:grid;gap:1.5rem;grid-template-columns:1.5fr 1fr}@media (max-width:640px){.branding-grid{grid-template-columns:1fr}}.upload-zone-container{display:flex;flex-direction:column;height:100%}.zone-label{color:#4b5563;font-size:.9rem;font-weight:600;margin-bottom:.75rem;margin-top:0}.upload-zone{align-items:center;background-color:#f9fafb;border:2px dashed #d1d5db;border-radius:.75rem;display:flex;flex:1 1;justify-content:center;min-height:160px;overflow:hidden;position:relative;transition:all .2s ease}.upload-zone:hover{background-color:#f3f4f6;border-color:#4f46e5}.upload-zone.has-preview{background-color:#fff;border:1px solid #e5e7eb;padding:0}.upload-zone.background-zone{min-height:220px}.hidden-input{display:none}.empty-zone-label{cursor:pointer;flex-direction:column;height:100%;padding:1.5rem;text-align:center;width:100%}.empty-zone-label,.upload-icon-circle{align-items:center;display:flex;justify-content:center}.upload-icon-circle{background-color:#e0e7ff;border-radius:50%;color:#4f46e5;height:48px;margin-bottom:.75rem;transition:transform .2s;width:48px}.upload-zone:hover .upload-icon-circle{background-color:#c7d2fe;transform:scale(1.1)}.upload-text{color:#374151;font-weight:500;margin-bottom:.25rem}.upload-hint{color:#9ca3af;font-size:.75rem}.preview-wrapper{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.preview-img{max-height:90%;max-width:90%;object-fit:contain}.background-zone .preview-img{height:100%;max-height:none;max-width:none;object-fit:cover;width:100%}.preview-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;display:flex;gap:1rem;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%}.upload-zone:hover .preview-overlay{opacity:1}.btn-icon-action{align-items:center;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:transform .15s;width:40px}.btn-icon-action:hover{transform:scale(1.1)}.btn-icon-action.edit{background-color:#fff3;border:1px solid #fff6}.btn-icon-action.edit:hover{background-color:#ffffff4d}.btn-icon-action.remove{background-color:#dc2626cc}.btn-icon-action.remove:hover{background-color:#dc2626}.homepage-cms-container{margin:0 auto;max-width:1200px;padding-bottom:20px}.cms-page-actions{border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;margin-top:20px;padding-top:20px}.cms-page-actions .btn-save{align-items:center;background:#0f172a;border:none;border-radius:6px;box-shadow:0 1px 2px #0000000d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 24px;transition:all .2s}.cms-page-actions .btn-save:hover{background:#1e293b;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.cms-page-actions .btn-save:disabled{cursor:not-allowed;opacity:.7;transform:none}.feature-item-card{transition:border-color .2s,box-shadow .2s,transform .2s}.feature-item-card.dragging{background:#fff;border-color:#3b82f6;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:10}.feature-header-left{align-items:center;display:flex;gap:12px}.drag-handle{align-items:center;border-radius:4px;color:#94a3b8;cursor:grab;display:flex;justify-content:center;padding:4px;transition:all .2s}.drag-handle:hover{background:#f1f5f9;color:#475569}.drag-handle:active{cursor:grabbing}.btn-add-feature{align-items:center;background:#eff6ff;border:1px solid #dbeafe;border-radius:6px;color:#2563eb;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s}.btn-add-feature:hover{background:#dbeafe;border-color:#bfdbfe}.features-list{display:flex;flex-direction:column;gap:16px}.feature-item-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;transition:border-color .2s}.feature-item-card:hover{border-color:#cbd5e1}.feature-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.feature-count{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.btn-remove-feature{align-items:center;background:#0000;border:1px solid #0000;border-radius:4px;color:#ef4444;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s;width:28px}.btn-remove-feature:hover{background:#fef2f2;border-color:#fee2e2}.feature-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:160px 1fr}.feature-icon-select label{color:#475569;display:block;font-size:.85rem;font-weight:500;margin-bottom:8px}.icon-options{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.icon-option{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.icon-option:hover{border-color:#cbd5e1;color:#475569}.icon-option.selected{background:#eff6ff;border-color:#3b82f6;box-shadow:0 1px 2px #2563eb1a;color:#2563eb}.empty-state{border:2px dashed #e2e8f0;border-radius:8px;color:#94a3b8;font-size:.9rem;padding:30px;text-align:center}.cms-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;margin-bottom:16px;overflow:hidden}.cms-card .card-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:10px 16px}.cms-card .card-header-left{align-items:center;display:flex;gap:10px}.cms-card .card-header .card-icon{align-items:center;background:#e0f2fe;border-radius:6px;color:#0284c7;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.cms-card .card-header h3{color:#334155;font-size:.9rem;font-weight:600;margin:0}.cms-card .card-content{padding:16px}.cms-grid-2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.cms-form-group{margin-bottom:0}.cms-form-group label{color:#475569;display:block;font-size:.7rem;font-weight:600;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.cms-form-group .form-input{background:#fff;border:1px solid #cbd5e1;border-radius:6px;box-sizing:border-box;color:#1e293b;font-size:.85rem;padding:8px 10px;transition:all .2s;width:100%}.cms-form-group .form-input:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c71a;outline:none}.cms-form-group .form-input::placeholder{color:#94a3b8}.cms-form-group .field-hint{color:#64748b;font-size:.7rem;margin-top:2px}.header-toggle{align-items:center;display:flex;gap:8px}.header-toggle label{color:#64748b;cursor:pointer;font-size:.75rem;font-weight:500}.compact-switch{display:inline-block;height:18px;position:relative;width:32px}.compact-switch input{height:0;opacity:0;width:0}.compact-slider{background-color:#cbd5e1;border-radius:18px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.compact-slider:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";height:14px;left:2px;position:absolute;transition:.3s;width:14px}.compact-switch input:checked+.compact-slider{background-color:#0284c7}.compact-switch input:checked+.compact-slider:before{transform:translateX(14px)}.cms-skeleton{animation:pulse 1.5s infinite;background:#e2e8f0;border-radius:4px}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@media (max-width:768px){.cms-grid-2{grid-template-columns:1fr}}.admin-profile-page{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:800px}.profile-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000f;padding:32px}.profile-card h3{border-bottom:1px solid #f3f4f6;color:#111827;font-size:18px;font-weight:700;margin:0 0 24px;padding-bottom:12px}.avatar-section{align-items:center;display:flex;gap:24px;margin-bottom:28px}.avatar-wrapper{flex-shrink:0;height:100px;position:relative;width:100px}.avatar-image{object-fit:cover;transition:border-color .2s}.avatar-image,.avatar-placeholder{border:3px solid #e5e7eb;border-radius:50%;height:100px;width:100px}.avatar-placeholder{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:36px;font-weight:700}.avatar-overlay,.avatar-placeholder{align-items:center;display:flex;justify-content:center}.avatar-overlay{background:#00000073;border-radius:50%;cursor:pointer;inset:0;opacity:0;position:absolute;transition:opacity .2s}.avatar-wrapper:hover .avatar-overlay{opacity:1}.avatar-wrapper:hover .avatar-image{border-color:#6366f1}.avatar-overlay span{color:#fff;font-size:22px}.avatar-info h4{color:#111827;font-size:20px;font-weight:700;margin:0 0 4px}.avatar-info p{color:#6b7280;font-size:13px;margin:0 0 12px}.avatar-upload-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;font-weight:600;padding:6px 16px;transition:all .2s}.avatar-upload-btn:hover{background:#e5e7eb;border-color:#9ca3af}.profile-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.info-item{display:flex;flex-direction:column;gap:4px}.info-item label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-item span{color:#111827;font-size:15px;font-weight:500}.password-form{gap:18px}.form-group,.password-form{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{color:#374151;font-size:13px;font-weight:600}.form-group input{background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;color:#111827;font-size:14px;outline:none;padding:10px 14px;transition:all .2s}.form-group input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.password-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:4px}.btn-primary{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.btn-primary:hover:not(:disabled){background:#4f46e5;box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.toast-message{align-items:center;border-radius:8px;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px}.toast-message.success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.toast-message.error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.role-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:11px;font-weight:700;gap:4px;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.role-badge.admin{background:#ede9fe;color:#6d28d9}.role-badge.superadmin{background:#fef3c7;color:#92400e}@media (max-width:640px){.admin-profile-page{gap:16px}.profile-card{padding:20px}.avatar-section{flex-direction:column;text-align:center}.profile-info-grid{grid-template-columns:1fr}.password-actions{flex-direction:column}.password-actions .btn-primary{width:100%}}
/*# sourceMappingURL=main.e4c26a63.css.map*/