:root{--bg-dark:#e4e4e4;--bg:#f2f2f2;--bg-light:#fff;--bg-footer:#121212;--text:#0b0b0b;--text-muted:#484848;--text-footer:#f2f2f2;--text-footer-muted:#8f8f8f;--highlight:#e2333f;--border:gray;--border-muted:#9e9e9e;--border-subtle:#bebebe;--primary:#7d2b2b;--btn-text:#f2f2f2;--btn-text-hover:#fff;--btn-hover:oklch(from var(--primary)47% .15 h);--btn-active:oklch(from var(--primary)32% c h)}@supports (color:lab(0% 0 0)){:root{--bg-dark:lab(90.72% .0000298023 -.0000119209);--bg:lab(95.36% 0 0);--bg-light:lab(100% 0 0);--bg-footer:lab(5.26802% 0 0);--text:lab(3.04863% 0 0);--text-muted:lab(30.4% 0 0);--text-footer:lab(95.36% 0 0);--text-footer-muted:lab(59.4% -.0000298023 .0000119209);--highlight:lab(51.4261% 66.8947 37.8197);--border:lab(53.6% 0 0);--border-muted:lab(65.2% 0 0);--border-subtle:lab(76.8% 0 0);--primary:lab(30.497% 36.1844 19.9966);--btn-text:lab(95.36% 0 0);--btn-text-hover:lab(100% 0 0)}}#root{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}main{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:1rem;width:100%;max-width:1200px;padding:20px;display:flex}main h1{margin-bottom:.5rem}footer{width:100%;color:var(--text-footer-muted);background-color:var(--bg-footer);flex-wrap:wrap;justify-content:space-between;gap:16px;padding:20px;font-weight:500;display:flex}footer a{color:var(--text-footer-muted);text-decoration:none}footer a:hover{color:var(--primary);text-decoration:underline}footer h2{color:var(--text-footer);margin-bottom:8px;font-weight:600}footer .footer-container{flex-direction:column;flex:2;align-items:flex-start;gap:16px;display:flex}footer .footer-container a{text-decoration:underline}footer .footer-container .footer-logo{filter:brightness(0)invert(92%);width:auto;height:48px}footer .footer-links,footer .footer-contact{flex-direction:column;flex:1;gap:8px;display:flex}footer .footer-contact p{gap:8px;display:flex}@media (max-width:768px){footer{justify-content:center}footer .footer-container{flex:none;width:100%;max-width:none;margin-bottom:10px}footer .footer-links,footer .footer-contact{flex:none;margin:10px}}@media (max-width:480px){footer{justify-content:flex-start}}header{z-index:100;background-color:var(--bg-light);border-bottom:1px solid var(--border-subtle);flex-direction:column;width:100%;padding:.5rem;display:flex;position:sticky;top:0}.header-main{justify-content:space-between;align-items:center;display:flex}.header-main a{display:flex}.controls{flex-direction:row;justify-content:flex-end;align-items:center;gap:10px;margin-left:10px;margin-right:10px;display:flex}.controls a{display:flex}.controls svg{color:var(--primary)}.cart-icon{position:relative}.cart-icon .cart-badge{background-color:var(--highlight);min-width:24px;height:24px;color:var(--bg-light);border-radius:50%;justify-content:center;align-items:center;padding:0 6px;font-size:12px;font-weight:600;line-height:1;display:flex;position:absolute;top:-6px;right:-10px}.logo-container .logo{width:auto;height:50px;margin-right:10px}.logo-container .logo-mobile{width:auto;height:50px;display:none}@media (max-width:768px){.logo-container .logo{display:none}.logo-container .logo-mobile{display:flex}}.search-bar{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.search-bar form{width:100%;max-width:600px;display:flex}.search-bar form input{border:var(--primary)solid 1px;border-radius:8px 0 0 8px;outline:none;width:100%;padding:5px 10px}.search-bar form button{border:var(--primary)solid 1px;border-radius:0 8px 8px 0}.search-bar form ul{z-index:100;opacity:0;pointer-events:none;border:1px solid #0000;border-top:none;border-radius:0 0 8px 8px;width:100%;max-width:600px;max-height:0;list-style:none;transition:max-height .2s ease-in-out,opacity .2s ease-in-out,transform .2s ease-in-out,border-color .2s ease-in-out;position:absolute;top:100%;overflow:hidden;transform:translateY(-10px)}.search-bar form ul.open{opacity:1;pointer-events:auto;border:1px solid var(--primary);border-top:none;border-radius:0 0 8px 8px;max-height:500px;transform:translateY(0)}.search-bar form li{cursor:pointer;background-color:var(--bg-light);flex-direction:column;align-items:stretch;padding:5px 10px;display:flex}.search-bar form li:hover{background-color:var(--bg-dark)}.search-bar form li:last-child{border-radius:0 0 8px 8px}@media (max-width:768px){.search-bar.header-search{display:none}.search-bar:not(.header-search){display:flex}}.modal{display:none}.modal a{color:var(--primary);cursor:pointer}.modal dialog{opacity:0;width:100vw;max-width:none;transition:opacity .25s ease-in-out,transform .3s ease-in-out,display .3s allow-discrete,overlay .3s allow-discrete;border:none;margin:0;position:fixed;inset:0;transform:scale(.95)translateY(-20px);box-shadow:0 10px 25px #00000026,0 4px 10px #0000001a;box-shadow:0 10px 25px lab(0% 0 0/.15),0 4px 10px lab(0% 0 0/.1)}.modal dialog .dialog-content{background-color:var(--bg-light);align-items:flex-start;gap:.5rem;height:350px;padding:1rem 0 1rem 1rem;display:flex}.modal dialog .dialog-content .close-dialog{background:0 0;outline:none;padding:4px 8px;display:flex}.modal dialog .dialog-content .close-dialog svg{color:var(--highlight)}.modal dialog[open]{opacity:1;transform:scale(1)translateY(0)}@starting-style{.modal dialog[open]{opacity:0;transform:scale(1.2)translateY(-20px)}}.modal dialog::backdrop{-webkit-backdrop-filter:blur();backdrop-filter:blur();transition:backdrop-filter .3s ease-in-out,background-color .3s ease-in-out,display .3s allow-discrete,overlay .3s allow-discrete;background-color:#0000}.modal dialog[open]::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080}@starting-style{.modal dialog[open]::backdrop{-webkit-backdrop-filter:blur();backdrop-filter:blur();background-color:#0000}}@media (max-width:768px){.modal{flex-direction:column;justify-content:center;align-items:center;display:flex}}.error-state{flex-direction:column;align-items:center;gap:40px;display:flex}main:has(.home-page){width:100%;max-width:unset;justify-content:center;padding:0;position:relative}main:has(.home-page):after{content:"";filter:saturate(.2);z-index:1;background-image:url(/assets/wardrobe-hero-C0ZOgIiS.avif),url(/assets/wardrobe-hero-DmlaFOxJ.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}main:has(.home-page):before{content:"";z-index:2;background:#0009;position:absolute;inset:0}.home-page{z-index:3;justify-content:center;align-items:center;display:flex}.home-content{text-align:center;padding:3rem}.home-content h1{color:#fff;margin-bottom:1rem;font-family:Outfit,sans-serif;font-size:4rem;font-weight:600}.home-content h3{color:var(--bg-dark);text-wrap:pretty;margin-bottom:2rem;font-family:Outfit,sans-serif;font-size:2rem;font-weight:500}@media (max-width:768px){.home-content{padding:2rem}.home-content h1{font-size:3.5rem}.home-content h3{font-size:1.5rem}}main:has(.product-page){justify-content:center}.product-page{gap:2rem;display:flex}.product-details{flex-direction:column;gap:1rem;display:flex}.product-details h2{text-wrap:pretty}.product-details h3{font-size:1.25em}.product-details p{color:var(--text-muted)}.product-details .product-description h3{margin-bottom:.5rem;font-size:1.25rem}@media (max-width:768px){.product-page{flex-direction:column}}@media (max-width:480px){.product-page{align-items:center}}.image-carousel{flex-direction:column;align-items:center;gap:1rem;width:412px;display:flex}.image-carousel img{object-fit:contain;background-color:var(--bg-light);border-radius:8px;width:100%;max-width:412px;height:auto;padding:.5rem}.carousel-thumbs{scrollbar-width:thin;scrollbar-color:var(--border-muted)transparent;gap:.5rem;max-width:100%;padding-bottom:.5rem;display:flex;overflow-x:auto}.carousel-thumbs::-webkit-scrollbar{height:6px}.carousel-thumbs::-webkit-scrollbar-track{background:0 0}.carousel-thumbs::-webkit-scrollbar-thumb{background:var(--border-muted);border-radius:3px}.carousel-thumbs button{background-color:#0000;border:1px solid #0000;outline:none;flex-shrink:0;padding:0;display:flex}.carousel-thumbs img{border:2px solid #0000;border-radius:8px;width:auto;height:60px;padding:4px}.carousel-thumbs img:hover{border-color:var(--primary)}.carousel-thumbs .active-thumb{border-color:var(--primary)}@media (max-width:1024px){.image-carousel{width:300px}.image-carousel .image-main{height:300px}}@media (max-width:768px){.image-carousel{width:100%}.image-carousel .image-main{height:400px}}@media (max-width:480px){.image-carousel{width:360px}.image-carousel .image-main{height:360px}}@media (max-width:425px){.image-carousel{width:270px}.image-carousel .image-main{height:270px;padding:.5rem 0}.carousel-thumbs{gap:.25rem}}.quantity-controls{width:170px;display:flex}.quantity-controls button{padding:8px 20px}.quantity-controls button:only-of-type{width:100%}.quantity-controls button,.quantity-controls input{font-size:1.25rem;font-weight:500}.quantity-controls button{width:55px}.quantity-controls input{text-align:center;border:var(--primary)solid 1px;cursor:default;outline:none;flex:1;width:60px}.quantity-controls input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity-controls input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity-controls input[type=number]{appearance:textfield}.main-h1{letter-spacing:1px;font-family:Outfit,sans-serif}.cart-container{gap:2rem;width:100%;padding:2rem 0;display:flex}.cart-items{flex-direction:column;gap:1rem;width:100%;display:flex}.cart-items-header{justify-content:space-between;align-items:center;font-family:Outfit,sans-serif;display:flex}.cart-items-header button{color:var(--text-muted);background-color:#0000;align-items:center;margin-top:4px;padding:6px 12px 6px 8px;font-size:1.25rem;font-weight:600;transition:all .25s ease-in-out;display:flex}.cart-items-header button:hover{color:red;background-color:var(--bg-dark)}.cart-item{border-bottom:1px solid var(--border-muted);align-items:center;gap:1rem;padding:1rem 1rem 2rem;display:flex}.cart-item img{object-fit:contain;max-width:100px;height:auto}.cart-item .cart-item-details{text-wrap:balance;flex-direction:column;gap:.5rem;display:flex}.cart-item-controls{align-items:center;gap:.5rem;display:flex}.cart-item-controls .remove-button{color:var(--text);background-color:#0000;padding:6px 12px;display:flex}.cart-item-controls .remove-button:hover{color:red}.cart-item-controls .quantity-controls button{padding:0 12px}.cart-item-controls .quantity-controls input{width:40px;font-size:1rem}.summary{border:1px solid var(--border-muted);border-radius:8px;flex-direction:column;flex-shrink:0;gap:1rem;width:320px;padding:1.5rem;display:flex}.summary span{color:var(--text-muted)}.summary hr{border:none;border-top:1px solid var(--border-muted)}.summary .subtotal{flex-direction:column;gap:.5rem;display:flex}.summary .subtotal .subtotal-row{justify-content:space-between;display:flex}.summary .total{justify-content:space-between;display:flex}.summary .total h3{font-size:1.25rem}@media (max-width:1024px){.main-h1{font-size:2.75rem}.cart-container{flex-direction:column}.summary{width:100%}}@media (max-width:425px){.main-h1{font-size:2rem}.cart-item{flex-direction:column;align-items:flex-start}.cart-item img{max-width:100%}}.error-page{flex-direction:column;align-items:center;gap:40px;display:flex}.error-page h3{color:var(--text-muted)}.product-card{text-align:center;text-wrap:balance;background-color:var(--bg-light);border:1px solid #0000;border-radius:12px;flex-direction:column;justify-content:space-between;align-items:center;padding:10px;display:flex}.product-card:hover{border-color:var(--border-subtle);transition:all .2s ease-in-out;box-shadow:2px 4px 8px #0000001a}.product-card img{object-fit:contain;max-width:100%;height:auto;padding:10px}.product-card p{font-size:1.25em;font-weight:600}.product-card-info{flex-direction:column;align-items:center;gap:.5rem;display:flex}.product-card.skeleton{pointer-events:none;min-height:300px}.product-card.skeleton .skeleton-image,.product-card.skeleton .skeleton-title,.product-card.skeleton .skeleton-price{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;animation:1.5s infinite loading}.product-card.skeleton .skeleton-image{width:210px;height:210px;margin-bottom:1rem}.product-card.skeleton .skeleton-title{width:80%;height:20px;margin-bottom:.5rem}.product-card.skeleton .skeleton-price{width:40%;height:18px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.products-grid{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}@media (max-width:1024px){.products-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.products-grid{grid-template-columns:1fr}}.shop-title{margin-bottom:.5rem;font-family:Outfit,sans-serif;font-size:2rem}.load-more-sentinel{height:20px;color:var(--text-muted);margin:10px}@media (max-width:425px){.shop-title{font-size:1.5rem}}.shop-controls{justify-content:space-between;gap:1rem;display:flex}select{color:var(--text);background-color:var(--bg-light);border:1px solid var(--border-muted);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23333' 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-position:right .75rem center;background-repeat:no-repeat;border-radius:8px;outline:none;width:250px;padding:.75rem 2.5rem .75rem 1rem;font-family:inherit;font-size:1rem;transition:all .2s}select:hover{border-color:var(--primary)}select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #ff00001a}option:checked{background-color:var(--bg-dark);color:var(--text);font-weight:600}@supports selector(::picker(select)){select{appearance:base-select;background-image:none;padding:.75rem 1rem}select::picker-icon{color:#999;transition:rotate .4s}select:open::picker-icon{rotate:180deg}select:open{border-color:var(--primary);border-radius:8px 8px 0 0;box-shadow:0 0 0 3px #ff00001a}option{padding:6px 12px}option:hover{background-color:var(--bg-dark)}option::checkmark{display:none}::picker(select){border:1px solid var(--border-muted);opacity:0;transition:all .2s allow-discrete;border-top:none}}@media (max-width:768px){.shop-controls{flex-direction:column}}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}input,button,textarea,select,dialog{font:inherit}:root{color:var(--text);background-color:var(--bg-light);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5}html{overflow:hidden scroll}a{color:var(--text);font-weight:600;text-decoration:none}a:hover{color:var(--btn-hover)}a:active{color:var(--btn-active)}body{justify-content:center;align-items:center;min-width:300px;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}h1{font-size:3.2em;line-height:1.1}p{text-wrap:pretty;max-width:60ch}button{color:var(--btn-text);background-color:var(--primary);cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:background-color .15s ease-in-out,color .15s ease-in-out}button:hover{color:var(--btn-text-hover);background-color:var(--btn-hover)}button:active{background-color:var(--btn-active)}
