.philosophy{position:relative;min-height:80vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--color-charcoal)}
.philosophy-bg{position:absolute;inset:0}
.philosophy-bg img{width:100%;height:100%;object-fit:cover;opacity:.4;filter:brightness(.65) saturate(.8)}
.philosophy-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgb(20 20 20 / .5) 0,rgb(20 20 20 / .35) 50%,rgb(20 20 20 / .55) 100%)}
.philosophy-content{position:relative;z-index:1;max-width:780px;padding:var(--space-3xl) var(--space-lg);text-align:left}
.philosophy-content blockquote{font-family:var(--font-display);font-size:clamp(1.75rem, 3.5vw, 2.5rem);font-weight:300;font-style:italic;line-height:1.4;color:rgb(255 255 255 / .95);margin:0 0 var(--space-2xl);padding:0;border:none}
.philosophy-text{font-size:1.05rem;line-height:1.85;color:rgb(255 255 255 / .75);max-width:540px;margin:0}
.categories-manutti{padding:var(--space-4xl) var(--space-lg) var(--space-3xl);background:var(--color-cream)}
.catm-header{text-align:center;margin-bottom:var(--space-3xl)}
.catm-eyebrow{font-family:var(--font-body);font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--color-taupe);display:block;margin-bottom:var(--space-sm)}
.catm-title{font-family:var(--font-display);font-size:clamp(2rem, 4vw, 3rem);font-weight:500;color:var(--color-black);margin:0}
.catm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);max-width:var(--max-width);margin:0 auto}
.catm-card{position:relative;display:block;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:4/3;text-decoration:none;color:inherit;isolation:isolate}
.catm-card-bg{position:absolute;inset:0}
.catm-card-bg img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease-out-expo)}
.catm-card:hover .catm-card-bg img{transform:scale(1.08)}
.catm-card-gradient{position:absolute;inset:0;background:linear-gradient(to top,rgb(0 0 0 / .55) 0,rgb(0 0 0 / .1) 45%,transparent 100%);transition:opacity var(--duration-base) ease}
.catm-card:hover .catm-card-gradient{opacity:.85}
.catm-card-body{position:absolute;bottom:0;left:0;right:0;padding:var(--space-lg);display:flex;align-items:flex-end;justify-content:space-between;z-index:2}
.catm-card-name{font-family:var(--font-display);font-size:1.6rem;font-weight:500;color:var(--color-white);margin:0;letter-spacing:.02em;text-shadow:0 1px 4px rgb(0 0 0 / .3)}
.catm-card-arrow{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgb(255 255 255 / .15);backdrop-filter:blur(8px);color:var(--color-white);font-size:1.25rem;transition:background var(--duration-fast) ease,transform var(--duration-fast) var(--ease-out-expo);flex-shrink:0}
.catm-card:hover .catm-card-arrow{background:var(--color-white);color:var(--color-black);transform:translateX(3px)}
.inspiration-stories{padding:var(--space-4xl) var(--space-lg);background:var(--color-cream)}
.is-header{text-align:center;margin-bottom:var(--space-3xl)}
.is-eyebrow{font-family:var(--font-body);font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--color-taupe);display:block;margin-bottom:var(--space-sm)}
.is-title{font-family:var(--font-display);font-size:clamp(2rem, 4vw, 3rem);font-weight:500;color:var(--color-black);margin:0}
.is-list{display:flex;flex-direction:column;gap:var(--space-3xl);max-width:var(--max-width);margin:0 auto}
.is-item{border-radius:var(--radius-lg);overflow:hidden;background:var(--color-white)}
.is-link{display:grid;grid-template-columns:1fr 1fr;text-decoration:none;color:inherit}
.is-alt .is-link{direction:rtl}
.is-alt .is-text{direction:ltr}
.is-image{aspect-ratio:5/4;overflow:hidden}
.is-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out-expo)}
.is-item:hover .is-image img{transform:scale(1.05)}
.is-text{display:flex;flex-direction:column;justify-content:center;padding:var(--space-3xl) var(--space-2xl)}
.is-item-title{font-family:var(--font-display);font-size:1.75rem;font-weight:500;color:var(--color-black);margin:0 0 var(--space-md);line-height:1.2}
.is-excerpt{font-size:1rem;line-height:1.75;color:var(--color-dark);margin:0 0 var(--space-lg)}
.is-more{font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--color-taupe);display:inline-flex;align-items:center;gap:6px;transition:gap var(--duration-fast) ease}
.is-item:hover .is-more{gap:12px}
.collection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg);padding:0 var(--space-lg);max-width:var(--max-width);margin:0 auto var(--space-xl)}
.collection-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:16/10;cursor:pointer;contain:layout style paint}
.collection-card img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out-expo)}
.collection-card:hover img{transform:scale(1.04)}
.collection-card-body{position:absolute;bottom:0;left:0;right:0;padding:var(--space-xl);background:linear-gradient(to top,rgb(0 0 0 / .6) 0,transparent 100%);color:var(--color-white)}
.collection-card-body h2{color:var(--color-white)}
.collection-card-body h3{color:var(--color-white);margin-bottom:.25rem}
.collection-card-body p{color:rgb(255 255 255 / .8);font-size:var(--fs-small);max-width:400px;margin-bottom:0}
.about-hero{padding-top:calc(var(--nav-height) + var(--space-3xl));padding-bottom:var(--space-3xl);text-align:center}
.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl);max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}
.value-card{text-align:center;padding:var(--space-xl)}
.value-card .value-icon{width:64px;height:64px;margin:0 auto var(--space-md);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-light);color:var(--color-taupe)}
.value-card h3{margin-bottom:var(--space-sm)}
.value-card p{color:var(--color-dark);font-size:var(--fs-small);margin:0 auto}
.about-materials{text-align:center}
.about-materials p.lead{margin:0 auto}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);padding-top:calc(var(--nav-height) + var(--space-3xl));padding-bottom:var(--space-3xl)}
.contact-form{display:flex;flex-direction:column;gap:var(--space-md)}
.form-group label{display:block;font-size:var(--fs-xs);font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--color-black);margin-bottom:.5rem}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:.85rem 1rem;font-family:var(--font-body);font-size:var(--fs-body);font-weight:400;color:var(--color-dark);background:var(--color-white);border:1px solid var(--color-sand);border-radius:var(--radius-md);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:0;border-color:var(--color-taupe);box-shadow:0 0 0 3px rgb(166 138 107 / .15)}
.form-group input:user-invalid,.form-group textarea:user-invalid{border-color:var(--color-terracotta)}
.form-group textarea{min-height:150px;resize:vertical}
.form-error{font-size:var(--fs-xs);color:var(--color-terracotta);margin-top:.25rem;display:none}
.form-group input:user-invalid+.form-error,.form-group textarea:user-invalid+.form-error{display:block}
.form-group input[aria-invalid=true],.form-group textarea[aria-invalid=true]{border-color:var(--color-terracotta);box-shadow:0 0 0 3px rgb(196 123 90 / .12)}
.btn-outline.is-loading,.btn-primary.is-loading{pointer-events:none;opacity:.8;cursor:wait}
.btn-primary.is-loading::after{content:'';display:inline-block;width:14px;height:14px;margin-left:10px;border:2px solid rgb(255 255 255 / .3);border-top-color:var(--color-white);border-radius:50%;animation:spin .6s linear infinite}
.btn-outline.is-loading::after{content:'';display:inline-block;width:14px;height:14px;margin-left:10px;border:2px solid rgb(61 58 53 / .2);border-top-color:var(--color-dark);border-radius:50%;animation:spin .6s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}
}
.form-toast{position:fixed;bottom:32px;left:50%;transform:translateX(-50%) translateY(100%);background:var(--color-charcoal);color:var(--color-white);padding:14px 28px;border-radius:var(--radius-md);font-size:var(--fs-small);font-family:var(--font-body);z-index:2000;box-shadow:0 8px 32px rgb(0 0 0 / .18);opacity:0;transition:transform .35s var(--ease-out-expo),opacity .35s var(--ease-out-expo);pointer-events:none}
.form-toast.visible{transform:translateX(-50%) translateY(0);opacity:1}
.form-toast--error{background:var(--color-terracotta)}
.contact-info{padding-top:var(--space-xl)}
.contact-info h2{margin-bottom:var(--space-xl)}
.contact-info h3{margin-bottom:var(--space-md)}
.contact-info-item{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md);font-size:var(--fs-small)}
.contact-info-item svg{flex-shrink:0;color:var(--color-taupe); margin-top: var(--radius-sm)}
.contact-note{font-size:var(--fs-small);color:var(--color-dark);margin-bottom:var(--space-md)}
.contact-store-btn{margin-top:var(--space-md);display:inline-flex}
.inspiration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);max-width:var(--max-width);margin:0 auto;padding:var(--space-2xl) var(--space-lg)}
.article-card{border-radius:var(--radius-lg);overflow:hidden;background:var(--color-white);transition:transform var(--duration-base) var(--ease-out-expo),box-shadow var(--duration-base) var(--ease-out-expo);contain:layout style paint}
.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift)}
.article-card-image{aspect-ratio:16/10;overflow:hidden;background:var(--color-light)}
.article-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out-expo)}
.article-card:hover .article-card-image img{transform:scale(1.04)}
.article-card-body{padding:var(--space-lg)}
.article-card-body h2{font-size:1.35rem}
.article-card-body h3{font-size:1.15rem;margin-bottom:var(--space-sm)}
.article-card-body p{font-size:var(--fs-small);color:var(--color-mid);margin-bottom:0}
.professionals-hero{padding-top:calc(var(--nav-height) + var(--space-xl));padding-bottom:var(--space-2xl);text-align:center;background:var(--color-offwhite)}
.professionals-cta-row{margin-top:var(--space-xl);display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}
.professionals-features{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);max-width:var(--max-width);margin:0 auto;padding:var(--space-2xl) var(--space-lg)}
.pf-card{padding:var(--space-xl);border-radius:var(--radius-lg);background:var(--color-white);transition:transform var(--duration-base),box-shadow var(--duration-base)}
#benefits-heading{text-align:center}
.pf-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}
.pf-card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--color-light);margin-bottom:var(--space-md);color:var(--color-taupe)}
.pf-card h3{margin-bottom:var(--space-sm)}
.pf-card p{font-size:var(--fs-small);color:var(--color-dark);margin-bottom:0}
.store-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);max-width:var(--max-width);margin:0 auto var(--space-xl);padding:0 var(--space-lg)}
.store-card{padding:var(--space-xl);border-radius:var(--radius-lg);background:var(--color-white);border:1px solid var(--color-sand);transition:box-shadow var(--duration-base)}
.store-card:hover{box-shadow:var(--shadow-soft)}
.store-card h3{margin-bottom:var(--space-sm)}
.store-card address{font-style:normal;font-size:var(--fs-small);color:var(--color-dark)}
.auth-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);background:var(--color-cream)}
.auth-card{width:100%;max-width:440px;padding:var(--space-2xl);background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft)}
.auth-card h2{text-align:center;margin-bottom:var(--space-sm)}
.auth-card .subtitle{text-align:center;color:var(--color-mid);font-size:var(--fs-small);margin-bottom:var(--space-2xl)}
.auth-link{text-align:center;margin-top:var(--space-lg);font-size:var(--fs-small);color:var(--color-mid)}
.auth-link a{color:var(--color-taupe-deep);text-decoration:underline}
.auth-feedback{display:none;padding:.75rem 1rem;border-radius:var(--radius-md);font-size:var(--fs-small);margin-bottom:var(--space-sm);text-align:center}
.auth-feedback:not(:empty){display:block}
.auth-feedback.success{background:rgb(122 139 94 / .12);color:var(--color-olive-deep);border:1px solid rgb(122 139 94 / .3)}
.auth-feedback.error{background:rgb(196 123 90 / .12);color:var(--color-terracotta);border:1px solid rgb(196 123 90 / .3)}
.user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:200px;background:var(--color-white);border:1px solid var(--color-light);border-radius:var(--radius-md);box-shadow:var(--shadow-medium);padding:var(--space-sm);display:none;z-index:1000}
.user-dropdown.open{display:block}
.user-dropdown-info{display:block;font-size:var(--fs-xs);color:var(--color-mid);padding-bottom:.5rem;margin-bottom:.5rem;border-bottom:1px solid var(--color-light)}
.user-logout-link{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--radius-sm);font-size:var(--fs-small);color:var(--color-terracotta);text-decoration:none;transition:background .2s var(--ease-out-expo)}
.user-logout-link:hover{background:rgb(196 123 90 / .08)}
.user-logout-link svg{width:16px;height:16px}
@media (max-width:768px){.user-name{display:none}
    .user-dropdown{position:fixed;top:var(--nav-height);right:1rem;left:1rem;min-width:auto}
}
.search-page{padding:var(--space-lg) 0}
.search-bar-large{display:flex;gap:.75rem;max-width:600px;margin:0 auto}
.search-bar-large input{flex:1;padding:.875rem 1.25rem;font-size:var(--fs-body);font-family:var(--font-body);border:1px solid var(--color-sand);border-radius:var(--radius-full);background:var(--color-white);color:var(--color-dark);transition:border-color .2s var(--ease-out-expo),box-shadow .2s var(--ease-out-expo)}
.search-bar-large input:focus{outline:0;border-color:var(--color-taupe);box-shadow:0 0 0 3px rgb(166 138 107 / .12)}
.search-bar-large .btn-primary{white-space:nowrap;display:flex;align-items:center;gap:.5rem}
.search-result-info{text-align:center;color:var(--color-mid);font-size:var(--fs-small);margin-top:var(--space-md)}
.search-empty{text-align:center;padding:var(--space-2xl) var(--space-sm);color:var(--color-mid)}
.search-empty p{margin-top:var(--space-sm);font-size:var(--fs-body)}
@media (max-width:768px){.search-bar-large{flex-direction:column}
    .search-bar-large .btn-primary{justify-content:center}
}
/* ===== FAQ Page ===== */
.faq-section{padding:var(--space-2xl) 0}
.faq-list{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-2xl)}
.faq-item{background:var(--color-white);border:1px solid var(--color-sand);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow var(--duration-base) var(--ease-out-expo)}
.faq-item[open]{box-shadow:var(--shadow-soft)}
.faq-item summary{list-style:none;cursor:pointer;padding:var(--space-md) var(--space-lg);font-family:var(--font-display);font-size:var(--fs-h4);font-weight:400;color:var(--color-black);display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";font-size:1.6rem;line-height:1;color:var(--color-taupe-deep);transition:transform var(--duration-base) var(--ease-out-expo)}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-answer{padding:0 var(--space-lg) var(--space-md);color:var(--color-dark)}
.faq-answer p{margin:0;font-size:var(--fs-body);line-height:1.75;color:var(--color-dark);max-width:65ch}
.faq-cta{text-align:center;background:var(--color-offwhite);border-radius:var(--radius-xl);padding:var(--space-xl) var(--space-lg)}
.faq-cta h2{margin-bottom:var(--space-xs)}
.faq-cta p{margin:0 auto var(--space-md);color:var(--color-mid)}
.faq-cta-actions{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap}
.btn-ghost{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-family:var(--font-body);font-size:var(--fs-small);font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--color-taupe-deep);background:transparent;border:1px solid var(--color-taupe-deep);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-base) var(--ease-out-expo);min-height:44px}
.btn-ghost:hover{background:var(--color-taupe-deep);color:var(--color-white)}