.collection-catalog-page{background-color:var(--bg);width:100%;min-height:100vh;color:var(--text-primary);font-family:var(--font-body,"Inter", sans-serif);-webkit-font-smoothing:antialiased;box-sizing:border-box;padding:clamp(6.5rem,13vh,9rem) clamp(1.5rem,5vw,5.5rem) clamp(4rem,8vh,7rem);font-weight:400;position:relative}.catalog-header{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:min(94vw,1680px);margin-bottom:clamp(1.5rem,3vh,2.5rem);margin-left:auto;margin-right:auto;display:flex}.catalog-header-breadcrumbs{width:100%;margin-bottom:clamp(.75rem,1.5vh,1.25rem)}.title-hero{font-family:var(--font-heading,"Cormorant Garamond", serif);letter-spacing:-.02em;color:var(--text-primary);text-transform:uppercase;text-align:center;margin-top:0;margin-bottom:clamp(.4rem,1vh,.75rem);padding-bottom:.1em;font-size:clamp(36px,4.4vw,82px);font-weight:500;line-height:1.18}.catalog-subtitle{color:var(--text-secondary);font-family:var(--font-body,"Inter", sans-serif);max-width:min(90vw,650px);margin:0 auto;font-size:clamp(.85rem,1.1vw,1.05rem);font-weight:400;line-height:1.5}.container{width:100%;max-width:min(94vw,1680px);margin-left:auto;margin-right:auto;padding-bottom:clamp(2rem,5vh,4rem)}.top-bar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:clamp(.75rem,1.5vw,1.25rem);width:100%;margin-bottom:clamp(1rem,2.2vh,1.75rem);padding-bottom:clamp(.6rem,1.2vh,1rem);display:flex}.top-bar-left{align-items:center;gap:clamp(.75rem,1.5vw,1.25rem);display:flex}.mobile-filter-btn{background-color:var(--surface);color:var(--text-primary);border:1px solid var(--border);cursor:pointer;font-family:var(--font-body,"Inter", sans-serif);touch-action:manipulation;border-radius:4px;align-items:center;gap:clamp(.35rem,.6vw,.55rem);padding:clamp(.35rem,.8vh,.5rem) clamp(.75rem,1.2vw,1rem);font-size:clamp(.75rem,.9vw,.85rem);font-weight:500;transition:background-color .2s,border-color .2s,color .2s;display:none}.mobile-filter-btn:hover{background-color:var(--accent-tint,#f1e8df);border-color:var(--border-focus,#8b5e3c);color:var(--accent-hover,#6f4a2e)}.mobile-filter-btn:active{background-color:var(--accent-active,#55341f);color:#fff;border-color:var(--accent-active,#55341f)}.mobile-filter-btn:active .filter-icon{stroke:#fff}.filter-icon{stroke:currentColor;flex-shrink:0;width:clamp(13px,1.1vw,15px);height:clamp(13px,1.1vw,15px)}.filter-count-badge{background-color:var(--accent-default,#8b5e3c);color:#fff;font-family:var(--font-body,"Inter", sans-serif);letter-spacing:0;border-radius:99px;justify-content:center;align-items:center;min-width:17px;padding:.18rem .42rem;font-size:.68rem;font-weight:600;line-height:1;display:inline-flex}.mobile-filter-btn:active .filter-count-badge{color:var(--accent-active,#55341f);background-color:#fff}.results-meta-wrap{align-items:center;gap:clamp(.6rem,1.2vw,1rem);display:flex}.text-meta{font-family:var(--font-body,"Inter", sans-serif);color:var(--text-secondary);letter-spacing:.01em;font-size:clamp(.75rem,.9vw,.85rem)}.clear-filters-btn{color:var(--accent-default,#8b5e3c);font-family:var(--font-body,"Inter", sans-serif);cursor:pointer;background:0 0;border:none;padding:clamp(.1rem,.2vh,.2rem) 0;font-size:clamp(.7rem,.85vw,.78rem);font-weight:500;text-decoration:none;transition:color .2s;display:inline-block;position:relative}.clear-filters-btn:after{content:"";background-color:var(--accent-hover,#6f4a2e);width:0%;height:1px;transition:width .25s;position:absolute;bottom:0;left:0}.clear-filters-btn:hover{color:var(--accent-hover,#6f4a2e)}.clear-filters-btn:hover:after{width:100%}.clear-filters-btn:active{color:var(--accent-active,#55341f)}.sort-controls{align-items:center;gap:clamp(.75rem,1.5vw,1.5rem);display:flex;position:relative}.flex-align{align-items:center;gap:clamp(.4rem,.8vw,.75rem);display:flex}.layout-grid{flex-wrap:wrap;align-items:flex-start;gap:clamp(1.75rem,3.2vw,3.5rem);width:100%;display:flex}.sidebar{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex-shrink:0;align-self:flex-start;width:min(100%,clamp(250px,16vw,290px));max-height:calc(100vh - clamp(5.8rem,10vh,7.2rem));padding-bottom:clamp(2rem,4vh,3rem);padding-right:clamp(.4rem,.8vw,.75rem);position:sticky;top:clamp(5.5rem,9vh,6.8rem);overflow-y:auto}.sidebar::-webkit-scrollbar{width:4px;display:block}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--accent-disabled,#c9bfaf)}.sidebar-title-bar{justify-content:space-between;align-items:center;margin-bottom:clamp(1.25rem,2.5vh,2rem);display:flex}.sidebar-heading{font-family:var(--font-body,"Inter", sans-serif);text-transform:uppercase;letter-spacing:.08em;color:var(--text-primary);font-size:clamp(.75rem,.9vw,.85rem);font-weight:500}@media (max-width:860px){.desktop-sidebar{display:none!important}.mobile-filter-btn{display:inline-flex}.top-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;padding-bottom:.85rem;display:flex}.top-bar-left{align-items:center;gap:.65rem;display:flex}.sort-controls{margin-left:auto}.results-meta-wrap{border-top:1px dashed #e8e2d9bf;order:3;justify-content:space-between;align-items:center;width:100%;margin-top:.25rem;padding-top:.5rem;display:flex}.layout-grid{width:100%;display:block}}.main-content{flex:1;width:100%;min-width:0}.filter-group{border-bottom:1px solid var(--border);margin-bottom:clamp(1rem,2vh,1.75rem);padding-bottom:clamp(1rem,2vh,1.75rem)}.filter-header{cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;margin-bottom:clamp(.75rem,1.5vh,1.25rem);padding:0;display:flex}.filter-title-wrap{align-items:center;gap:clamp(.35rem,.6vw,.5rem);display:flex}.title-filter{font-family:var(--font-heading,"Cormorant Garamond", serif);letter-spacing:-.015em;color:var(--text-primary);font-size:clamp(1.05rem,1.25vw,1.25rem);font-weight:500;line-height:1.2;transition:color .2s}.filter-header:hover .title-filter{color:var(--accent-default,#8b5e3c)}.filter-active-dot{background-color:var(--accent-default,#8b5e3c);border-radius:50%;width:clamp(6px,.5vw,7px);height:clamp(6px,.5vw,7px);display:inline-block}.icon{aspect-ratio:1;width:clamp(10px,.8vw,12px);height:clamp(10px,.8vw,12px);stroke:var(--text-secondary);transition:transform .2s,stroke .2s}.filter-header:hover .icon{stroke:var(--accent-default,#8b5e3c)}.filter-options{flex-wrap:wrap;gap:clamp(.4rem,.7vw,.65rem);display:flex}.chip{color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;font-family:var(--font-body,"Inter", sans-serif);white-space:nowrap;background-color:#0000;border-radius:99px;align-items:center;gap:clamp(.3rem,.5vw,.5rem);padding:clamp(.32rem,.8vh,.48rem) clamp(.75rem,1.2vw,1.1rem);font-size:clamp(.72rem,.95vw,.82rem);font-weight:500;transition:background-color .2s,color .2s,border-color .2s,transform .15s;display:inline-flex}.chip:hover{background-color:var(--accent-tint,#f1e8df);color:var(--accent-hover,#6f4a2e);border-color:var(--accent-tint,#f1e8df)}.chip:active{background-color:var(--accent-active,#55341f);color:#fff;border-color:var(--accent-active,#55341f);transform:translateY(0)}.chip.active{background-color:var(--accent-default,#8b5e3c);color:#fff;border-color:var(--accent-default,#8b5e3c)}.chip.active:hover{background-color:var(--accent-hover,#6f4a2e);border-color:var(--accent-hover,#6f4a2e);color:#fff}.chip.active:active{background-color:var(--accent-active,#55341f);border-color:var(--accent-active,#55341f)}.color-dot{aspect-ratio:1;border:1px solid #1c1c1c26;border-radius:50%;flex-shrink:0;width:clamp(9px,.8vw,11px);height:clamp(9px,.8vw,11px);display:inline-block}.sort-btn{background-color:var(--surface);color:var(--text-primary);border:1px solid var(--border);cursor:pointer;font-family:var(--font-body,"Inter", sans-serif);border-radius:4px;align-items:center;gap:clamp(.35rem,.6vw,.55rem);padding:clamp(.35rem,.8vh,.5rem) clamp(.7rem,1.2vw,1rem);font-size:clamp(.75rem,.9vw,.85rem);font-weight:500;transition:background-color .2s,border-color .2s,color .2s;display:flex;position:relative}.sort-btn:hover{background-color:var(--accent-tint,#f1e8df);border-color:var(--border-focus,#8b5e3c);color:var(--accent-hover,#6f4a2e)}.sort-dropdown-menu{background-color:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-medium);z-index:100;border-radius:6px;min-width:min(85vw,190px);margin-top:clamp(.25rem,.5vh,.45rem);padding:clamp(.3rem,.6vh,.5rem) 0;list-style:none;position:absolute;top:100%;right:0}.sort-dropdown-item{text-align:left;width:100%;font-family:var(--font-body,"Inter", sans-serif);color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:clamp(.45rem,.9vh,.65rem) clamp(.75rem,1.2vw,1.1rem);font-size:clamp(.75rem,.9vw,.85rem);font-weight:400;transition:background-color .15s,color .15s;display:flex}.sort-dropdown-item:hover{background-color:var(--accent-tint,#f1e8df);color:var(--accent-hover,#6f4a2e)}.sort-dropdown-item.active{color:var(--accent-default,#8b5e3c);font-weight:500}.products-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,2.5vw,2.5rem);width:100%;display:grid}@media (max-width:960px){.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:580px){.products-grid{grid-template-columns:1fr}}.product-card{background-color:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-subtle);cursor:pointer;will-change:transform, clip-path;visibility:hidden;color:inherit;border-radius:clamp(.5rem,1vw,1rem);flex-direction:column;text-decoration:none;transition:box-shadow .25s,transform .2s;display:flex;position:relative;overflow:hidden}.catalog-revealed .product-card{visibility:visible}.product-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-3px)}.image-wrapper{aspect-ratio:4/5;background-color:var(--surface);width:100%;position:relative;overflow:hidden}.image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.25,1,.5,1);position:absolute;inset:0}.product-card:hover .image-wrapper img{transform:scale(1.04)}.card-footer{background-color:var(--surface);z-index:10;text-align:center;border-top:1px solid #e8e2d999;flex-direction:column;justify-content:center;align-items:center;gap:clamp(.25rem,.5vh,.45rem);padding:clamp(.9rem,1.8vw,1.35rem);display:flex}.product-title{font-family:var(--font-body,"Inter", sans-serif);color:var(--text-primary);margin:0;font-size:clamp(.78rem,1vw,.9rem);font-weight:500;line-height:1.35}.product-sub-meta{font-family:var(--font-body,"Inter", sans-serif);color:var(--text-secondary);font-size:clamp(.68rem,.85vw,.76rem);font-weight:400}.catalog-pagination{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:clamp(.5rem,1vw,.75rem);width:100%;margin-top:clamp(2.5rem,5vh,4rem);padding-top:clamp(1.5rem,3vh,2rem);display:flex}.pagination-numbers{align-items:center;gap:clamp(.3rem,.6vw,.5rem);display:flex}.pagination-btn{background-color:var(--surface);color:var(--text-primary);border:1px solid var(--border);min-width:clamp(34px,2.5vw,42px);height:clamp(34px,4vh,42px);font-family:var(--font-body,"Inter", sans-serif);cursor:pointer;border-radius:99px;justify-content:center;align-items:center;gap:clamp(.25rem,.5vw,.45rem);padding:0 clamp(.65rem,1.2vw,1rem);font-size:clamp(.75rem,.9vw,.82rem);font-weight:500;transition:all .2s;display:inline-flex}.pagination-num-btn{width:clamp(34px,2.5vw,42px);padding:0}.pagination-btn:hover:not(:disabled){background-color:var(--accent-tint,#f1e8df);border-color:var(--accent-default,#8b5e3c);color:var(--accent-hover,#6f4a2e)}.pagination-btn:active:not(:disabled){background-color:var(--accent-active,#55341f);border-color:var(--accent-active,#55341f);color:#fff}.pagination-btn.active{background-color:var(--accent-default,#8b5e3c);border-color:var(--accent-default,#8b5e3c);color:#fff}.pagination-btn.active:hover{background-color:var(--accent-hover,#6f4a2e);border-color:var(--accent-hover,#6f4a2e)}.pagination-btn:disabled{opacity:.35;color:var(--accent-disabled,#c9bfaf);border-color:var(--border);cursor:not-allowed;pointer-events:none}.empty-results-box{text-align:center;background-color:var(--surface);border:1px dashed var(--border);box-sizing:border-box;border-radius:clamp(12px,1.5vw,20px);flex-direction:column;align-items:center;gap:clamp(.85rem,1.8vh,1.5rem);width:100%;padding:clamp(3.5rem,8vh,6rem) clamp(1.5rem,4vw,3.5rem);display:flex}.empty-icon-badge{background-color:var(--accent-tint,#f1e8df);border:1px solid var(--border);width:clamp(56px,6vw,72px);height:clamp(56px,6vw,72px);color:var(--accent-default,#8b5e3c);border-radius:50%;justify-content:center;align-items:center;margin-bottom:clamp(.25rem,.5vh,.5rem);display:flex}.empty-icon-badge svg{width:clamp(28px,3.2vw,38px);height:clamp(28px,3.2vw,38px)}.empty-title{font-family:var(--font-heading,"Cormorant Garamond", serif);letter-spacing:-.02em;color:var(--text-primary);margin:0;font-size:clamp(1.6rem,2.8vw,2.3rem);font-weight:500;line-height:1.2}.empty-description{color:var(--text-secondary);font-family:var(--font-body,"Inter", sans-serif);max-width:min(90vw,500px);margin:0;font-size:clamp(.85rem,1.05vw,.98rem);font-weight:400;line-height:1.6}.empty-active-filters-list{flex-wrap:wrap;justify-content:center;gap:clamp(.4rem,.8vw,.65rem);margin:clamp(.4rem,1vh,.8rem) 0;display:flex}.empty-filter-pill{background-color:var(--accent-tint,#f1e8df);color:var(--accent-hover,#6f4a2e);font-size:clamp(.72rem,.85vw,.8rem);font-family:var(--font-body,"Inter", sans-serif);border:1px solid #8b5e3c33;border-radius:99px;align-items:center;gap:clamp(.3rem,.5vw,.5rem);padding:clamp(.25rem,.5vh,.4rem) clamp(.6rem,1vw,.85rem);display:inline-flex}.empty-filter-pill button{color:var(--accent-default,#8b5e3c);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;font-size:1rem;line-height:1;transition:color .15s;display:flex}.empty-filter-pill button:hover{color:var(--accent-active,#55341f)}.empty-actions-wrap{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(.75rem,1.5vw,1.25rem);margin-top:clamp(.5rem,1vh,1rem);display:flex}.btn-primary{background-color:var(--accent-default,#8b5e3c);color:#fff;font-family:var(--font-body,"Inter", sans-serif);cursor:pointer;border:none;border-radius:99px;justify-content:center;align-items:center;gap:clamp(.4rem,.7vw,.6rem);padding:clamp(.65rem,1.3vh,.85rem) clamp(1.4rem,2.5vw,2.2rem);font-size:clamp(.8rem,.95vw,.9rem);font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #8b5e3c26}.btn-primary:hover{background-color:var(--accent-hover,#6f4a2e);transform:translateY(-1px);box-shadow:0 4px 12px #8b5e3c40}.btn-primary:active{background-color:var(--accent-active,#55341f);transform:translateY(0)}.empty-text-link{color:var(--accent-default,#8b5e3c);font-family:var(--font-body,"Inter", sans-serif);padding:clamp(.2rem,.4vh,.35rem) 0;font-size:clamp(.8rem,.95vw,.9rem);font-weight:500;text-decoration:none;transition:color .2s;display:inline-block;position:relative}.empty-text-link:after{content:"";background-color:var(--accent-hover,#6f4a2e);width:0%;height:1px;transition:width .25s;position:absolute;bottom:0;left:0}.empty-text-link:hover{color:var(--accent-hover,#6f4a2e)}.empty-text-link:hover:after{width:100%}.product-modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:9999;opacity:0;pointer-events:none;background-color:#1c1c1c8c;justify-content:center;align-items:center;padding:clamp(1rem,3vw,2.5rem);transition:opacity .25s;display:flex;position:fixed;inset:0}.product-modal-backdrop.open{opacity:1;pointer-events:auto}.product-modal-card{background-color:var(--surface-elevated,#fff);width:min(94vw,920px);max-height:88vh;box-shadow:var(--shadow-high);border:none;border-radius:clamp(12px,1.5vw,20px);grid-template-columns:minmax(300px,390px) 1fr;transition:transform .3s cubic-bezier(.2,.8,.2,1);display:grid;position:relative;overflow:hidden;transform:translateY(20px)scale(.97)}.product-modal-backdrop.open .product-modal-card{transform:translateY(0)scale(1)}.modal-close-btn{border:1px solid var(--border);cursor:pointer;z-index:20;width:clamp(32px,3.5vw,40px);height:clamp(32px,3.5vw,40px);color:var(--text-primary);background:#fffffff2;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:clamp(.75rem,1.5vh,1.25rem);right:clamp(.75rem,1.5vw,1.25rem)}.modal-close-btn:hover{background-color:var(--accent-default,#8b5e3c);color:#fff;border-color:var(--accent-default,#8b5e3c)}.modal-close-btn:active{background-color:var(--accent-active,#55341f);border-color:var(--accent-active,#55341f)}.modal-image-pane{background-color:#f3efea;border-radius:clamp(12px,1.5vw,20px) 0 0 clamp(12px,1.5vw,20px);height:100%;min-height:460px;max-height:88vh;position:relative;overflow:hidden}.modal-image-pane img{object-fit:cover;width:100%;height:100%}.modal-info-pane{flex-direction:column;justify-content:space-between;max-height:88vh;padding:clamp(1.25rem,2.5vw,2.25rem);display:flex;overflow-y:auto}.modal-scroll-content{flex-direction:column;flex:1;display:flex}.modal-category-tag{font-family:var(--font-body,"Inter", sans-serif);text-transform:uppercase;letter-spacing:.08em;color:var(--accent-default,#8b5e3c);margin-bottom:clamp(.35rem,.8vh,.65rem);font-size:clamp(.7rem,.85vw,.8rem);font-weight:500;display:block}.modal-title{font-family:var(--font-heading,"Cormorant Garamond", serif);letter-spacing:-.02em;color:var(--text-primary);margin-bottom:clamp(.5rem,1vh,.75rem);font-size:clamp(1.8rem,2.5vw,2.6rem);font-weight:500;line-height:1.15}.modal-description-text{font-family:var(--font-body,"Inter", sans-serif);color:var(--text-secondary);margin-bottom:.85rem;font-size:clamp(.82rem,.92vw,.9rem);line-height:1.6}.modal-custom-callout{font-family:var(--font-body,"Inter", sans-serif);color:var(--text-primary);background:#8b5e3c14;border:1px solid #8b5e3c38;border-radius:8px;align-items:flex-start;gap:.65rem;margin-bottom:1.15rem;padding:.65rem .9rem;font-size:.78rem;line-height:1.45;display:flex}.custom-callout-icon{color:var(--accent-default,#8b5e3c);flex-shrink:0;margin-top:1px}.modal-subheading{font-family:var(--font-heading,"Cormorant Garamond", serif);color:var(--text-primary);border-bottom:1px solid var(--border);flex-direction:column;gap:.15rem;margin:1.15rem 0 .65rem;padding-bottom:.35rem;font-size:clamp(1.2rem,1.4vw,1.35rem);font-weight:600;display:flex}.subheading-note{font-family:var(--font-body,"Inter", sans-serif);color:var(--text-secondary);font-size:.72rem;font-weight:400}.modal-spec-cards-grid{flex-direction:column;gap:.5rem;margin-bottom:1.15rem;display:flex}.modal-spec-card{background:var(--surface-secondary,#f9f7f4);border:1px solid var(--border);border-radius:8px;padding:.6rem .8rem;transition:border-color .2s,background .2s}.modal-spec-card:hover{border-color:var(--accent-default,#8b5e3c);background:#faf7f2}.spec-card-top{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.2rem;display:flex}.spec-pill-custom{font-family:var(--font-body,"Inter", sans-serif);text-transform:uppercase;letter-spacing:.04em;color:var(--accent-default,#8b5e3c);background:#efe6dc;border-radius:99px;padding:.12rem .45rem;font-size:.62rem;font-weight:600}.spec-val-detailed{font-family:var(--font-body,"Inter", sans-serif);color:var(--text-primary);margin:0;font-size:.8rem;line-height:1.45}.modal-faqs-container{margin-top:.5rem;margin-bottom:1.15rem}.modal-faq-accordion{flex-direction:column;gap:.45rem;margin-top:.6rem;display:flex}.modal-faq-item{border:1px solid var(--border);background:#fff;border-radius:8px;transition:all .2s;overflow:hidden}.modal-faq-item[open]{border-color:var(--accent-default,#8b5e3c);background:#faf8f5}.modal-faq-question{font-family:var(--font-body,"Inter", sans-serif);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem .85rem;font-size:.8rem;font-weight:600;list-style:none;display:flex}.modal-faq-question::-webkit-details-marker{display:none}.faq-chevron{color:var(--text-secondary);flex-shrink:0;transition:transform .2s}.modal-faq-item[open] .faq-chevron{color:var(--accent-default,#8b5e3c);transform:rotate(180deg)}.modal-faq-answer{font-family:var(--font-body,"Inter", sans-serif);color:var(--text-secondary);border-top:1px dashed #0000000f;padding:.45rem .85rem .75rem;font-size:.78rem;line-height:1.5}.modal-faq-answer p{margin:0}.modal-spec-grid{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;gap:clamp(.5rem,1vw,.85rem);margin:clamp(.75rem,1.5vh,1.35rem) 0;padding:clamp(.65rem,1.2vh,1.1rem) 0;display:grid}.modal-spec-item{flex-direction:column;gap:clamp(.15rem,.3vh,.25rem);display:flex}.spec-label{font-family:var(--font-body,"Inter", sans-serif);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:clamp(.65rem,.8vw,.75rem);font-weight:500}.spec-val{font-family:var(--font-body,"Inter", sans-serif);color:var(--text-primary);font-size:clamp(.78rem,.95vw,.9rem);font-weight:500}.modal-actions{background:var(--surface-elevated,#fff);flex-direction:column;gap:clamp(.5rem,1vh,.85rem);margin-top:clamp(.75rem,1.5vh,1.25rem);padding-top:.5rem;display:flex;position:sticky;bottom:0}.btn-whatsapp-inquire{background-color:var(--accent-default,#8b5e3c);color:#fff;font-family:var(--font-body,"Inter", sans-serif);border-radius:99px;justify-content:center;align-items:center;gap:clamp(.4rem,.7vw,.6rem);width:100%;padding:clamp(.65rem,1.2vh,.9rem) clamp(1rem,2vw,1.75rem);font-size:clamp(.78rem,.95vw,.9rem);font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-whatsapp-inquire:hover{background-color:var(--accent-hover,#6f4a2e);transform:translateY(-1px)}.btn-whatsapp-inquire:active{background-color:var(--accent-active,#55341f);transform:translateY(0)}@media (max-width:720px){.product-modal-card{grid-template-columns:1fr;max-height:92vh;overflow-y:auto}.modal-image-pane{border-radius:clamp(12px,1.5vw,20px) clamp(12px,1.5vw,20px) 0 0;height:240px;min-height:240px;max-height:240px;position:relative}.modal-info-pane{max-height:none;padding:1.25rem 1rem;overflow-y:visible}}@media (max-width:900px){.collection-catalog-page{padding:clamp(5.25rem,11vh,7rem) clamp(1.25rem,4vw,2.5rem) clamp(3rem,6vh,5rem)}}@media (max-width:480px){.collection-catalog-page{padding-left:clamp(1rem,3vw,1.25rem);padding-right:clamp(1rem,3vw,1.25rem)}}.mobile-drawer-backdrop{-webkit-backdrop-filter:blur(6px);z-index:9998;opacity:0;pointer-events:none;background-color:#1c1c1c85;transition:opacity .28s cubic-bezier(.16,1,.3,1);position:fixed;inset:0}.mobile-drawer-backdrop.open{opacity:1;pointer-events:auto}.mobile-filter-drawer{background-color:var(--surface);width:min(88vw,380px);height:100dvh;box-shadow:var(--shadow-high,0 20px 60px #1c1c1c2e);z-index:9999;box-sizing:border-box;flex-direction:column;transition:transform .32s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.mobile-drawer-backdrop.open .mobile-filter-drawer{transform:translate(0)}.drawer-header{border-bottom:1px solid var(--border);background-color:var(--surface);flex-shrink:0;justify-content:space-between;align-items:center;padding:clamp(1rem,2vh,1.25rem) clamp(1.2rem,3vw,1.5rem);display:flex}.drawer-title-wrap{align-items:center;gap:.6rem;display:flex}.drawer-title{font-family:var(--font-heading,"Cormorant Garamond", serif);letter-spacing:-.015em;color:var(--text-primary);margin:0;font-size:clamp(1.4rem,2.2vw,1.65rem);font-weight:500;line-height:1.1}.drawer-badge{font-family:var(--font-body,"Inter", sans-serif);color:var(--accent-default,#8b5e3c);background-color:var(--accent-tint,#f1e8df);letter-spacing:.01em;border:1px solid #8b5e3c33;border-radius:99px;padding:.2rem .55rem;font-size:.72rem;font-weight:500}.drawer-close-btn{background:var(--surface);border:1px solid var(--border);cursor:pointer;width:clamp(32px,4vw,36px);height:clamp(32px,4vw,36px);color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;transition:all .18s;display:flex}.drawer-close-btn:hover{background-color:var(--accent-tint,#f1e8df);border-color:var(--accent-default,#8b5e3c);color:var(--accent-hover,#6f4a2e)}.drawer-close-btn:active{background-color:var(--accent-active,#55341f);color:#fff}.drawer-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;padding:clamp(1.1rem,2vh,1.35rem) clamp(1.2rem,3vw,1.5rem) clamp(2rem,4vh,3rem);overflow-y:auto}.drawer-body::-webkit-scrollbar{width:4px}.drawer-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}.drawer-body .filter-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.drawer-footer{border-top:1px solid var(--border);background-color:var(--surface);flex-shrink:0;align-items:center;gap:.75rem;padding:clamp(.9rem,1.8vh,1.15rem) clamp(1.2rem,3vw,1.5rem);display:flex;box-shadow:0 -4px 16px #1c1c1c0f}.drawer-clear-btn{border:1px solid var(--border);font-family:var(--font-body,"Inter", sans-serif);color:var(--text-secondary);cursor:pointer;text-align:center;white-space:nowrap;background:0 0;border-radius:99px;flex:1;padding:clamp(.65rem,1.2vh,.8rem) .85rem;font-size:clamp(.78rem,.95vw,.85rem);font-weight:500;transition:all .18s}.drawer-clear-btn:hover:not(:disabled){border-color:var(--accent-default,#8b5e3c);color:var(--accent-hover,#6f4a2e);background-color:var(--accent-tint,#f1e8df)}.drawer-clear-btn:active:not(:disabled){background-color:var(--accent-active,#55341f);color:#fff}.drawer-clear-btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.drawer-apply-btn{white-space:nowrap;flex:2;justify-content:center;align-items:center;gap:.35rem;display:inline-flex;padding:clamp(.65rem,1.2vh,.8rem) 1rem!important;font-size:clamp(.8rem,.95vw,.88rem)!important}.drawer-apply-count{opacity:.9;font-size:.85em;font-weight:600}@media (min-width:861px){.mobile-drawer-backdrop{display:none!important}}