.relative{position:relative}.mb-60{margin-bottom:60px}.px-12{padding:0 12px}.mb-24{margin-bottom:24px}.gray-bg{background-color:#f6f7fa}.shop{background-color:#faf8f5;overflow:hidden}.shop__results{padding-top:48px;padding-bottom:60px}.shop__results__title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:0;display:flex}@media (max-width:768px){.shop__results__title{flex-direction:column;align-items:flex-start}}.shop__results__title__right{flex-shrink:0;align-items:center;gap:10px;display:flex}@media (max-width:768px){.shop__results__title__right{width:100%}}.shop__heading{color:#1a1815;margin:0;font-family:Georgia,serif;font-size:22px;font-weight:400}.shop__count{color:#888078;letter-spacing:1px;margin-left:10px;font-family:inter,sans-serif;font-size:12px;font-weight:400}.shop__results__filter{align-items:flex-end;margin-bottom:36px;display:flex}.shop__tabs{flex-wrap:wrap;flex:1;align-items:flex-end;gap:0;display:flex}.shop__tabs__tab{cursor:pointer;letter-spacing:2px;text-transform:uppercase;color:#888078;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 22px;font-family:inter,sans-serif;font-size:11px;font-weight:500;transition:all .2s;box-shadow:0 1px #e0dbd4}.shop__tabs__tab:hover{color:#1a1815}.shop__tabs__tab--active{color:#1a1815;box-shadow:none;border-bottom-color:#1a1815}.shop__viewToggle{align-items:center;gap:2px;display:flex}.shop__viewToggle__btn{cursor:pointer;color:#888078;background:0 0;border:none;justify-content:center;align-items:center;width:34px;height:34px;transition:color .2s;display:flex}.shop__viewToggle__btn:hover,.shop__viewToggle__btn--active{color:#1a1815}.shop__empty{text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:16px;padding:80px 24px;display:flex}.shop__empty__icon{border:1px solid #e0dbd4;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:8px;display:flex}.shop__empty__icon svg{opacity:.4}.shop__empty__title{color:#1a1815;margin:0;font-family:Georgia,serif;font-size:20px;font-weight:400}.shop__empty__text{color:#888078;max-width:400px;margin:0;font-family:inter,sans-serif;font-size:13px;line-height:1.7}.shop__empty__text strong{color:#2a2118}.shop__results__lists{grid-template-columns:repeat(5,1fr);gap:16px;transition:all .3s;display:grid}@media (max-width:1200px){.shop__results__lists{grid-template-columns:repeat(4,1fr)}}@media (max-width:992px){.shop__results__lists{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.shop__results__lists{grid-template-columns:repeat(2,1fr)}}@media (max-width:375px){.shop__results__lists{grid-template-columns:1fr}}.shop__results__lists--list{grid-template-columns:repeat(2,1fr);gap:12px}@media (max-width:768px){.shop__results__lists--list{grid-template-columns:1fr}}.shop-wrap{justify-content:flex-start;display:flex}.subscription-bar{z-index:999;width:400px;position:fixed;top:95px;bottom:0;right:0;overflow:visible}.sidebar-container{height:100%;position:relative}
.mainProduct{background-color:#fff;border-radius:12px;transition:transform .25s,box-shadow .25s;overflow:hidden}.mainProduct:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.mainProduct__imageWrap{aspect-ratio:1;width:100%;position:relative;overflow:hidden}.mainProduct__sampleTag{color:#fff;letter-spacing:1.5px;text-transform:uppercase;z-index:5;clip-path:polygon(0 0,100% 0,100% 100%,15% 100%);background:linear-gradient(135deg,#1c1c1c 0%,#2a2a2a 100%);padding:8px 14px;font-size:9px;font-weight:700;transition:all .3s;position:absolute;top:0;right:0;box-shadow:0 2px 8px #0000004d}.mainProduct__sampleTag:after{content:"";border-top:0 solid #0000;border-bottom:6px solid #0a0a0a;border-left:6px solid #0000;border-right:0 solid #0000;width:0;height:0;position:absolute;bottom:-6px;right:0}.mainProduct__sampleTag:hover{background:linear-gradient(135deg,#0a0a0a 0%,#1c1c1c 100%);box-shadow:0 4px 12px #0006}.mainProduct__image{background-color:#f5f5f5;width:100%;height:100%}.mainProduct__image img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.mainProduct__infoBtn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;z-index:5;opacity:1;background:#fffc;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .3s;display:flex;position:absolute;bottom:12px;right:12px;transform:translateY(0)}.mainProduct__infoBtn:hover{background:#fff;transform:scale(1.1)}.mainProduct__infoOverlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;text-align:left;background:#ffffffe6;flex-direction:column;width:100%;height:100%;padding:24px 16px;display:flex;position:absolute;top:0;left:0}.mainProduct__infoClose{cursor:pointer;color:#1a1815;opacity:.5;background:0 0;border:none;font-size:16px;position:absolute;top:12px;right:12px}.mainProduct__infoClose:hover{opacity:1}.mainProduct__infoContent{height:100%;padding-right:8px;overflow-y:auto}.mainProduct__infoContent::-webkit-scrollbar{width:2px}.mainProduct__infoContent::-webkit-scrollbar-thumb{background:#e8e4de}.mainProduct__infoContent h4{text-transform:uppercase;letter-spacing:.5px;color:#1a1815;margin-bottom:10px;font-size:13px}.mainProduct__infoText{color:#4a4a4a;font-size:11.5px;line-height:1.6}.mainProduct__infoText p{margin-bottom:10px}.mainProduct__content{flex-direction:column;gap:12px;padding:16px;display:flex}.mainProduct__content__details h2{color:#1c1c1c;text-transform:uppercase;letter-spacing:.3px;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.mainProduct__content__details span{color:#999;text-transform:uppercase;letter-spacing:.5px;margin-top:4px;display:block}.mainProduct__content__footer{justify-content:space-between;align-items:center;display:flex}.mainProduct__content__footer h3{color:#1c1c1c;text-transform:uppercase}.mainProduct__addBtn{cursor:pointer;color:#1c1c1c;background:0 0;border:1.5px solid #1c1c1c;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;line-height:1;transition:all .2s;display:flex}.mainProduct__addBtn:hover{color:#fff;background:#1c1c1c}.mainProduct__addBtn--added{color:#fff;pointer-events:none;background:#1c1c1c}.mainProduct--list{border-radius:10px;flex-direction:row;align-items:center;display:flex}.mainProduct--list:hover{transform:translateY(-2px)}.mainProduct--list .mainProduct__imageWrap{aspect-ratio:1;border-radius:8px;width:80px;min-width:80px;height:80px;margin:6px}.mainProduct--list .mainProduct__infoBtn{display:none}.mainProduct--list .mainProduct__content{flex-direction:row;flex:1;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px 8px 6px}.mainProduct--list .mainProduct__content__details{flex:1}.mainProduct--list .mainProduct__content__details h2{-webkit-line-clamp:1;font-size:13px}.mainProduct--list .mainProduct__content__details span{margin-top:2px;font-size:12px}.mainProduct--list .mainProduct__content__footer{flex-shrink:0;gap:12px}.mainProduct--list .mainProduct__content__footer h3{font-size:15px}
.relative{position:relative}.mb-60{margin-bottom:60px}.px-12{padding:0 12px}.mb-24{margin-bottom:24px}.gray-bg{background-color:#f6f7fa}.dropdown-wrap{position:relative}@media (max-width:992px){.dropdown-wrap{justify-content:flex-end;width:100%;display:flex}}.dropdown-wrap .dropdown-trigger-group{align-items:center;gap:0;display:flex}.dropdown-wrap .dropdown-clear__sep{opacity:.25;background:currentColor;flex-shrink:0;width:1px;height:14px;display:block}.dropdown-wrap .dropdown-clear{opacity:.45;cursor:pointer;border:1px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:opacity .2s;display:inline-flex;position:relative}.dropdown-wrap .dropdown-clear:after{content:"Clear filter";color:#fff;letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;pointer-events:none;opacity:0;z-index:200;background:#1a1815;padding:4px 8px;font-family:inter,sans-serif;font-size:9px;font-weight:500;transition:opacity .15s;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%)}.dropdown-wrap .dropdown-clear:hover,.dropdown-wrap .dropdown-clear:hover:after{opacity:1}.dropdown-wrap .dropdown-absolute{z-index:100;background-color:#fff;border:1px solid #e0dbd4;border-radius:0;flex-direction:column;align-items:flex-start;width:180px;height:auto;padding:8px 0;display:flex;position:absolute;top:52px;right:0}.dropdown-wrap .dropdown-absolute button{text-transform:uppercase;letter-spacing:2px;color:#1a1815;text-align:left;cursor:pointer;background-color:#0000;border:none;outline:none;width:100%;padding:10px 16px;font-family:inter,sans-serif;font-size:11px;transition:background .15s}.dropdown-wrap .dropdown-absolute button:hover{background-color:#f5f0e8}.dropdown-wrap .dropdown-absolute button.dropdown-list--active{color:#1a1815;font-weight:600}.BlackDropDownButton{cursor:pointer;text-transform:uppercase;color:#888078;letter-spacing:2px;background-color:#0000;border:1px solid #888078;border-radius:0;align-items:center;gap:10px;width:max-content;padding:13px 20px;font-family:inter,sans-serif;font-size:11px;font-weight:500;transition:all .2s;display:flex}.BlackDropDownButton:hover{border-color:#1a1815}.BlackDropDownButton.BlackDropDownButton--active{color:#1a1815;border-color:#1a1815}