@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600&display=swap";*{font-family:Quicksand,sans-serif}body{margin:0;padding:0;box-sizing:border-box}.navbar{position:fixed;top:0;left:0;right:0;height:70px;z-index:1000;background-color:#d4c4a8;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid #C4B5A0}.navbar-left{flex:1;display:flex;align-items:center;gap:25px}.menu-icon{font-size:22px;background:none;border:none;cursor:pointer;color:#f5f2e8}.nav-links{display:flex;gap:25px;list-style:none;margin:0;padding:0}.nav-links a{color:#3d332a;text-decoration:none;font-size:15px;font-weight:500;position:relative}.nav-links a:hover{text-decoration:underline;color:#3d332a}.nav-links a.active{text-decoration:underline;text-underline-offset:4px;color:#3d332a}.navbar-center{flex:1;display:flex;justify-content:center}.logo-img{height:45px;width:auto;display:block;object-fit:contain}.navbar-right{flex:1;display:flex;justify-content:flex-end;align-items:center;gap:20px}.icon{font-size:20px;cursor:pointer;position:relative;color:#f5f2e8}.cart-count{position:absolute;top:-6px;right:-10px;background-color:#6b5d4f;color:#f5f2e8;font-size:10px;padding:2px 5px;border-radius:50%}.home-hero{height:calc(100vh - 70px);background-image:url(../assets/girl.jpg);background-size:cover;background-position:center 20%;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;position:relative}.hero-card{background-color:#8b7355f2;color:#f5f2e8;padding:40px;border-radius:15px;max-width:470px;position:absolute;left:10.75%;bottom:3%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-card h1{font-size:32px;margin-bottom:15px;font-weight:600}.hero-card p{font-size:16px;margin-bottom:25px;color:#e6d7c1}.hero-card button{padding:10px 20px;font-size:15px;background-color:#f5f2e8;color:#6b5d4f;border:none;border-radius:5px;cursor:pointer;font-weight:500;transition:all .3s ease}.hero-card button:hover{background-color:#e6d7c1;transform:translateY(-2px)}@media screen and (max-width: 768px){.navbar{padding:0 20px}.navbar-left,.navbar-right{display:none}.navbar-center{flex:1;display:flex;justify-content:center}.menu-icon{display:block;font-size:30px;cursor:pointer}.nav-links{display:block;gap:15px;text-align:center}.nav-links a{padding:10px 0;font-size:18px}.hero-card{padding:20px;max-width:90%;bottom:10%;left:50%;transform:translate(-50%)}.hero-card h1{font-size:24px}.hero-card p{font-size:14px}.hero-card button{padding:8px 15px;font-size:14px}}@media screen and (max-width: 480px){.hero-card{padding:15px;bottom:5%;max-width:85%}.hero-card h1{font-size:22px}.hero-card p{font-size:12px}.hero-card button{padding:6px 12px;font-size:13px}}.trending-section{background-color:#d4c4a8;padding:50px 20px;text-align:center}.trending-section h2{color:#6b5d4f;font-size:36px;font-weight:600;margin-bottom:30px;margin-right:875px}.trending-cards{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.trending-card{background-color:#f5f2e8;flex:1 1 calc(50% - 10px);padding:20px;border-radius:15px;box-shadow:0 4px 6px #6b5d4f1a;text-align:left;margin-bottom:20px;max-width:500px;border:1px solid #E6D7C1}.trending-card img{width:100%;height:auto;border-radius:10px;margin-bottom:15px}.trending-card h3{font-size:24px;font-weight:600;color:#8b7355;margin-bottom:15px}.trending-card p{font-size:16px;color:#6b5d4f;margin-bottom:25px}.trending-card a{font-size:16px;color:#8b7355;text-decoration:none;font-weight:500;transition:color .3s ease}.trending-card a:hover{color:#6b5d4f}@media screen and (max-width: 768px){.trending-cards{flex-direction:column;align-items:center}.trending-card{width:100%;margin-bottom:20px}}.explore-button{font-size:16px;color:#8b7355;text-decoration:none;font-weight:500;border:1px solid #8B7355;padding:10px 20px;border-radius:5px;transition:all .3s ease}.explore-button:hover{background-color:#8b7355;color:#f5f2e8}.featured-section{background-color:#d4c4a8;padding:60px 40px;text-align:left;max-width:100%;overflow:hidden}.featured-section h2{color:#6b5d4f;font-size:28px;font-weight:600;margin-bottom:40px;text-align:left}.featured-cards{display:flex;gap:30px;flex-wrap:nowrap}.featured-card{background-color:#f5f2e8;border-radius:15px;overflow:hidden;flex-shrink:0;cursor:pointer;text-decoration:none;color:#6b5d4f;box-shadow:0 5px 15px #6b5d4f26;transition:transform .3s ease;border:1px solid #E6D7C1}.featured-card h3{font-size:16px;font-weight:700;margin:15px 20px 5px;color:#8b7355;text-transform:uppercase}.featured-card p{font-size:14px;margin:0 20px 20px;color:#6b5d4f}.featured-description{color:#6b5d4f;font-size:15px;max-width:900px;margin-top:50px;line-height:1.6}.featured-section h2{color:#6b5d4f;font-size:36px;font-weight:600;margin-bottom:30px}.featured-cards{display:flex;flex-wrap:nowrap;gap:20px;overflow-x:auto;padding:20px 0;justify-content:flex-start;-ms-overflow-style:none;scrollbar-width:none;overflow-x:scroll}.featured-cardss{display:flex;gap:20px}.featured-cards::-webkit-scrollbar{height:6px}.featured-cards::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.featured-cards::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.featured-card{background-color:#f5f2e8;width:calc(33% - 20px);padding:10px;border-radius:15px;box-shadow:0 4px 6px #6b5d4f1a;text-align:center;border:1px solid #E6D7C1}.featured-card h3{font-size:20px;font-weight:600;color:#8b7355;margin-bottom:15px}.featured-card p{font-size:16px;color:#6b5d4f;margin-bottom:25px}.featured-description{font-size:16px;color:#6b5d4f;margin-top:30px;max-width:80%;margin-left:auto;margin-right:auto}@media screen and (max-width: 768px){.featured-cards{flex-direction:row;align-items:center}.featured-card{width:100%;margin-bottom:20px}}.new-footer{background-color:#d4c4a8;color:#6b5d4f;padding:50px 60px 20px;font-family:Arial,sans-serif;border-top:1px solid #E6D7C1}.footer-columns{display:flex;flex-wrap:wrap;justify-content:space-between;gap:40px;margin-bottom:30px}.footer-column{flex:1;min-width:180px}.footer-column h4{font-size:14px;font-weight:700;margin-bottom:15px;text-transform:uppercase;letter-spacing:1px;color:#3d332a}.footer-column a{display:block;color:#3d332a;text-decoration:none;margin-bottom:8px;font-size:14px}.footer-column a:hover{text-decoration:underline;color:#3d332a}.social-icons{display:flex;gap:15px;font-size:18px;margin-top:10px;color:#3d332a}.newsletter p{font-size:14px;margin-bottom:15px}.newsletter input{width:100%;padding:10px;border:1px solid #C4B5A0;background-color:#f0ede4;margin-bottom:10px;font-size:14px;border-radius:4px}.newsletter button{background-color:#8b7355;color:#f5f2e8;padding:12px 20px;border:none;cursor:pointer;font-size:14px;font-weight:700;width:100%;border-radius:4px;transition:background-color .3s ease}.newsletter button:hover{background-color:#6b5d4f}.footer-bottom-text{text-align:center;font-size:13px;color:#3d332a;margin-top:20px}.contact-container{min-height:100vh;background:linear-gradient(135deg,#d4c4a8,#c4b5a0,#b3a082);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;font-family:Helvetica Neue,Arial,sans-serif}.contact-title{color:#6b5d4f;font-size:3rem;font-weight:300;margin-bottom:60px;text-align:center;letter-spacing:2px;text-shadow:1px 1px 3px rgba(107,93,79,.1)}.contact-form{width:100%;max-width:800px;display:flex;flex-direction:column;gap:20px}.form-row{display:flex;gap:20px;width:100%}.form-input,.form-textarea{background:#f5f2e84d;border:2px solid rgba(139,115,85,.3);border-radius:30px;padding:18px 25px;color:#6b5d4f;font-size:16px;font-weight:300;outline:none;transition:all .3s ease;flex:1}.form-input::placeholder,.form-textarea::placeholder{color:#6b5d4fb3;font-weight:300}.form-input:focus,.form-textarea:focus{border-color:#8b735599;background:#f5f2e880;transform:translateY(-2px);box-shadow:0 4px 15px #8b735533}.full-width{width:100%}.form-textarea{border-radius:20px;resize:vertical;min-height:120px;font-family:inherit}.submit-btn{background:#8b7355;color:#f5f2e8;border:none;border-radius:30px;padding:18px 40px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;align-self:flex-start;margin-top:10px;letter-spacing:1px;text-transform:uppercase}.submit-btn:hover{background:#6b5d4f;transform:translateY(-2px);box-shadow:0 6px 20px #6b5d4f33}.submit-btn:active{transform:translateY(0)}@media (max-width: 768px){.contact-container{padding:30px 15px}.contact-title{font-size:2.5rem;margin-bottom:40px}.form-row{flex-direction:column;gap:15px}.contact-form{gap:15px}.form-input,.form-textarea{padding:15px 20px;font-size:14px}.submit-btn{padding:15px 35px;font-size:14px;align-self:stretch}}@media (max-width: 480px){.contact-title{font-size:2rem;margin-bottom:30px}.form-input,.form-textarea{padding:12px 18px}}.products-page{background:linear-gradient(135deg,#d4c4a8,#c4b5a0,#b3a082);min-height:100vh;padding:45px 20px 40px}.products-container{max-width:1200px;margin:0 auto}.products-header{margin-bottom:40px}.products-title{color:#6b5d4f;font-size:48px;font-weight:300;margin:0 0 40px;letter-spacing:1px;text-shadow:1px 1px 3px rgba(107,93,79,.1)}.controls-section{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.filters{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.filter-label,.sort-label{color:#8b7355;font-size:16px;font-weight:500}.filter-dropdown,.sort-dropdown{position:relative}.dropdown{background:#f5f2e8cc;border:1px solid rgba(139,115,85,.4);border-radius:6px;color:#6b5d4f;padding:8px 30px 8px 12px;font-size:14px;cursor:pointer;outline:none;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' fill='none' stroke='%23 6B5D4F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:16px;min-width:120px}.dropdown:hover{background:#f5f2e8e6;border-color:#8b735599}.dropdown:focus{background:#f5f2e8;border-color:#8b7355}.dropdown option{background:#f5f2e8;color:#6b5d4f}.sort-section{display:flex;align-items:center;gap:15px}.product-count{color:#8b7355;font-size:14px}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-top:40px}.product-card{background:#f5f2e8cc;border-radius:12px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;border:1px solid rgba(196,181,160,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.product-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #6b5d4f4d;background:#f5f2e8f2}.sold-out-badge{position:absolute;top:15px;left:15px;background:#6b5d4fe6;color:#f5f2e8;padding:8px 16px;border-radius:25px;font-size:13px;font-weight:600;z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.product-img{width:100%;height:100%;object-fit:cover;border-radius:8px}.serum-bottle{position:relative;display:flex;align-items:center;gap:20px}.bottle{width:60px;height:120px;background:linear-gradient(180deg,#8b7355,#6b5d4f);border-radius:30px 30px 8px 8px;position:relative;box-shadow:0 4px 15px #6b5d4f4d}.bottle:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:20px;height:20px;background:linear-gradient(180deg,#c4b5a0,#8b7355);border-radius:10px 10px 4px 4px}.bottle:after{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);width:8px;height:8px;background:#f5f2e8;border-radius:50%}.box{width:80px;height:100px;background:#f5f2e8;border-radius:4px;position:relative;box-shadow:0 2px 10px #6b5d4f33;border:1px solid #E6D7C1}.box:before{content:"";position:absolute;top:20px;left:10px;right:10px;height:2px;background:#8b7355;border-radius:1px}.box:after{content:"";position:absolute;top:30px;left:10px;right:10px;height:40px;background:linear-gradient(45deg,#8B7355 25%,transparent 25%),linear-gradient(-45deg,#8B7355 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#8B7355 75%),linear-gradient(-45deg,transparent 75%,#8B7355 75%);background-size:4px 4px;background-position:0 0,0 2px,2px -2px,-2px 0px;opacity:.1;border-radius:2px}.product-info{padding:20px;background:#8b73551a;margin:0;text-decoration:none}.product-name{color:#6b5d4f;font-size:15px;font-weight:600;margin:0 0 8px;line-height:1.3;letter-spacing:.5px;text-shadow:0 1px 3px rgba(107,93,79,.1)}.product-price{color:#8b7355;font-size:18px;font-weight:600;margin:0;text-shadow:0 1px 3px rgba(139,115,85,.1)}@media (max-width: 768px){.products-page{padding:100px 15px 20px}.products-title{font-size:36px;margin-bottom:30px}.controls-section{flex-direction:column;align-items:flex-start;gap:15px}.filters{flex-wrap:wrap;gap:15px}.sort-section{align-self:stretch;justify-content:space-between}.products-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:30px}.serum-bottle{gap:15px}.bottle{width:50px;height:100px}.box{width:65px;height:85px}}@media (max-width: 480px){.products-grid{grid-template-columns:1fr}.controls-section,.filters{gap:10px}.dropdown{min-width:100px;font-size:13px}}.product-container{min-height:100vh;background:linear-gradient(135deg,#d4c4a8,#c4b5a0,#b3a082);padding:40px 20px;font-family:Helvetica Neue,Arial,sans-serif}.product-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.product-main-image{width:200px;height:auto;max-height:400px;object-fit:contain;margin-right:30px;filter:drop-shadow(0 10px 30px rgba(107,93,79,.2))}.product-package-image{width:150px;height:auto;max-height:300px;object-fit:contain;filter:drop-shadow(0 5px 20px rgba(107,93,79,.15))}.product-info-section{color:#6b5d4f;padding:20px 0}.product-header{margin-bottom:20px}.product-brand{font-size:14px;font-weight:400;letter-spacing:2px;text-transform:uppercase;opacity:.8;display:block;margin-bottom:10px;color:#8b7355}.product-title{font-size:2.5rem;font-weight:300;line-height:1.2;margin:0;letter-spacing:1px;color:#6b5d4f}.product-pricing{display:flex;align-items:center;gap:15px;margin-bottom:30px}.product-price{font-size:1.25rem;font-weight:500;color:#8b7355}.sold-out-badge{background:#8b735533;color:#6b5d4f;padding:6px 12px;border-radius:15px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:1px;border:1px solid rgba(139,115,85,.3)}.quantity-section{margin-bottom:25px}.quantity-label{display:block;font-size:16px;font-weight:400;margin-bottom:10px;opacity:.9;color:#6b5d4f}.quantity-controls{display:flex;align-items:center;gap:15px;background:#8b73551a;border-radius:25px;padding:8px 20px;width:fit-content;border:1px solid rgba(139,115,85,.2)}.quantity-btn{background:none;border:none;color:#8b7355;font-size:18px;font-weight:500;width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.quantity-btn:hover:not(:disabled){background:#8b735533}.quantity-btn:disabled{opacity:.5;cursor:not-allowed}.quantity-value{font-size:16px;font-weight:500;min-width:20px;text-align:center;color:#6b5d4f}.action-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.btn-sold-out,.btn-buy-now{width:100%;padding:15px 25px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-sold-out{background:#8b735533;color:#6b5d4f;border:1px solid rgba(139,115,85,.3)}.btn-sold-out:not(.disabled):hover{background:#8b73554d;transform:translateY(-2px)}.btn-buy-now{background:#8b7355;color:#f5f2e8;font-weight:600}.btn-buy-now:not(.disabled):hover{background:#6b5d4f;transform:translateY(-2px);box-shadow:0 8px 25px #6b5d4f40}.btn-sold-out.disabled,.btn-buy-now.disabled{opacity:.6;cursor:not-allowed;transform:none}.product-description{margin-bottom:25px}.description-text{font-size:16px;font-weight:500;line-height:1.5;margin:0;opacity:.95;color:#6b5d4f}.product-details{font-size:15px;line-height:1.6;opacity:.9;color:#6b5d4f}.details-intro{margin-bottom:15px}.details-additional{margin-bottom:25px}.key-benefits{margin-top:20px}.benefits-title{font-size:16px;font-weight:600;margin-bottom:12px;opacity:.95;color:#8b7355}.benefit-item{padding:8px 0 8px 20px;position:relative;font-size:14px;line-height:1.5;color:#6b5d4f}.benefit-item:before{content:"•";position:absolute;left:0;color:#8b7355b3;font-size:16px}.usage-instructions{margin-top:20px;padding-top:15px;border-top:1px solid rgba(139,115,85,.3)}.usage-text{font-size:14px;line-height:1.6;margin:0;opacity:.85;font-style:italic;color:#6b5d4f}.share-section{margin-top:20px;padding-top:15px;border-top:1px solid rgba(139,115,85,.3)}.share-btn{background:none;border:none;color:#8b7355;font-size:14px;font-weight:500;cursor:pointer;text-decoration:underline;opacity:.8;transition:opacity .3s ease}.share-btn:hover{opacity:1}@media (max-width: 1024px){.product-content{grid-template-columns:1fr;gap:40px}.product-main-image{width:160px;margin-right:20px}.product-package-image{width:120px}}@media (max-width: 768px){.product-container{padding:30px 15px}.product-content{gap:30px}.product-title{font-size:2rem}.product-main-image{width:120px;margin-right:0}.product-package-image{width:100px}.action-buttons{gap:10px}.btn-sold-out,.btn-buy-now{padding:12px 20px;font-size:14px}}@media (max-width: 480px){.product-title{font-size:1.75rem}.details-intro,.details-additional{font-size:14px}.benefit-item{font-size:13px}}.product-layout{max-width:1200px;margin:0 auto;display:flex;gap:40px;align-items:flex-start;padding:40px 0}.product-details-section{flex:1;color:#6b5d4f;max-width:400px}.brand-name{font-size:12px;letter-spacing:2px;text-transform:uppercase;opacity:.8;font-weight:400;color:#8b7355}.price-section{display:flex;align-items:center;gap:15px;margin-bottom:25px}.current-price{font-size:18px;font-weight:500;color:#8b7355}.discount-badge{background:#8b7355;color:#f5f2e8;padding:4px 12px;border-radius:15px;font-size:12px;font-weight:500}.quantity-controls{display:flex;align-items:center;background:#8b73551a;border-radius:25px;padding:8px 16px;width:fit-content;gap:20px;border:1px solid rgba(139,115,85,.2)}.quantity-display{font-size:16px;min-width:20px;text-align:center;color:#6b5d4f}.sold-out-btn{background:#8b735533;color:#6b5d4f;border:1px solid rgba(139,115,85,.3);padding:12px 24px;border-radius:6px;font-size:14px;cursor:not-allowed;opacity:.7;text-transform:lowercase}.buy-now-btn{background:#8b7355;color:#f5f2e8;border:none;padding:12px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:transform .2s,box-shadow .2s}.buy-now-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6b5d4f4d;background:#6b5d4f}.product-description{line-height:1.6}.description-title{font-size:16px;font-weight:500;margin-bottom:15px;line-height:1.4;color:#8b7355}.description-text{font-size:14px;margin-bottom:15px;opacity:.9;line-height:1.5;color:#6b5d4f}.benefits-title{font-size:14px;font-weight:500;margin-bottom:8px;color:#8b7355}.benefits-list{list-style:none;padding:0;margin:0}.benefits-list li{font-size:13px;opacity:.9;margin-bottom:4px;position:relative;padding-left:15px;color:#6b5d4f}.benefits-list li:before{content:"•";position:absolute;left:0;color:#8b7355}.usage-section{margin-bottom:25px}.usage-title{font-size:14px;font-weight:500;margin-bottom:8px;color:#8b7355}.usage-text{font-size:13px;opacity:.9;line-height:1.5;color:#6b5d4f}.share-btn{background:none;border:1px solid rgba(139,115,85,.4);color:#8b7355;padding:8px 16px;border-radius:4px;font-size:12px;cursor:pointer;transition:background .2s}.share-btn:hover{background:#8b73551a}@media (max-width: 768px){.product-layout{flex-direction:column;gap:30px;padding:20px 0}.product-details-section{max-width:none}.product-title{font-size:24px}}@media (max-width: 480px){.product-container{padding:15px}.product-title{font-size:22px}.action-buttons{gap:10px}}.search-bar{position:absolute;top:60px;left:50%;transform:translate(-50%);width:80%;background-color:#f5f2e8;border:1px solid #C4B5A0;padding:5px 10px;z-index:10;border-radius:8px;box-shadow:0 4px 15px #6b5d4f26}.search-input{width:100%;padding:8px;font-size:16px;border:none;outline:none;background:transparent;color:#6b5d4f}.search-input::placeholder{color:#6b5d4f99}.icon{cursor:pointer;font-size:1.5rem;margin:0 10px;color:#f5f2e8;transition:color .3s ease}.icon:hover{color:#e6d7c1}.cart-icon{position:relative}.cart-count{position:absolute;top:-5px;right:-5px;background-color:#a0846f;color:#f5f2e8;font-size:.8rem;border-radius:50%;padding:2px 6px}.cart-container{min-height:120vh;background:linear-gradient(135deg,#d4c4a8,#c4b5a0,#b3a082);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;font-family:Arial,sans-serif;color:#6b5d4f}.cart-content{text-align:center;max-width:600px;width:100%}.cart-title{font-size:48px;font-weight:300;line-height:1.2;margin:0 0 40px;letter-spacing:1px;color:#6b5d4f;text-shadow:1px 1px 3px rgba(107,93,79,.1)}.continue-shopping-btn{background:#8b7355;color:#f5f2e8;border:none;padding:16px 32px;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;margin-bottom:80px}.continue-shopping-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6b5d4f4d;background:#6b5d4f}.account-section{text-align:center}.account-title{font-size:32px;font-weight:300;margin:0 0 20px;letter-spacing:1px;color:#6b5d4f}.login-link{color:#8b7355;font-size:18px;text-decoration:underline;text-underline-offset:4px;transition:opacity .2s}.login-link:hover{opacity:.8;color:#6b5d4f}.login-text{font-size:18px;margin-left:8px;opacity:.9;color:#6b5d4f}@media (max-width: 768px){.cart-title{font-size:36px}.account-title{font-size:28px}.continue-shopping-btn{padding:14px 28px;font-size:15px}}@media (max-width: 480px){.cart-container{padding:15px}.cart-title{font-size:32px;margin-bottom:30px}.account-title{font-size:24px}.continue-shopping-btn{padding:12px 24px;font-size:14px;margin-bottom:60px}.login-link,.login-text{font-size:16px}}.profile-page{max-width:600px;margin:2rem auto;padding:1rem;background-color:#f7f5f3;border-radius:8px;box-shadow:0 2px 8px #0000001a}.profile-page h2{text-align:center;margin-bottom:1rem;color:#8b7355}.profile-page p{font-size:1.2rem;margin-bottom:1rem;color:#6b5b47}.profile-page button{display:block;width:100%;padding:10px;background-color:#d4c4a8;color:#5a4a3a;border:none;border-radius:5px;font-size:1rem;cursor:pointer}.profile-page button:hover{background-color:#c7b299}.google-signin-button{background-color:#d4c4a8;color:#5a4a3a;border:none;padding:12px 20px;margin-top:10px;width:100%;font-size:16px;border-radius:5px;cursor:pointer}.google-signin-button:hover{background-color:#c7b299}body{font-family:Arial,sans-serif;background-color:#f7f5f3}.profile-container{width:100%;max-width:800px;margin:50px auto;background-color:#faf8f6;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0000001a}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.profile-header h2{color:#8b7355;font-size:32px;font-weight:700}.profile-menu{display:flex;flex-direction:column;align-items:flex-end}.profile-menu p{font-size:14px;color:#6b5b47}.dropdown{position:relative;display:inline-block}.dropdown-btn{background-color:transparent;border:none;cursor:pointer;padding:10px}.dropdown-content{display:none;position:absolute;background-color:#faf8f6;min-width:160px;z-index:1;box-shadow:0 8px 16px #0003;border-radius:5px}.dropdown-content a{color:#6b5b47;padding:12px 16px;text-decoration:none;display:block}.dropdown:hover .dropdown-content{display:block}.profile-details{margin-top:20px}.profile-info{margin-bottom:15px}.profile-info label{font-size:14px;color:#8b7355}.profile-info input{width:100%;padding:10px;border:1px solid #e6ddd4;border-radius:5px;margin-top:5px;background-color:#faf8f6}.add-button{background-color:#d4c4a8;color:#5a4a3a;padding:10px 20px;border:none;border-radius:5px;cursor:pointer}.logout-btn{background-color:#d4c4a8;color:#5a4a3a;padding:12px 25px;border:none;border-radius:5px;cursor:pointer;font-size:16px}.sign-in-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background-color:#f7f5f3;padding:20px}.sign-in-box{background-color:#faf8f6;padding:30px;border-radius:8px;box-shadow:0 4px 8px #0000001a;width:100%;max-width:400px;text-align:center}.sign-in-title{font-size:32px;color:#8b7355;margin-bottom:10px}.sign-in-subtitle{font-size:18px;margin-bottom:10px;color:#6b5b47}.sign-in-description{font-size:14px;margin-bottom:20px;color:#8b7355}.input-field{width:100%;padding:12px;margin-bottom:20px;border-radius:5px;border:1px solid #e6ddd4;font-size:16px;background-color:#faf8f6}.submit-button{width:100%;padding:12px;background-color:#d4c4a8;color:#5a4a3a;border:none;border-radius:5px;font-size:16px;cursor:pointer}.submit-button:hover{background-color:#c7b299}.google-signin-container{width:100%;padding:12px;background-color:transparent;border:none;display:flex;justify-content:center;margin-bottom:20px}.google-icon{width:40px;height:40px;cursor:pointer}.google-signin-container:hover .google-icon{opacity:.8}.redirect-signup{font-size:14px;color:#6b5b47}.signup-link{color:#8b7355;cursor:pointer}.signup-link:hover{text-decoration:underline}.privacy-policy{font-size:12px;color:#8b7355}.error-message{color:#d2691e;font-size:14px;margin-bottom:10px}.profile-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;background-color:#f7f5f3;padding:20px;box-sizing:border-box}.profile-header{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin-bottom:30px}.profile-header h2{font-size:32px;color:#8b7355;margin:0}.profile-menu{display:flex;align-items:center}.profile-menu p{margin-right:20px;font-size:16px;color:#8b7355}.dropdown{position:relative}.dropdown-btn{background:transparent;border:none;cursor:pointer;display:flex;align-items:center}.dropdown-btn img{width:24px;height:24px;border-radius:50%}.arrow-icon{width:10px;height:10px;margin-left:8px;transition:transform .2s}.arrow-icon.open{transform:rotate(180deg)}.dropdown-content{position:absolute;top:45px;right:0;background-color:#faf8f6;border:1px solid #e6ddd4;border-radius:8px;box-shadow:0 4px 8px #0000001a;min-width:150px;display:none;z-index:100}.dropdown-btn:hover .dropdown-content{display:block}.dropdown-content a{padding:10px;font-size:14px;color:#8b7355;text-decoration:none;display:block}.dropdown-content a:hover{background-color:#f0ede8}.profile-details{width:100%;max-width:600px;background-color:#faf8f6;padding:30px;border-radius:8px;box-shadow:0 4px 8px #0000001a}.profile-info{margin-bottom:20px}.profile-info label{font-size:14px;color:#8b7355;display:block;margin-bottom:8px}.profile-info input{width:100%;padding:12px;border:1px solid #e6ddd4;border-radius:5px;font-size:14px;background-color:#faf8f6}.profile-info input[readonly]{background-color:#f0ede8}.profile-info input:focus{outline:none;border-color:#8b7355}.address-section{margin-top:30px}.address-section h3{font-size:18px;color:#8b7355;margin-bottom:10px}.add-button{background-color:#d4c4a8;color:#5a4a3a;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:14px;margin-bottom:20px}.address-list{padding:10px;background-color:#f0ede8;border-radius:5px;font-size:14px;color:#8b7355}.logout-section{margin-top:30px;text-align:center}.logout-btn{background-color:#d4c4a8;color:#5a4a3a;padding:12px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px}.logout-btn:hover{background-color:#c7b299}@media (max-width: 768px){.profile-header{flex-direction:column;align-items:flex-start}.profile-menu{margin-top:20px}.profile-details{padding:20px}.address-section h3{font-size:16px}.profile-info label{font-size:12px}.profile-info input{font-size:14px}}.address-section{margin-top:20px}.address-section h3{font-size:18px;font-weight:700;color:#6b5b47}.add-button{background-color:#d4c4a8;color:#5a4a3a;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:14px;margin-top:10px}.add-button:hover{background-color:#c7b299}.address-list{margin-top:10px;font-size:14px;color:#8b7355}.address-item{padding:5px 0}.address-input{width:100%;padding:10px;margin-top:10px;border:1px solid #e6ddd4;border-radius:5px;font-size:14px;background-color:#faf8f6}.address-input:focus{border-color:#8b7355}.save-changes-btn-container{display:flex;justify-content:center;align-items:center;width:100%;margin-top:20px}.save-changes-btn{background-color:#d4c4a8;color:#5a4a3a;padding:12px 24px;font-size:16px;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;width:100%;max-width:200px;text-align:center}.save-changes-btn:hover{background-color:#c7b299;transform:translateY(-2px)}.save-changes-btn:active{background-color:#b8a287;transform:translateY(0)}.save-changes-btn:focus{outline:none;box-shadow:0 0 0 3px #d4c4a866}.cart-item{display:flex;gap:20px;padding:20px;background:#faf8f6;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:15px;border:1px solid #e6ddd4}.cart-item-image{width:80px;height:80px;object-fit:cover;border-radius:6px;flex-shrink:0}.cart-item-name{font-size:16px;font-weight:600;color:#8b7355}.mobile-menu{position:fixed;top:0;left:-100%;width:280px;height:100vh;background:linear-gradient(135deg,#d4c4a8,#c7b299);z-index:1000;transition:left .3s ease-in-out;box-shadow:2px 0 10px #0000001a}.mobile-menu-open{left:0}.mobile-menu-content{padding:80px 0 20px;height:100%;overflow-y:auto}.mobile-nav-links{list-style:none;padding:0;margin:0}.mobile-nav-links li{margin:0}.mobile-nav-links a{display:flex;align-items:center;padding:18px 30px;color:#5a4a3a;text-decoration:none;font-size:16px;font-weight:500;border-bottom:1px solid rgba(90,74,58,.1);transition:all .3s ease;gap:12px}.mobile-nav-links a:hover{background:#5a4a3a1a;padding-left:40px}.mobile-nav-links a.active{background:#5a4a3a33;border-left:4px solid #5a4a3a}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.menu-icon{background:none;border:none;cursor:pointer;color:#6b5b47;padding:8px;border-radius:4px;transition:all .3s ease}.menu-icon:hover{background:#8b73551a}@media (max-width: 768px){.desktop-nav{display:none!important}.menu-icon{display:block}.navbar-left{min-width:auto;gap:0}.navbar-center{flex:1;display:flex;justify-content:center}.navbar-right{display:flex;gap:.5px}}@media (min-width: 769px){.menu-icon{display:none}.desktop-nav{display:flex}.mobile-menu,.mobile-menu-overlay{display:none!important}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#d4c4a8;box-shadow:0 2px 10px #0000001a;position:relative;z-index:100}.navbar-left{display:flex;align-items:center;gap:2rem}.nav-links{display:flex;list-style:none;gap:2rem;margin:0;padding:0}.nav-links a{text-decoration:none;font-weight:500;transition:color .3s ease}.navbar-center .logo-img{height:65px;width:auto;margin-bottom:12px;position:absolute;bottom:12px}.navbar-right{display:flex;align-items:center;gap:1rem}.icon{background:none;border:none;font-size:18px;cursor:pointer;padding:0;border-radius:50%;transition:background .3s ease;position:relative;color:#6b5b47}.icon:hover{background:#8b73551a}.cart-count{position:absolute;top:-5px;right:-5px;background:#d2691e;color:#fff;font-size:12px;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-weight:700}.search-bar{position:absolute;top:100%;left:0;right:0;background:#faf8f6;padding:1rem 2rem;box-shadow:0 2px 10px #0000001a;z-index:99}.search-input{width:100%;padding:12px 16px;border:2px solid #e6ddd4;border-radius:25px;font-size:14px;outline:none;transition:border-color .3s ease;background-color:#faf8f6}.search-input:focus{border-color:#8b7355}.dashboard-link{display:flex;align-items:center;gap:.5rem}.dashboard-icon{font-size:16px}@media (max-width: 768px){.navbar{padding:1rem;display:flex;justify-content:space-between;align-items:center}.navbar-left{flex:0 0 auto}.navbar-center{flex:1;display:flex;justify-content:center}.navbar-right{flex:0 0 auto;gap:.5px}.search-bar{padding:1rem}}.search-icon,.profile-icon,.cart-icon{color:#3d332a;filter:none}.search-icon img,.profile-icon img,.cart-icon img{width:20px;height:20px}.search-icon:hover,.profile-icon:hover,.cart-icon:hover{color:#5d4a3d}.search-icon:hover img,.profile-icon:hover img,.cart-icon:hover img{transform:scale(1.1);transition:all .3s ease}.search-container{position:fixed!important;top:20%!important;left:50%!important;transform:translate(-50%,-50%)!important;background:#fff!important;z-index:99999!important;box-shadow:0 8px 32px #8b735533!important;border-radius:12px!important;overflow:visible!important;animation:slideDown .3s ease-out;display:block!important;visibility:visible!important;opacity:1!important;width:60%!important;max-width:450px!important;min-width:320px!important;max-height:60vh!important}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.search-bar{display:flex;align-items:center;padding:12px 16px;background:#8b73550d;border-bottom:1px solid rgba(139,115,85,.2)}.search-input{flex:1;border:none;background:#fff;padding:10px 14px;border-radius:20px;font-size:14px;outline:none;box-shadow:0 2px 8px #8b73551a;transition:box-shadow .2s ease;border:2px solid transparent}.search-input:focus{box-shadow:0 4px 16px #8b735526;border-color:#8b7355f2}.search-input::placeholder{color:#8b7355b3}.search-submit-btn{background:#8b7355f2;border:none;border-radius:50%;width:35px;height:35px;margin-left:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.search-submit-btn:hover{background:#6d5a43;transform:scale(1.05)}.search-submit-btn img{width:18px;height:18px;filter:brightness(0) invert(1)}.search-icon.active{background:#8b7355f2;border-radius:50%}.search-icon.active img{filter:brightness(0) invert(1)}.search-results{max-height:400px;overflow-y:auto;background:#fff}.search-results::-webkit-scrollbar{width:6px}.search-results::-webkit-scrollbar-track{background:#8b73551a}.search-results::-webkit-scrollbar-thumb{background:#8b7355f2;border-radius:3px}.search-results::-webkit-scrollbar-thumb:hover{background:#6d5a43}.search-result-item{display:flex;align-items:center;padding:12px 20px;cursor:pointer;border-bottom:1px solid rgba(139,115,85,.1);transition:all .2s ease}.search-result-item:hover{background:#8b73550d;transform:translate(4px)}.search-result-item:last-child{border-bottom:none}.search-result-image{width:50px;height:50px;object-fit:cover;border-radius:8px;margin-right:12px;background:#8b73551a}.search-result-content{flex:1;min-width:0}.search-result-title{display:flex;align-items:center;gap:8px;font-weight:600;color:#333;margin-bottom:4px;font-size:14px}.search-result-type{background:#8b735533;color:#6d5a43;padding:2px 8px;border-radius:12px;font-size:11px;text-transform:uppercase;font-weight:500}.search-result-item.product .search-result-type{background:#8b73554d;color:#5a4932}.search-result-item.article .search-result-type{background:#8b735540;color:#4a3a29}.search-result-item.page .search-result-type{background:#8b735559;color:#3d2f21}.search-result-description{color:#8b7355cc;font-size:13px;line-height:1.4;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-price{color:#8b7355f2;font-weight:600;font-size:14px}.search-loading{display:flex;align-items:center;justify-content:center;padding:40px 20px;gap:12px;color:#8b7355cc}.loading-spinner{width:20px;height:20px;border:2px solid rgba(139,115,85,.2);border-top:2px solid #8b7355f2;border-radius:50%;animation:spin 1s linear infinite}.search-no-results{text-align:center;padding:40px 20px;color:#8b7355cc}.no-results-icon{font-size:48px;margin-bottom:16px;opacity:.5;color:#8b7355f2}.no-results-text{font-size:16px;margin-bottom:8px;color:#6d5a43}.no-results-suggestion{font-size:14px;opacity:.8}.search-see-more{padding:16px 20px;text-align:center;background:#8b73550d;color:#8b7355f2;cursor:pointer;font-weight:500;border-top:1px solid rgba(139,115,85,.2);transition:all .2s ease}.search-see-more:hover{background:#8b73551a;color:#6d5a43}.search-page{min-height:100vh;background:#8b735508}.search-page-header{background:linear-gradient(135deg,#8b7355f2,#6d5a43);color:#fff;padding:60px 0 40px}.search-page-header h1{font-size:2.5rem;margin-bottom:20px;text-align:center}.search-page-form{max-width:600px;margin:0 auto 20px;display:flex;gap:12px;background:#fff;padding:8px;border-radius:50px;box-shadow:0 8px 32px #8b735526}.search-page-input{flex:1;border:none;padding:16px 24px;font-size:16px;border-radius:50px;outline:none;background:transparent}.search-page-input::placeholder{color:#8b7355b3}.search-page-button{background:#8b7355f2;color:#fff;border:none;padding:16px 32px;border-radius:50px;font-weight:600;cursor:pointer;transition:all .2s ease}.search-page-button:hover{background:#6d5a43;transform:translateY(-2px);box-shadow:0 4px 16px #8b73554d}.search-summary{text-align:center;margin-top:20px;opacity:.9}.search-summary p{font-size:18px;margin:0}.search-page-content{padding:40px 0}.container{max-width:1200px;margin:0 auto;padding:0 20px}.search-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px;flex-wrap:wrap}.search-filters{display:flex;gap:8px;flex-wrap:wrap}.filter-tab{padding:10px 20px;border:2px solid rgba(139,115,85,.3);background:#fff;border-radius:25px;cursor:pointer;transition:all .2s ease;font-weight:500;white-space:nowrap;color:#6d5a43}.filter-tab:hover{border-color:#8b7355f2;color:#8b7355f2}.filter-tab.active{background:#8b7355f2;color:#fff;border-color:#8b7355f2}.search-sort{display:flex;align-items:center;gap:10px}.search-sort label{font-weight:500;color:#6d5a43;white-space:nowrap}.sort-select{padding:10px 16px;border:2px solid rgba(139,115,85,.3);border-radius:8px;background:#fff;cursor:pointer;outline:none;transition:border-color .2s ease;color:#6d5a43}.sort-select:focus{border-color:#8b7355f2}.search-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.search-result-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #8b73551a;transition:all .3s ease;border:2px solid transparent}.search-result-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #8b735533;border-color:#8b7355f2}.search-result-link{text-decoration:none;color:inherit;display:block;height:100%}.search-result-image-container{position:relative;height:200px;overflow:hidden}.search-result-card-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.search-result-card:hover .search-result-card-image{transform:scale(1.05)}.result-type-badge{position:absolute;top:12px;right:12px;background:#8b7355e6;color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;text-transform:capitalize;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-result-card-content{padding:20px}.search-result-card-title{font-size:18px;font-weight:600;color:#333;margin-bottom:8px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-card-description{color:#8b7355cc;font-size:14px;line-height:1.5;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.product-info{display:flex;flex-direction:column;gap:8px}.product-price{font-size:20px;font-weight:700;color:#8b7355f2}.product-category{background:#8b73551a;color:#6d5a43;padding:4px 12px;border-radius:16px;font-size:12px;width:fit-content;text-transform:uppercase;font-weight:500}.product-rating{color:#d4a574;font-size:14px;font-weight:500}.out-of-stock{color:#dc3545;font-weight:600;font-size:12px;background:#f8d7da;padding:4px 12px;border-radius:16px;width:fit-content}.article-info{display:flex;justify-content:space-between;align-items:center;color:#8b7355cc;font-size:12px}.article-author{font-weight:500}.article-read-time{opacity:.8}.search-loading{text-align:center;padding:60px 20px}.search-loading .loading-spinner{width:40px;height:40px;margin:0 auto 20px}.search-loading p{font-size:18px;color:#8b7355cc}.search-empty-state{text-align:center;padding:60px 20px;color:#8b7355cc}.empty-state-icon{font-size:80px;margin-bottom:20px;opacity:.5;color:#8b7355f2}.search-empty-state h2{font-size:24px;margin-bottom:12px;color:#6d5a43}.search-empty-state p{font-size:16px;margin-bottom:30px}.popular-searches h3{font-size:18px;margin-bottom:16px;color:#6d5a43}.popular-search-tags{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.popular-search-tags button{padding:8px 16px;border:2px solid #8b7355f2;background:#fff;color:#8b7355f2;border-radius:20px;cursor:pointer;transition:all .2s ease;font-weight:500}.popular-search-tags button:hover{background:#8b7355f2;color:#fff}.search-no-results{text-align:center;padding:60px 20px;color:#8b7355cc}.search-no-results .no-results-icon{font-size:80px;margin-bottom:20px;opacity:.5;color:#8b7355f2}.search-no-results h2{font-size:24px;margin-bottom:12px;color:#6d5a43}.search-suggestions{background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 16px #8b73551a;max-width:400px;margin:30px auto 0;text-align:left}.search-suggestions h3{font-size:18px;margin-bottom:16px;color:#6d5a43}.search-suggestions ul{list-style:none;padding:0;margin:0}.search-suggestions li{padding:8px 0;color:#8b7355cc;font-size:14px}.search-suggestions li:before{content:"•";color:#8b7355f2;margin-right:8px;font-weight:700}.search-suggestions a{color:#8b7355f2;text-decoration:none}.search-suggestions a:hover{text-decoration:underline}.navbar{position:relative;z-index:1000}.navbar .search-container{z-index:99999!important;position:absolute!important}.navbar.fixed,.navbar.sticky{z-index:1000}.navbar.fixed .search-container,.navbar.sticky .search-container{z-index:99999!important;position:absolute!important}.search-container{transform:none!important;clip:none!important;clip-path:none!important}.search-dropdown{position:fixed!important;z-index:100000!important;top:70px!important;left:0!important;right:0!important}.search-container:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000004d;z-index:-1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.nav,.navbar,.header{overflow:visible!important;position:relative!important}@media (max-width: 768px){.search-container{width:85%!important;max-width:400px!important;border-radius:12px!important;z-index:99999;top:20%!important;left:50%!important;transform:translate(-50%,-50%)!important}.search-bar{position:absolute;left:inherit}.search-input{font-size:14px;padding:10px 14px}.search-result-item{padding:10px 16px}.search-result-image{width:40px;height:40px}.search-page-header{padding:40px 0 30px}.search-page-header h1{font-size:2rem}.search-page-form{flex-direction:column;padding:12px;border-radius:20px}.search-page-input{border-radius:20px;padding:14px 20px}.search-page-button{border-radius:20px;padding:14px 24px}.search-controls{flex-direction:column;align-items:stretch;gap:16px}.search-filters,.search-sort{justify-content:center}.search-results-grid{grid-template-columns:1fr;gap:16px}.search-result-card-content{padding:16px}}@media (max-width: 480px){.container{padding:0 16px}.search-page-content{padding:30px 0}.filter-tab{padding:8px 16px;font-size:14px}.search-result-card-title{font-size:16px}.popular-search-tags{flex-direction:column;align-items:center}.popular-search-tags button{width:100%;max-width:200px}}.search-close-btn{background:none;border:none;font-size:18px;color:#666;cursor:pointer;padding:8px 12px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:40px}.search-close-btn:hover{background-color:#f5f5f5;color:#333}.search-close-btn:focus{outline:2px solid #007bff;outline-offset:2px}.success-message{color:#155724;padding:10px;border-radius:4px;margin-bottom:20px}.error-message{background-color:#f8d7da;color:#721c24;padding:10px;border-radius:4px;margin-bottom:20px;border:1px solid #f5c6cb}.hero-section{position:relative;overflow:hidden;max-height:550px;min-height:791px}.slideshow-container-fixed{position:relative;height:100%;width:100%}.slide-fixed{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .8s ease-in-out}.slide-fixed:first-child{opacity:1;z-index:1}.hero-image{width:100%;object-fit:cover;display:block}.hero-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:2;background:#0006;padding:2rem;border-radius:10px}.hero-content h1{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.hero-content p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.shop-now-btn{background-color:#007bff;color:#fff;border:none;padding:12px 30px;font-size:1.1rem;font-weight:600;border-radius:25px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.shop-now-btn:hover{background-color:#0056b3;transform:translateY(-2px);box-shadow:0 5px 15px #007bff66}.slideshow-dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:3}.dot{width:12px;height:12px;border-radius:50%;border:2px solid white;background:transparent;cursor:pointer;opacity:.7;transition:all .3s ease}.dot.active{background:#fff;opacity:1}.dot:hover{opacity:1;transform:scale(1.1)}.slideshow-container{display:flex;transition:transform .8s cubic-bezier(.4,0,.2,1);height:100%}.slide{height:100%;flex-shrink:0;position:relative}.whatsapp-btn{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff}.whatsapp-btn{animation:pulse 2s infinite}@media (max-width: 768px){.floating-buttons{bottom:15px;right:15px;gap:12px}.floating-btn{width:55px;height:55px}.appointment-btn{padding:0 18px;min-width:55px}.btn-text{font-size:13px}.hero-section{height:40vh;min-height:547px}.hero-content{padding:1.5rem}.hero-content h1{font-size:2rem;margin-bottom:.8rem}.hero-content p{font-size:1rem;margin-bottom:1.5rem}.shop-now-btn{padding:10px 25px;font-size:1rem}}@media (max-width: 480px){.floating-buttons{bottom:12px;right:12px;gap:10px}.floating-btn{width:50px;height:50px}.appointment-btn{padding:0 15px;min-width:50px}.btn-text{font-size:12px}.hero-section{height:4vh;min-height:211px}.hero-content{padding:1rem}.hero-content h1{font-size:1.5rem;margin-bottom:.5rem}.hero-content p{font-size:.9rem;margin-bottom:1rem}.shop-now-btn{padding:8px 20px;font-size:.9rem}.slideshow-dots{bottom:15px;gap:8px}.dot{width:10px;height:10px}}.floating-whatsapp{position:fixed;bottom:20px;right:20px;z-index:1000}.whatsapp-appointment-btn{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border:none;border-radius:30px;padding:15px 20px;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:600;text-decoration:none;animation:pulse 2s infinite}.whatsapp-appointment-btn:hover{background:linear-gradient(135deg,#128c7e,#25d366);transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #25d36666}.whatsapp-appointment-btn:active{transform:translateY(0) scale(.95)}.whatsapp-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:#fff}.appointment-text{font-size:14px;font-weight:600;white-space:nowrap;color:#fff}@keyframes pulse{0%{box-shadow:0 0 #25d366b3}70%{box-shadow:0 0 0 10px #25d36600}to{box-shadow:0 0 #25d36600}}.floating-buttons{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:15px;z-index:1000}.floating-btn{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;border:none;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:600;position:relative;overflow:hidden}.floating-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #00000040}.floating-btn:active{transform:translateY(0) scale(.95)}.whatsapp-btn{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;animation:pulse 2s infinite}.whatsapp-btn:hover{background:linear-gradient(135deg,#128c7e,#25d366);box-shadow:0 6px 20px #25d36666}.appointment-btn{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;width:auto;min-width:60px;padding:0 20px;border-radius:30px;gap:8px}.appointment-btn:hover{background:linear-gradient(135deg,#0056b3,#007bff);box-shadow:0 6px 20px #007bff66}.btn-text{font-size:14px;font-weight:600;white-space:nowrap}.floating-btn svg{flex-shrink:0}@media (max-width: 768px){.floating-whatsapp{bottom:15px;right:15px}.whatsapp-appointment-btn{padding:12px 18px;gap:8px}.whatsapp-icon{width:24px;height:24px}.appointment-text{font-size:13px}.floating-buttons{bottom:15px;right:15px;gap:12px}.floating-btn{width:55px;height:55px}.appointment-btn{padding:0 18px;min-width:55px}.btn-text{font-size:13px}}@media (max-width: 480px){.floating-whatsapp{bottom:12px;right:12px}.whatsapp-appointment-btn{padding:10px 15px;gap:6px}.whatsapp-icon{width:20px;height:20px}.appointment-text{font-size:12px}.floating-buttons{bottom:12px;right:12px;gap:10px}.floating-btn{width:50px;height:50px}.appointment-btn{padding:0 15px;min-width:50px}.btn-text{font-size:12px}}.featured-section{background-color:#d4c4a8;padding:0 40px;text-align:left;max-width:100%;overflow:hidden}.featured-section h2{color:#6b5d4f;font-size:36px;font-weight:600;margin-bottom:30px;text-align:left}.featured-cards{display:flex;flex-wrap:nowrap;gap:42px;overflow-x:auto;padding:20px 0;justify-content:flex-start}.featured-cards::-webkit-scrollbar-track{background:#8b73551a;border-radius:4px;margin:0 10px}.featured-cards::-webkit-scrollbar-thumb{background:#8b735599;border-radius:4px;transition:background .3s ease}.featured-cards::-webkit-scrollbar-thumb:hover{background:#8b7355cc}.featured-cards{scrollbar-width:thin;scrollbar-color:rgba(139,115,85,.6) rgba(139,115,85,.1)}.featured-card{background-color:#f5f2e8;border-radius:15px;overflow:hidden;flex-shrink:0;cursor:pointer;text-decoration:none;color:#6b5d4f;box-shadow:0 5px 15px #6b5d4f26;transition:transform .3s ease;border:1px solid #E6D7C1;width:390px;min-width:320px;padding:10px;text-align:center}.featured-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #6b5d4f33}.card-image-wrapper{background-color:#f0ede4;width:100%;height:330px;display:flex;align-items:center;justify-content:center}.card-image-wrapper img{max-width:100%;max-height:100%;object-fit:contain;display:block}.featured-card img{width:87%;height:82%;border-radius:10px;margin-top:15px}.card-info{padding:15px 20px 20px}.featured-card h3{font-size:16px;font-weight:700;margin:15px 20px;color:#8b7355;text-transform:uppercase;font-size:20px;font-weight:600}.featured-card p{font-size:14px;margin:0 20px 25px;color:#6b5d4f;font-size:16px}.sold-out{display:block;color:#f5f2e8;background-color:#a0846f;padding:5px 10px;border-radius:5px;margin-top:10px}.featured-description{color:#6b5d4f;font-size:15px;max-width:900px;line-height:1.6;font-size:16px;margin-top:30px;max-width:80%;margin-left:auto;margin-right:auto}@media screen and (max-width: 768px){.featured-section{padding:40px 20px}.featured-section h2{font-size:28px;text-align:center}.featured-cards{flex-direction:row;flex-wrap:wrap;overflow-x:visible;justify-content:space-between;gap:15px}.featured-cards::-webkit-scrollbar{display:none}.featured-cards{scrollbar-width:none;-ms-overflow-style:none}.featured-card{width:calc(50% - 8px);min-width:auto;max-width:none;margin-bottom:20px}.card-image-wrapper{height:220px}.featured-card h3{font-size:14px;margin:10px 15px 8px;line-height:1.3}.featured-card p{font-size:13px;margin:0 15px 15px}.featured-description{max-width:100%;text-align:center;margin-left:0;margin-right:0}}@media screen and (max-width: 480px){.featured-section{padding:30px 15px}.featured-section h2{font-size:24px}.featured-cards{gap:12px}.featured-card{width:calc(50% - 6px);padding:8px}.card-image-wrapper{height:180px}.featured-card h3{font-size:12px;margin:8px 10px 6px;line-height:1.2}.featured-card p{font-size:11px;margin:0 10px 10px}.featured-description{font-size:14px;margin-top:25px}}.featured-cards{display:flex;flex-wrap:nowrap;gap:42px;overflow-x:scroll;padding:20px 0;justify-content:flex-start}.featured-cards::-webkit-scrollbar{height:8px}.featurbed-cards::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.featured-cards::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.featured-cards::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.featured-cards{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.product-container{min-height:100vh;background:linear-gradient(135deg,#f8f6f0,#f0ede5,#e8e3d8);padding:80px 20px 40px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#2c2923}.product-layout{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;padding:0;min-height:calc(100vh - 160px)}.product-image-section{position:relative;width:100%;max-width:500px;margin:0 auto;height:500px;border-radius:32px;overflow:hidden;box-shadow:0 32px 64px #8b735526,0 16px 32px #8b73551a,inset 0 1px #ffffff4d;background:linear-gradient(145deg,#fffffff2,#f8f6f0e6,#f0ede5d9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4)}.image-slider-container{display:flex;width:300%;height:100%;transition:transform .8s cubic-bezier(.25,.46,.45,.94);position:relative}.image-slider-container.slide-0{transform:translate(0)}.image-slider-container.slide-1{transform:translate(-33.33%)}.image-slider-container.slide-2{transform:translate(-66.66%)}.product-image-container{width:calc(100% / 3);height:100%;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;position:relative;background:transparent}.product-image-container:before{content:"";position:absolute;inset:15px;background:linear-gradient(145deg,#fff9,#ffffff1a);border-radius:24px;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:all .6s cubic-bezier(.4,0,.2,1)}.product-image{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;transition:all .8s cubic-bezier(.25,.46,.45,.94);border-radius:20px;position:relative;z-index:2;filter:drop-shadow(0 20px 40px rgba(44,41,35,.08)) drop-shadow(0 8px 16px rgba(44,41,35,.04))}.product-image-container:hover:before{opacity:1;inset:8px}.product-image-container:hover .product-image{transform:scale(1.03) translateY(-8px);filter:drop-shadow(0 32px 64px rgba(44,41,35,.12)) drop-shadow(0 16px 32px rgba(44,41,35,.08))}.slider-nav{position:absolute;bottom:25px;left:50%;transform:translate(-50%);display:flex;gap:14px;z-index:20;background:#fffc;padding:10px 18px;border-radius:50px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #8b735526}.nav-dot{width:10px;height:10px;border-radius:50%;background:#8b73554d;border:none;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.nav-dot:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#8b7355;border-radius:50%;transition:all .4s cubic-bezier(.4,0,.2,1);transform:translate(-50%,-50%)}.nav-dot.active:before{width:100%;height:100%}.nav-dot.active{transform:scale(1.4);background:#8b7355}.nav-dot:hover{transform:scale(1.2);background:#8b735599}.slider-arrows{position:absolute;top:50%;transform:translateY(-50%);width:100%;display:flex;justify-content:space-between;padding:0 25px;z-index:15;pointer-events:none}.arrow-btn{background:linear-gradient(145deg,#fffffff2,#ffffffd9);border:1px solid rgba(139,115,85,.15);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);pointer-events:auto;box-shadow:0 8px 32px #8b73551f,0 4px 16px #8b735514;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden;left:-24px}.arrow-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,115,85,.1),transparent);transition:left .6s ease}.arrow-btn:hover:before{left:100%}.arrow-btn:hover{background:linear-gradient(145deg,#fff,#f8f6f0f2);border-color:#8b73554d;transform:scale(1.08) translateY(-2px);box-shadow:0 16px 48px #8b73552e,0 8px 24px #8b73551f}.arrow-btn:active{transform:scale(1.02) translateY(0)}.arrow-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:0 4px 16px #8b73550f}.arrow-btn svg{width:20px;height:20px;color:#8b7355;transition:all .3s ease}.arrow-btn:hover svg{color:#6d5a43;transform:scale(1.1)}@keyframes slideInScale{0%{opacity:0;transform:scale(.8) translateY(60px);filter:blur(8px)}60%{opacity:.8;transform:scale(1.02) translateY(-10px);filter:blur(2px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0px)}}.product-image-section{animation:slideInScale 1.2s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.product-image{animation:float 6s ease-in-out infinite}.product-image:nth-child(2n){animation-delay:-3s}.product-details-section{display:flex;flex-direction:column;justify-content:flex-start;max-width:none;color:#2c2923;padding:40px 0 20px;position:sticky;top:100px}.product-header{margin-bottom:32px}.brand-name{font-size:11px;letter-spacing:3px;text-transform:uppercase;font-weight:500;color:#8b7355;margin-bottom:12px;opacity:.9}.product-title{font-family:Playfair Display,Georgia,serif;font-size:clamp(2.5rem,4vw,3.5rem);font-weight:500;line-height:1.1;margin:0 0 8px;letter-spacing:-.02em;color:#2c2923}.price-section{display:flex;align-items:baseline;gap:16px;margin-bottom:40px;flex-wrap:wrap}.current-price{font-size:28px;font-weight:600;color:#2c2923;letter-spacing:-.02em}.discount-badge{background:linear-gradient(135deg,#8b7355,#6d5a43);color:#fff;padding:6px 14px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 12px #8b73554d}.quantity-section{margin-bottom:40px}.quantity-label{display:block;font-size:14px;font-weight:500;margin-bottom:16px;color:#2c2923;text-transform:uppercase;letter-spacing:1px}.quantity-controls{display:inline-flex;align-items:center;background:#fff;border:2px solid rgba(139,115,85,.15);border-radius:50px;padding:8px;gap:0;box-shadow:0 4px 12px #8b735514;transition:all .3s ease}.quantity-controls:hover{border-color:#8b73554d;box-shadow:0 6px 20px #8b73551f}.quantity-btn{background:transparent;border:none;color:#8b7355;font-size:18px;font-weight:600;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-user-select:none;user-select:none}.quantity-btn:hover:not(:disabled){background:#8b73551a;transform:scale(1.05)}.quantity-btn:active:not(:disabled){transform:scale(.95)}.quantity-btn:disabled{opacity:.3;cursor:not-allowed}.quantity-display{font-size:18px;font-weight:600;min-width:40px;text-align:center;color:#2c2923;padding:0 8px}.action-buttons{display:flex;flex-direction:column;gap:16px;margin-bottom:48px}.sold-out-btn{background:#fff;color:#2c2923;border:2px solid rgba(139,115,85,.2);padding:18px 32px;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;width:100%;text-transform:none;letter-spacing:0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.sold-out-btn:hover{background:#8b73550d;border-color:#8b73554d;transform:translateY(-1px);box-shadow:0 8px 25px #8b735526}.buy-now-btn{background:linear-gradient(135deg,#2c2923,#1a1815);color:#fff;border:none;padding:18px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;width:100%;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 25px #2c29234d}.buy-now-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.buy-now-btn:hover:before{left:100%}.buy-now-btn:hover{transform:translateY(-2px);box-shadow:0 12px 35px #2c292366}.buy-now-btn:active{transform:translateY(0)}.product-description{line-height:1.7}.description-title{font-size:20px;font-weight:600;margin-bottom:24px;line-height:1.3;color:#2c2923}.description-text{font-size:16px;margin-bottom:24px;line-height:1.7;color:#2c2923cc;font-weight:400}.key-benefits{margin:32px 0;padding:24px;background:#ffffff80;border-radius:16px;border:1px solid rgba(139,115,85,.1)}.benefits-title{font-size:16px;font-weight:600;margin-bottom:16px;color:#2c2923;text-transform:uppercase;letter-spacing:1px}.benefits-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.benefits-list li{font-size:15px;line-height:1.6;position:relative;padding-left:28px;color:#2c2923d9;font-weight:400}.benefits-list li:before{content:"✓";position:absolute;left:0;top:0;color:#8b7355;font-weight:600;font-size:16px}.usage-section{margin:32px 0;padding:24px;background:linear-gradient(135deg,#8b73550d,#8b735505);border-radius:16px;border-left:4px solid #8B7355}.usage-title{font-size:16px;font-weight:600;margin-bottom:12px;color:#2c2923;text-transform:uppercase;letter-spacing:1px}.usage-text{font-size:15px;line-height:1.6;color:#2c2923cc;margin:0}.share-btn{background:transparent;border:2px solid rgba(139,115,85,.2);color:#8b7355;padding:12px 24px;border-radius:50px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;display:inline-flex;align-items:center;gap:8px;margin-top:16px}.share-btn:hover{background:#8b73550d;border-color:#8b735566;transform:translateY(-1px)}@media (max-width: 1200px){.product-layout{gap:60px}.product-image-section{max-width:450px;height:480px}.arrow-btn{width:44px;height:44px}.arrow-btn svg{width:18px;height:18px}}@media (max-width: 968px){.product-layout{grid-template-columns:1fr;gap:30px}.product-image-section{max-width:100%;width:100%;height:400px;margin:0 auto 30px}.product-image-container{width:100%;height:100%;padding:20px}.product-image{max-width:100%;max-height:100%}.product-details-section{position:static;padding:0}.slider-arrows{padding:0 15px}.arrow-btn{width:42px;height:42px}.arrow-btn svg{width:16px;height:16px}}@media (max-width: 768px){.product-container{padding:40px 16px 30px}.product-image-section{height:350px;border-radius:20px;max-width:100%;width:95%}.image-slider-container{display:flex;width:300%;height:100%;transition:transform .8s cubic-bezier(.25,.46,.45,.94);position:relative}.product-image-container{width:calc(100% / 3);height:100%;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:12px;background:transparent}.product-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:12px}.slider-nav{bottom:15px;padding:6px 12px;gap:8px}.nav-dot{width:7px;height:7px}.arrow-btn{width:36px;height:36px}.arrow-btn svg{width:14px;height:14px}.slider-arrows{padding:0 10px}.product-title{font-size:clamp(1.8rem,5vw,2.5rem);line-height:1.2;margin-bottom:16px}.current-price{font-size:24px}.price-section,.quantity-section,.action-buttons{margin-bottom:30px}}@media (max-width: 480px){.product-container{padding:30px 12px 20px}.product-layout{gap:25px}.product-image-section{height:300px;border-radius:16px;max-width:100%;width:100%;margin:0 auto 20px}.image-slider-container{display:flex;width:300%;height:100%;transition:transform .8s cubic-bezier(.25,.46,.45,.94);position:relative}.product-image-container{width:calc(100% / 3);height:100%;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;background:transparent}.product-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:10px}.slider-nav{bottom:12px;padding:4px 8px;gap:6px}.nav-dot{width:6px;height:6px}.arrow-btn{width:32px;height:32px}.arrow-btn svg{width:12px;height:12px}.slider-arrows{padding:0 8px}.product-title{font-size:clamp(1.5rem,6vw,2rem);line-height:1.1;margin-bottom:12px}.brand-name{font-size:10px;margin-bottom:8px}.current-price{font-size:20px}.price-section,.quantity-section{margin-bottom:25px}.quantity-controls{padding:6px}.quantity-btn{width:36px;height:36px;font-size:16px}.quantity-display{font-size:16px;min-width:32px}.action-buttons{margin-bottom:25px;gap:12px}.sold-out-btn,.buy-now-btn{padding:14px 24px;font-size:14px}.description-title{font-size:18px;margin-bottom:16px}.description-text{font-size:14px;margin-bottom:20px}.key-benefits{margin:20px 0;padding:16px}.benefits-title{font-size:14px;margin-bottom:12px}.benefits-list li{font-size:13px;padding-left:24px}.usage-section{margin:20px 0;padding:16px}.usage-title{font-size:14px;margin-bottom:8px}.usage-text{font-size:13px}}@media (max-width: 768px){.arrow-btn,.nav-dot,.quantity-btn{touch-action:manipulation}.product-image{animation:none}}@media (max-width: 375px){.product-container{padding:25px 10px 15px}.product-image-section{height:280px;width:100%}.image-slider-container{display:flex;width:300%;height:100%;transition:transform .8s cubic-bezier(.25,.46,.45,.94);position:relative}.product-image-container{width:calc(100% / 3);height:100%;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:10px;background:transparent}.product-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.product-title{font-size:1.3rem}.current-price{font-size:18px}}.cart-container{min-height:100vh;background:linear-gradient(135deg,#f5e6d3,#e8d5b7,#d4c4a8);padding:120px 20px 40px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.cart-content{max-width:800px;margin:0 auto}.cart-title{color:#8b4513;font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:40px;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(139,69,19,.2)}.cart-items{margin-bottom:30px}.cart-item{background:#fffcf5f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:24px;margin-bottom:20px;display:flex;gap:20px;align-items:center;box-shadow:0 8px 32px #8b45131a;border:1px solid rgba(222,184,135,.3);transition:all .3s ease}.cart-item:hover{transform:translateY(-2px);box-shadow:0 12px 40px #8b451326}.cart-item-image{width:100px;height:100px;object-fit:cover;border-radius:12px;flex-shrink:0;box-shadow:0 4px 16px #8b45131a}.cart-item-details{flex:1;display:flex;flex-direction:column;gap:8px}.cart-item-name{font-size:1.2rem;font-weight:700;color:#8b4513;margin:0;line-height:1.3}.cart-item-brand{font-size:.9rem;color:sienna;font-weight:600;margin:0;text-transform:uppercase;letter-spacing:.5px}.cart-item-price{font-size:1.1rem;font-weight:700;color:peru;margin:0}.cart-quantity-controls{display:flex;align-items:center;gap:12px;margin-top:12px}.cart-quantity-controls .quantity-btn{width:36px;height:36px;border:2px solid #D2B48C;background:#fff;color:#8b4513;border-radius:8px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.cart-quantity-controls .quantity-btn:hover:not(:disabled){background:tan;color:#fff;transform:scale(1.05)}.cart-quantity-controls .quantity-btn:disabled{opacity:.4;cursor:not-allowed}.cart-quantity-controls .quantity-display{font-size:1.1rem;font-weight:600;color:#8b4513;min-width:30px;text-align:center}.remove-item-btn{background:linear-gradient(135deg,#d2691e,peru);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px;align-self:flex-start}.remove-item-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #d2691e4d}.cart-summary{background:#fffcf5f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:30px;text-align:center;margin-bottom:30px;box-shadow:0 8px 32px #8b45131a;border:1px solid rgba(222,184,135,.3)}.cart-summary h2{font-size:1.8rem;font-weight:700;color:#8b4513;margin:0 0 20px}.checkout-btn{background:linear-gradient(135deg,#deb887,tan);color:#8b4513;border:none;padding:16px 40px;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;width:100%;max-width:300px;letter-spacing:.5px;text-transform:uppercase}.checkout-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #deb88766;background:linear-gradient(135deg,tan,#bc9a6a)}.continue-shopping-btn{background:linear-gradient(135deg,#deb887,tan);color:#8b4513;padding:14px 32px;border:none;border-radius:25px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #deb8874d;position:relative;overflow:hidden;display:block;margin:0 auto 20px}.continue-shopping-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #deb88766;background:linear-gradient(135deg,tan,#bc9a6a)}.continue-shopping-btn:active{transform:translateY(-1px);box-shadow:0 4px 15px #deb8874d}.continue-shopping-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.continue-shopping-btn:hover:before{left:100%}.account-section{background:#fffcf5f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:30px;text-align:center;margin-top:40px;box-shadow:0 8px 32px #8b45131a;border:1px solid rgba(222,184,135,.3);animation:fadeInUp .6s ease-out}.account-title{font-size:1.5rem;font-weight:600;color:#8b4513;margin:0 0 20px;letter-spacing:-.5px}.signup-link{display:inline-block;background:linear-gradient(135deg,tan,#bc9a6a);color:#8b4513;padding:14px 32px;border:none;border-radius:25px;font-size:1.1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #d2b48c4d;position:relative;overflow:hidden;margin:0 8px}.signup-link:hover{transform:translateY(-3px);box-shadow:0 8px 25px #d2b48c66;background:linear-gradient(135deg,#bc9a6a,#a0845c)}.signup-link:active{transform:translateY(-1px);box-shadow:0 4px 15px #d2b48c4d}.signup-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.signup-link:hover:before{left:100%}.signup-links:hover:before{left:100%}.signup-text{color:sienna;font-size:1rem;font-weight:400;margin-left:8px;vertical-align:middle}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.cart-container{padding:100px 15px 30px}.cart-title{font-size:2rem;margin-bottom:30px}.cart-item{flex-direction:column;text-align:center;padding:20px}.cart-item-image{width:120px;height:120px;align-self:center}.cart-item-details{align-items:center}.cart-quantity-controls{justify-content:center}.remove-item-btn{align-self:center}.cart-summary{padding:25px 20px}.cart-summary h2{font-size:1.5rem}.checkout-btn{padding:14px 30px;font-size:1rem}.account-section{margin-top:30px;padding:20px;border-radius:12px}.account-title{font-size:1.3rem;margin-bottom:15px}.signup-link{padding:12px 24px;font-size:1rem;display:block;width:100%;max-width:250px;margin:8px auto}.signup-text{display:block;margin-top:8px;margin-left:0;font-size:.9rem}.continue-shopping-btn{padding:12px 24px;font-size:1rem;width:100%;max-width:300px;margin:0 auto 20px;display:block}}@media (max-width: 480px){.cart-title{font-size:1.8rem}.cart-item{padding:16px}.cart-item-name{font-size:1.1rem}.account-section,.cart-summary{padding:20px 15px}.account-title{font-size:1.2rem}.signup-link{padding:10px 20px;font-size:.95rem}}.checkout-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Arial,sans-serif;background:linear-gradient(135deg,#faf7f0,#f5e6d3);min-height:100vh}.checkout-content{background-color:transparent}.checkout-header{display:flex;align-items:center;margin-bottom:30px;gap:20px}.back-to-cart-btn{background:none;border:1px solid #D2B48C;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:14px;color:#8b4513;transition:all .3s ease}.back-to-cart-btn:hover:not(:disabled){background-color:#f5e6d3;border-color:#bc9a6a}.back-to-cart-btn:disabled{opacity:.5;cursor:not-allowed}.checkout-title{font-size:2rem;color:#8b4513;margin:0}.checkout-main{display:grid;grid-template-columns:1fr 400px;gap:40px;align-items:start}.checkout-form-section{background:#fffcf5cc;padding:30px;border-radius:8px;border:1px solid #E8D5B7;box-shadow:0 4px 16px #8b45131a}.checkout-form-section h2{margin:0 0 25px;color:#8b4513;font-size:1.3rem}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#8b4513;font-size:14px}.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid #D2B48C;border-radius:5px;font-size:14px;box-sizing:border-box;resize:vertical;background:#fffcf5}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#bc9a6a;box-shadow:0 0 0 2px #deb88740}.order-summary-section{position:sticky;top:20px}.order-summary-card{background:#fffcf5e6;border:1px solid #E8D5B7;border-radius:8px;padding:25px;box-shadow:0 8px 32px #8b45131a}.order-summary-card h3{margin:0 0 20px;color:#8b4513;font-size:1.2rem;border-bottom:2px solid #F0E6D7;padding-bottom:10px}.summary-items{margin-bottom:20px}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #F0E6D7}.summary-item:last-child{border-bottom:none}.item-details{display:flex;align-items:center;flex:1}.summary-item-image{width:60px;height:60px;object-fit:cover;border-radius:5px;margin-right:15px;border:1px solid #E8D5B7}.item-info h4{margin:0 0 5px;font-size:14px;color:#8b4513;font-weight:600}.item-brand,.item-quantity{margin:0;font-size:12px;color:sienna}.item-price{font-weight:600;color:#8b4513;font-size:14px}.summary-divider{height:2px;background:linear-gradient(to right,#f0e6d7,tan,#f0e6d7);margin:20px 0}.total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.total-label{color:sienna;font-size:14px}.total-amount{font-weight:600;color:#8b4513;font-size:14px}.final-total{border-top:1px solid #E8D5B7;padding-top:15px;margin-top:15px}.final-total .total-label,.final-total .total-amount{font-size:16px;font-weight:700;color:#8b4513}.place-order-btn{width:100%;background:linear-gradient(135deg,#deb887,tan);color:#8b4513;border:none;padding:15px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;margin-top:20px;transition:all .3s ease}.place-order-btn:hover:not(:disabled){background:linear-gradient(135deg,tan,#bc9a6a);transform:translateY(-1px);box-shadow:0 4px 12px #deb8874d}.place-order-btn:disabled{background:#e8d5b7;cursor:not-allowed;transform:none;box-shadow:none}.payment-note{margin-top:15px;padding:15px;background:#f8f5f0;border-radius:5px;border-left:4px solid #D2B48C}.payment-note p{margin:0;font-size:12px;color:sienna;line-height:1.4}.payment-note p:first-child{margin-bottom:5px}@media (max-width: 768px){.checkout-main{grid-template-columns:1fr;gap:20px}.checkout-header{flex-direction:column;align-items:flex-start;gap:10px}.checkout-title{font-size:1.5rem}.checkout-form-section,.order-summary-card{padding:20px}.order-summary-section{position:static}.summary-item-image{width:50px;height:50px}.item-info h4{font-size:13px}.item-brand,.item-quantity,.item-price{font-size:11px}}.payment-options{display:flex;flex-direction:column;gap:15px;margin-top:10px}.payment-option{display:flex;align-items:center;border:2px solid #E8D5B7;border-radius:8px;padding:15px;transition:all .3s ease;cursor:pointer;background:#fffcf5}.payment-option:hover{border-color:tan;background-color:#f8f5f0}.payment-option input[type=radio]{margin-right:12px;width:18px;height:18px;cursor:pointer}.payment-option input[type=radio]:checked{accent-color:#D2B48C}.payment-option input[type=radio]:checked+.payment-label{color:#8b4513}.payment-option:has(input[type=radio]:checked){border-color:tan;background-color:#f5e6d3}.payment-label{cursor:pointer;flex:1;margin:0}.payment-info{display:flex;flex-direction:column}.payment-title{font-weight:600;font-size:16px;color:#8b4513;margin-bottom:2px}.payment-desc{font-size:14px;color:sienna}.order-success{text-align:center;max-width:600px;margin:0 auto;padding:40px 20px;background:#fffcf5e6;border-radius:16px;box-shadow:0 8px 32px #8b45131a}.success-icon{font-size:4rem;margin-bottom:20px;animation:bounce .6s ease-in-out;color:#deb887}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.success-title{color:#8b4513;font-size:2.5rem;margin-bottom:20px;font-weight:700}.success-message{font-size:1.2rem;color:#8b4513;margin-bottom:30px;line-height:1.6}.success-details{background-color:#f8f5f0;border-radius:8px;padding:20px;margin-bottom:30px;text-align:left;border:1px solid #E8D5B7}.success-details p{margin-bottom:10px;font-size:1rem;color:#8b4513}.success-details strong{color:#8b4513}.payment-note{color:sienna;font-style:italic;margin-top:10px}.success-actions{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:12px 30px;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;min-width:150px}.btn-primary{background:linear-gradient(135deg,#deb887,tan);color:#8b4513}.btn-primary:hover{background:linear-gradient(135deg,tan,#bc9a6a);transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,#bc9a6a,#a0845c);color:#fff}.btn-secondary:hover{background:linear-gradient(135deg,#a0845c,#8b7355);transform:translateY(-2px)}@media (max-width: 768px){.success-title{font-size:2rem}.success-message{font-size:1.1rem}.success-actions{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:250px}.payment-options{gap:12px}.payment-option{padding:12px}.payment-title{font-size:15px}.payment-desc{font-size:13px}}.signup-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fff;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.signup-card{background:#f8f5f0f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:40px;box-shadow:0 20px 60px #8b7b6533;border:1px solid rgba(222,210,195,.3);width:100%;max-width:420px;position:relative;overflow:hidden}.signup-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#d4b896,#c9a876,#d4b896);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.signup-title{text-align:center;margin:0 0 30px;font-size:2.2rem;font-weight:700;background:#fff;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 10px rgba(139,123,101,.1)}.signup-subtitle{text-align:center;margin-bottom:35px;color:#fff;font-size:1rem;font-weight:400}.signup-form{display:flex;flex-direction:column;gap:20px}.form-group{position:relative;margin-bottom:10px}.form-input{width:100%;padding:15px 20px;border:2px solid #ded2c3;border-radius:12px;font-size:16px;background:#f8f5f0cc;transition:all .3s ease;box-sizing:border-box;outline:none;color:#5d5347}.form-input:focus{border-color:#c9a876;background:#f8f5f0;box-shadow:0 0 0 4px #c9a8761a;transform:translateY(-2px)}.form-input::placeholder{color:#b5a691;font-weight:400}.admin-checkbox-group{display:flex;align-items:center;gap:12px;padding:15px 20px;background:#c9a87614;border-radius:12px;border:2px solid transparent;transition:all .3s ease;cursor:pointer;-webkit-user-select:none;user-select:none}.admin-checkbox-group:hover{background:#c9a8761f;border-color:#c9a87640}.admin-checkbox{width:20px;height:20px;border:2px solid #c9a876;border-radius:6px;background:#f8f5f0;cursor:pointer;position:relative;transition:all .3s ease;flex-shrink:0}.admin-checkbox:checked{background:#c9a876;border-color:#c9a876}.admin-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:700}.admin-label{font-weight:600;color:#5d5347;font-size:16px;cursor:pointer}.admin-description{font-size:14px;color:#8b7b65;margin-left:32px;margin-top:-8px}.signup-button{background:linear-gradient(135deg,#c9a876,#a08660);color:#fff;border:none;padding:16px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px;position:relative;overflow:hidden}.signup-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.signup-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #c9a8764d}.signup-button:hover:before{left:100%}.signup-button:active{transform:translateY(0)}.error-message{background:linear-gradient(135deg,#d4a574,#c19660);color:#fff;padding:15px 20px;border-radius:12px;font-size:14px;font-weight:500;margin-bottom:20px;border-left:4px solid #a08660;animation:slideInDown .3s ease}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.signin-link{text-align:center;margin-top:25px;padding-top:25px;border-top:1px solid #ded2c3;color:#fff;font-size:14px}.signin-link a{color:#fff;text-decoration:none;font-weight:600;transition:color .3s ease}.signin-link a:hover{color:#a08660;text-decoration:underline}@media (max-width: 480px){.signup-container{padding:10px}.signup-card{padding:30px 25px;border-radius:16px}.signup-title{font-size:1.8rem}.form-input{padding:12px 16px;font-size:15px}.signup-button{padding:14px 20px;font-size:15px}.admin-checkbox-group{padding:12px 16px}}@media (prefers-color-scheme: dark){.signup-card{background:#d4c4a8;color:#f5f2ed}.form-input{background:#c9a8761a;border-color:#8b7b65}.form-input::placeholder{color:#b5a691}.admin-label{color:#f5f2ed}.admin-description{color:#b5a691}.signup-subtitle{color:#fff}}.logo-header{display:flex;justify-content:center;align-items:center;padding:20px 0;margin-bottom:20px}.centered-logo{max-width:200px;height:auto;object-fit:contain}.sign-in-box .logo-header{margin-bottom:30px}.sign-in-box .centered-logo{max-width:120px}.signup-card .logo-header{margin-bottom:20px}.signup-card .centered-logo{max-width:120px}.profile-header{display:flex;justify-content:center;align-items:center;position:relative}.profile-header .header-logo{max-width:120px;height:auto}.profile-header .profile-menu{position:absolute;right:-16px}@media (max-width: 768px){.centered-logo{max-width:150px}.sign-in-box .centered-logo,.signup-card .centered-logo{max-width:140px}.profile-header .header-logo{max-width:100px}}@media (max-width: 480px){.centered-logo{max-width:120px}.logo-header{padding:15px 0}.profile-header .header-logo{max-width:80px}}.dashboard-container{padding:24px;max-width:1400px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.dashboard-header{margin-bottom:32px}.dashboard-header h1{font-size:2.5rem;font-weight:700;color:#1a1a1a;margin:0}.orders-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden;border:1px solid #e5e7eb}.orders-table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.5}.orders-table thead{background-color:#f9fafb}.orders-table th{padding:16px 20px;text-align:left;font-weight:600;font-size:16px;color:#374151;border-bottom:2px solid #e5e7eb;white-space:nowrap}.orders-table td{padding:16px 20px;font-size:15px;color:#1f2937;border-bottom:1px solid #f3f4f6;vertical-align:middle}.orders-table tbody tr:hover{background-color:#f9fafb;transition:background-color .2s ease}.order-id{font-family:Monaco,Consolas,monospace;font-size:14px;color:#6b7280;font-weight:500}.customer-name{font-weight:600;color:#1f2937}.product-name{font-weight:500;max-width:250px;word-wrap:break-word}.quantity{font-weight:600;text-align:center;background-color:#f3f4f6;border-radius:6px;padding:4px 8px;display:inline-block;min-width:32px}.order-date{font-size:14px;color:#6b7280;white-space:nowrap}.amount{font-weight:700;color:#059669;font-size:16px}.status{padding:6px 12px;border-radius:20px;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;display:inline-block;min-width:80px;text-align:center}.status.pending{background-color:#fef3c7;color:#d97706}.status.processing{background-color:#dbeafe;color:#2563eb}.status.shipped{background-color:#d1fae5;color:#059669}.status.delivered{background-color:#dcfce7;color:#16a34a}.status.cancelled{background-color:#fee2e2;color:#dc2626}.loading-container{display:flex;justify-content:center;align-items:center;height:60vh}.loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-text{font-size:18px;color:#6b7280;text-align:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1200px){.orders-table{font-size:14px}.orders-table th,.orders-table td{padding:12px 16px}.dashboard-header h1{font-size:2rem}}@media (max-width: 768px){.dashboard-container{padding:16px}.orders-table-container{overflow-x:auto}.orders-table{min-width:800px;font-size:13px}.orders-table th,.orders-table td{padding:10px 12px}.dashboard-header h1{font-size:1.8rem}}.actions-cell{text-align:center;white-space:nowrap}.action-btn{padding:6px 12px;margin:0 4px;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:background-color .2s ease}.complete-btn{background-color:#28a745;color:#fff}.complete-btn:hover:not(:disabled){background-color:#218838}.cancel-btn{background-color:#dc3545;color:#fff}.cancel-btn:hover:not(:disabled){background-color:#c82333}.action-btn:disabled{opacity:.6;cursor:not-allowed}.dashboard-subtitle{color:#666;font-size:14px;margin-top:5px;font-style:italic}