:root{--middle-blue-green:#742f37;--sonic-silver:#707070;--eerie-black:#171717;--ocean-green:#742f37;--candy-pink:#de636b;--cultured:#f5f5f5;--white:#fff;--black:#000;--ff-jost:"Jost",sans-serif;--fs-1:2.5rem;--fs-2:1.75rem;--fs-3:1.625rem;--fs-4:1.5rem;--fs-5:1.375rem;--fs-6:1.25rem;--fs-7:1.125rem;--fs-8:.938rem;--fs-9:.875rem;--fs-10:.813rem;--fw-500:500;--fw-600:600;--transition-1:.25s ease;--transition-2:.75s ease;--cubic-out:cubic-bezier(.51,.03,.64,.28);--cubic-in:cubic-bezier(.33,.85,.56,1.02);--section-padding:20px}@media (min-width:1024px){:root{--section-padding:40px}}li{list-style:none}a{text-decoration:none}button{text-align:left;cursor:pointer}img{height:auto}ion-icon{pointer-events:none}html{font-family:var(--ff-jost);color:var(--sonic-silver);scroll-behavior:smooth}body{background:var(--white)}.container{padding-inline:15px}a,button{transition:var(--transition-1)}h3>a{color:inherit}.h1,.h2,.h3,.h4{color:var(--eerie-black);font-weight:var(--fw-600)}.h1{font-size:var(--fs-1);line-height:1}.h2{font-size:var(--fs-2)}.h3{font-size:var(--fs-6)}.h4{font-size:var(--fs-7);font-weight:var(--fw-500)}.btn{background:var(--background,var(--eerie-black));color:var(--color,var(--white));font-weight:var(--fw-600);height:var(--height,60px);border:1px solid var(--border-color,var(--eerie-black));border-radius:6px;justify-content:center;align-items:center;padding-inline:50px;display:flex}.btn-primary:is(:hover,:focus-visible){--background:var(--white);--color:var(--eerie-black);--border-color:var(--eerie-black)}.btn-secondary{--background:var(--white);--color:var(--eerie-black);--border-color:var(--white)}.btn-secondary:is(:hover,:focus-visible){--background:var(--eerie-black);--color:var(--white);--border-color:var(--eerie-black)}.btn-outline{--background:var(--white);--color:var(--eerie-black);--border-color:var(--eerie-black);padding-inline:40px}.btn-outline:is(:hover,:focus-visible){--background:var(--eerie-black);--color:var(--white);--border-color:var(--eerie-black)}.section{padding-block:var(--section-padding)}.w-100{width:100%}.section-title{text-align:center;margin-bottom:30px}.header-search{display:none}.header{background:var(--white);z-index:1000;width:100%;transition:var(--transition-1);padding-block:10px;position:absolute;top:0;left:0}.header.active{position:fixed;box-shadow:0 2px 20px #0000001a}.header .container{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:0;display:flex}.nav-open-btn{cursor:pointer;color:var(--eerie-black);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:8px;display:flex}.header .logo{text-align:center;flex:1}.header-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.header-wishlist-desktop{display:none}@media (max-width:991px){.header-wishlist-desktop{display:none!important}}.header-action-btn{width:36px;height:36px;color:var(--eerie-black);border-radius:8px;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.header-action-label{display:none}.header-action-btn:is(:hover,:focus) .header-action-label{color:var(--eerie-black)}.mobile-search-bar{background:var(--white);border-bottom:1px solid var(--cultured);opacity:0;visibility:hidden;z-index:-1;width:100%;padding:12px 15px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:100%;left:0;transform:translateY(-100%)}.mobile-search-bar.active{opacity:1;visibility:visible;z-index:10;transform:translateY(0)}.search-input-wrapper{align-items:center;gap:10px;display:flex;position:relative}.mobile-search-input{background:var(--cultured);height:44px;font-size:var(--fs-9);border:1px solid #0000;border-radius:8px;flex:1;padding-inline:15px 40px;transition:border-color .25s}.mobile-search-input:focus{border-color:var(--ocean-green);background:var(--white);outline:none;box-shadow:0 0 0 4px #742f370d}.search-close-btn{color:var(--sonic-silver);padding:8px;transition:color .2s}.search-close-btn:hover{color:var(--eerie-black)}@media (max-width:1199px){.header-action-btn .btn-badge{width:18px;height:18px;color:var(--white);background:var(--background,var(--ocean-green));border-radius:50%;place-items:center;font-size:12px;line-height:0;transition:all .2s;display:grid;position:absolute;top:0;right:0}}.header-action-btn .user-badge{background:var(--background,var(--eerie-black));width:14px;height:14px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:0;display:flex;position:absolute;top:6px;right:0}.navbar{background:var(--white);z-index:1000;visibility:hidden;width:100%;max-width:300px;height:100%;transition:.25s var(--cubic-out);padding:30px 25px;position:fixed;top:0;left:-300px}.navbar.active{visibility:visible;transition:.5s var(--cubic-in);transform:translate(300px)}.navbar-top{justify-content:space-between;align-items:center;margin-bottom:60px;display:flex}.nav-close-btn ion-icon{font-size:50px}.navbar-link{color:var(--eerie-black);font-size:var(--fs-7);align-items:center;gap:10px;padding-block:12px;display:flex}.navbar-list>li:not(:last-child){border-bottom:1px solid var(--cultured)}.overlay{background:var(--black);opacity:0;pointer-events:none;transition:var(--transition-1);z-index:999;position:fixed;inset:0}.overlay.active{opacity:.7;pointer-events:all}.hero{background-position:0;background-repeat:no-repeat;background-size:cover;width:100%;height:calc(90vh - 50px);min-height:600px;padding-top:0;display:flex;overflow:hidden}.hero .container{width:100%}.hero-subtitle{color:var(--ocean-green);font-size:var(--fs-9);font-weight:var(--fw-600);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.hero-title{margin-bottom:25px;font-size:4.3rem}.category{padding-top:0}.category-list{flex-wrap:wrap;justify-content:center;align-items:center;gap:30px;display:flex}.category-item{width:100%;position:relative}.category-banner{background:var(--cultured);aspect-ratio:2/2.35;overflow:hidden}.category-banner img{object-fit:cover;height:100%;transition:var(--transition-2)}.category-item:hover .category-banner img{transform:scale(1.05)}.category-item .btn{width:max-content;padding-inline:30px;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.filter-list{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 20px;margin-bottom:50px;display:flex}.filter-btn{color:inherit;font-size:var(--fs-7);font-weight:var(--fw-500)}.filter-btn.active{color:var(--eerie-black)}.product-list{gap:30px 15px;margin-bottom:60px;flex-wrap:wrap!important;justify-content:flex-start!important;display:flex!important}@media (min-width:768px){.product-list{gap:40px 25px}}.product-list>li{width:calc(50% - 8px);max-width:250px}@media (min-width:768px){.product-list>li{width:calc(25% - 20px)}}@media (min-width:1200px){.product-list>li{width:calc(20% - 20px)}.header-action-btn .btn-badge{width:18px;height:18px;color:var(--white);background:var(--background,var(--ocean-green));border-radius:50%;place-items:center;font-size:10px;line-height:0;transition:all .2s;display:grid;position:absolute;top:-5px;right:5px}}.product-card .card-banner{background:var(--cultured);border:1px solid var(--cultured);margin-bottom:8px;position:relative}.product-card .card-banner img{aspect-ratio:1;object-fit:cover;width:100%}.product-card .card-badge{background:var(--eerie-black);color:var(--white);font-size:var(--fs-9);font-weight:var(--fw-400);border-radius:4px;padding:3px 10px;position:absolute;top:10px;left:10px}.product-card .card-badge.red{background:var(--candy-pink)}.product-card .card-badge.green{background:var(--ocean-green)}.product-card .card-actions{display:flex}.product-card .card-action-btn{background:var(--white);width:fit-content;color:var(--eerie-black);justify-content:center;align-items:center;gap:8px;display:flex}.product-card .cart-btn{color:var(--eerie-black);border-radius:0;height:fit-content;padding:6px}.product-card .cart-btn:is(:hover,:focus){background:var(--white);color:var(--eerie-black)}.product-card .card-action-btn ion-icon{font-size:20px}.product-card .card-title{margin-bottom:5px}.product-card .card-price{color:var(--eerie-black);font-size:var(--fs-8);font-weight:var(--fw-500)}.product-card .card-price data:not(:first-child){color:var(--sonic-silver);margin-left:5px;text-decoration:line-through}.product .btn{margin-inline:auto}.blog .section-title{margin-bottom:40px}.blog-list{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:30px;display:flex}.blog-card .card-banner{background:var(--cultured);aspect-ratio:2/1.37;margin-bottom:25px;overflow:hidden}.blog-card .card-banner img{object-fit:cover;height:100%;transition:var(--transition-2)}.blog-card:hover .card-banner img{transform:scale(1.05)}.blog-card .card-content{padding-inline:20px}.blog-card .card-meta-list{justify-content:center;align-items:center;gap:25px;margin-bottom:10px;display:flex}.blog-card .card-meta-item{align-items:center;gap:10px;display:flex}.blog-card .card-meta-item ion-icon{--ionicon-stroke-width:30px;font-size:17px}.blog-card .card-meta-link{color:inherit;font-size:var(--fs-9);font-weight:var(--fw-500);text-transform:uppercase}.blog-card .card-meta-link:is(:hover,:focus){color:var(--eerie-black)}.blog-card .card-title{text-align:center;line-height:1.4}.newsletter{padding-bottom:120px}.newsletter-card{background-color:var(--cultured);text-align:center;background-position:0;background-repeat:no-repeat;background-size:cover;padding:80px 15px}.newsletter-card .card-title{color:var(--eerie-black);font-size:var(--fs-3);font-weight:var(--fw-500);margin-bottom:30px;line-height:1.2}.newsletter-card .card-text{margin-bottom:30px}.newsletter-card .input-wrapper{margin-bottom:20px;position:relative}.newsletter-card .input-field{background:var(--white);border-radius:6px;height:60px;padding-inline:50px 20px}.newsletter-card .input-wrapper ion-icon{font-size:18px;position:absolute;top:50%;left:25px;transform:translateY(-50%)}.newsletter-card .btn{gap:10px}.footer-top{background:var(--cultured);padding-block:var(--section-padding)}.footer-top .container{flex-wrap:wrap;justify-content:space-between;gap:40px;display:flex}.footer .logo{margin-bottom:20px}.footer-text{margin-bottom:20px;line-height:1.6}.social-list{justify-content:flex-start;align-items:center;gap:10px;display:flex}.social-link{color:var(--eerie-black);border:1px solid var(--sonic-silver);border-radius:50%;place-items:center;width:35px;height:35px;font-size:18px;display:grid}.social-link:is(:hover,:focus){background:var(--eerie-black);color:var(--white);border-color:var(--eerie-black)}.footer-list{width:100%}.footer-list-title{color:var(--eerie-black);font-size:var(--fs-5);font-weight:var(--fw-600);margin-bottom:15px}.footer-link{color:inherit;padding-block:5px;position:relative}.footer-link:is(:hover,:focus){color:var(--eerie-black);transform:translate(15px)}.footer-link:before{content:"";transform:translateY(-50%)scale(var(--scale,0));transform-origin:100%;background:var(--sonic-silver);width:10px;height:2px;transition:var(--transition-1);position:absolute;top:50%;left:-15px}.footer-link:is(:hover,:focus):before{--scale:1}.footer-bottom{padding-block:20px}.footer-bottom a{color:inherit}.copyright{text-align:center;margin-bottom:15px}.copyright a{color:var(--eerie-black);font-weight:var(--fw-600);display:inline-block}.footer-bottom-list{flex-wrap:wrap;justify-content:center;align-items:center;gap:5px 15px;margin-bottom:15px;display:flex}.footer-bottom-link:is(:hover,:focus){color:var(--eerie-black)}.payment{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;display:flex}.breadcrumb{font-size:var(--fs-9);color:var(--sonic-silver);align-items:center;gap:8px;display:flex}.breadcrumb-link{color:inherit;transition:var(--transition-1)}.breadcrumb-link:hover,.breadcrumb-active{color:var(--eerie-black)}.product-detail-grid{grid-template-columns:1fr;gap:40px;display:grid}.product-showcase{border-radius:12px;align-items:center;padding:0;display:flex}.product-img{aspect-ratio:1;object-fit:contain;background:var(--white);border-radius:8px;width:100%;max-width:500px;overflow:hidden}.product-info{flex-direction:column;width:100%;display:flex}.product-badge{color:var(--white);font-size:var(--fs-10);font-weight:var(--fw-500);border-radius:4px;width:fit-content;margin-bottom:15px;padding:5px 12px;display:inline-block}.product-badge.red{background:var(--candy-pink)}.product-badge.green{background:var(--ocean-green)}.product-title{font-weight:var(--fw-400);margin-bottom:10px}.price-wrapper{align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.price{color:var(--eerie-black);font-weight:var(--fw-400)}.price-old{color:var(--sonic-silver);font-size:var(--fs-8);text-decoration:line-through}.product-tags{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.product-tag{background:var(--cultured);color:var(--sonic-silver);font-size:var(--fs-10);text-transform:uppercase;letter-spacing:.3px;border-radius:3px;padding:4px 12px;display:inline-block}.product-specs{margin-bottom:20px}.specs-table{border-collapse:collapse;width:100%;margin:0}.specs-key{font-size:var(--fs-9);font-weight:var(--fw-500);color:var(--eerie-black);text-align:left;vertical-align:top;padding:12px 12px 12px 0}.specs-value{font-size:var(--fs-9);color:var(--sonic-silver);padding:8px 0}.product-description{padding-bottom:12px}.product-description p{line-height:1.6}.product-features{flex-direction:column;gap:15px;margin-bottom:30px;display:flex}.feature-item{align-items:center;gap:12px;display:flex}.feature-icon{width:20px;height:20px;color:var(--ocean-green);flex-shrink:0}.product-actions{align-items:stretch;gap:15px;display:flex}.product-actions .btn{height:50px;font-weight:500}.product-actions .btn-primary{flex-grow:1}.product-actions .btn-outline{flex-grow:0;padding-inline:20px}.product-actions .wishlist-detail-btn.active{--color:var(--candy-pink);--border-color:var(--candy-pink)}.product-actions .wishlist-detail-btn.active:is(:hover,:focus){--background:var(--candy-pink);--color:var(--white);--border-color:var(--candy-pink)}@media (max-width:580px){.wishlist-text{display:none}}.wishlist-btn{flex-grow:0;flex-shrink:0;width:60px;padding-inline:0}.wishlist-btn .icon{width:24px;height:24px}@media (min-width:480px){:root{--fs-1:3rem;--fs-2:2rem}.category-list>li{width:calc(50% - 15px)}.footer-brand{width:100%}.footer-text{max-width:470px}.footer-list{width:calc(50% - 20px)}.container{width:100%}}@media (min-width:580px){:root{--fs-1:3.75rem;--fs-2:2.375rem;--fs-3:2.25rem}.container{max-width:620px;margin-inline:auto}.product-showcase{border-radius:12px;align-items:start;padding:0;display:flex}.product-img{aspect-ratio:1;object-fit:contain;width:100%;max-width:500px;height:auto;overflow:hidden}}@media (min-width:768px){.container{max-width:760px}.hero{background-position:50%;min-height:525px}.blog-list>li{width:calc(50% - 15px)}.newsletter-card>*{max-width:480px;margin-inline:auto}.newsletter-card .card-form{position:relative}.newsletter-card .input-wrapper{margin-bottom:0}.newsletter-card .btn{border-radius:0 6px 6px 0;width:max-content;padding-inline:35px;position:absolute;top:0;bottom:0;right:0}.footer-list{width:calc(33.33% - 26.66px)}.copyright,.footer-bottom-list{margin-bottom:0}.footer-bottom .container{flex-wrap:wrap;justify-content:center;align-items:center;gap:25px 50px;display:flex}.product-detail-grid{grid-template-columns:4fr 5fr 2.5fr;align-items:start;gap:40px}}@media (min-width:992px){:root{--fs-1:5rem}body{padding-block:0}.container{max-width:1080px}.header{border-bottom:1px solid #c7c7c71a;margin-bottom:42px;padding-block:10px;position:relative}.header.active{box-shadow:none;position:relative}.header .container{grid-template-columns:repeat(3,1fr);align-items:center;display:grid}.header .logo{margin-inline:auto}.header .container{flex-wrap:nowrap;justify-content:space-between}.header .logo{order:unset;flex:unset;text-align:unset;margin-inline:auto}.nav-open-btn,.navbar-top,.overlay,.navbar-link-icon{display:none}.header-actions{all:unset;justify-content:flex-end;align-items:center;gap:15px;display:flex}.header-wishlist-desktop{display:flex}.header-action-label{color:var(--sonic-silver);font-size:var(--fs-10);display:block}.header-action-btn{border-radius:0;flex-direction:column;width:50px;height:auto}.navbar-wishlist{display:none}.navbar{background:var(--white);visibility:visible;z-index:150;width:100%;max-width:none;height:auto;padding:0;transition:none;position:absolute;top:100%;left:0;transform:none}.header.active .navbar{z-index:1000;width:100%;position:fixed;top:0;left:0;box-shadow:0 2px 20px #0000001a}.navbar-list{justify-content:center;align-items:center;gap:40px;width:100%;padding-inline:40px;display:flex}.navbar-list>li:not(:last-child){border-bottom:none}.navbar-link{font-size:var(--fs-8);font-weight:var(--fw-500);padding-block:10px}.navbar-link:is(:hover,:focus){color:var(--middle-blue-green)}.category-list>li:not(:first-child,:nth-child(2)){width:calc(25% - 22.5px)}.product-card .card-actions{visibility:hidden;transition:var(--transition-1);position:absolute;bottom:20px;left:20px;right:20px;transform:translateY(100px)}.product-card .card-banner{overflow:hidden}.product-card .card-action-btn:last-child{border-radius:2px}.blog-list>li{width:calc(33.33% - 20px)}.newsletter-card .card-form{max-width:650px}}@media (min-width:1200px){:root{--fs-1:6.25rem}.container{max-width:1350px;padding-inline:40px}.header-search .input-field{width:280px}.footer-brand{width:calc(40% - 30px)}.footer-text{max-width:340px}.footer-list{width:calc(20% - 30px)}.footer-bottom .container{justify-content:space-between}}