/* Saif Tailors — theme styles */
:root{--black:#111111;--brass:#B08D57;--sand:#D8C7A8;--walnut:#4A3324;--ivory:#F7F3EC;--linen:#ECE5D8;--line:#E3D8C4;--muted:#5A4A3A;--wrap:1200px}
body{margin:0;background:var(--ivory);color:var(--black);font-family:'Jost','Helvetica Neue',sans-serif}
a{color:var(--black);text-decoration:none}a:hover{color:var(--brass)}
img{max-width:100%;height:auto}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.wp-site-blocks{padding:0}
.wp-site-blocks>*+*{margin-block-start:0}
.saif-wrap{max-width:var(--wrap);margin:0 auto;padding-left:24px;padding-right:24px;box-sizing:border-box}
.saif-eyebrow{font-size:12px;letter-spacing:.24em;color:var(--walnut);margin-bottom:12px}
.saif-scrim{position:absolute;left:0;right:0;bottom:0;height:70%;background:linear-gradient(to top,rgba(17,17,17,.78),rgba(17,17,17,0));pointer-events:none}

/* Buttons */
.saif-btn,.saif-btn:visited{display:inline-block;background:var(--black);color:var(--ivory);padding:14px 24px;font-size:13px;letter-spacing:.14em;font-weight:500;border:1px solid var(--black);line-height:1.2;text-align:center}
.saif-btn:hover{background:var(--brass);border-color:var(--brass);color:var(--black)}
.saif-btn--brass{background:var(--brass);border-color:var(--brass);color:var(--black)}
.saif-btn--brass:hover{background:var(--ivory);border-color:var(--ivory)}
.saif-btn--ivory{background:var(--ivory);border-color:var(--ivory);color:var(--black)}
.saif-btn--outline{background:transparent;color:var(--black)}
.saif-btn--outline:hover{background:var(--black);color:var(--ivory);border-color:var(--black)}
.saif-btnrow{display:flex;gap:12px;flex-wrap:wrap}
.saif-textlink{font-size:13px;letter-spacing:.12em;border-bottom:1px solid var(--brass);padding-bottom:4px}

/* Wordmark */
.saif-mark{display:inline-flex;flex-direction:column;align-items:center;gap:3px;line-height:1}
.saif-mark__name{font-weight:500;font-size:28px;letter-spacing:.32em;padding-left:.32em}
.saif-mark__sub{font-size:9px;letter-spacing:.6em;padding-left:.6em}
.saif-mark svg{display:block}
.saif-divider{display:flex;justify-content:center;padding-top:88px}

/* Header */
.saif-topbar{background:var(--black);color:var(--sand);text-align:center;padding:10px 16px;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.saif-header{position:relative;z-index:50;background:var(--ivory);border-bottom:1px solid var(--line)}
.saif-header__in{max-width:var(--wrap);margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-sizing:border-box}
.saif-nav{display:flex;gap:28px;font-size:13px;letter-spacing:.12em}
.saif-nav__item{position:relative}
.saif-nav__item>a{display:block;padding:12px 0;border-bottom:1px solid transparent}
.saif-nav__item>a.is-active{border-bottom-color:var(--brass)}
.saif-nav__sub{display:none;position:absolute;top:100%;left:-20px;min-width:220px;background:var(--ivory);border:1px solid var(--line);padding:8px 0;box-shadow:0 12px 24px rgba(17,17,17,.08)}
.saif-nav__sub a{display:block;padding:10px 20px;letter-spacing:.04em;font-size:14px}
.saif-nav__item.has-sub:hover .saif-nav__sub,.saif-nav__item.has-sub:focus-within .saif-nav__sub{display:block}
.saif-icons{display:flex;align-items:center;gap:4px}
.saif-icon-btn,.saif-icons summary{width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--black);cursor:pointer;position:relative}
details>summary{list-style:none}details>summary::-webkit-details-marker{display:none}
.saif-search{position:relative}
.saif-search__panel{position:absolute;right:0;top:100%;display:flex;gap:8px;background:var(--ivory);border:1px solid var(--line);padding:12px;width:320px;box-shadow:0 12px 24px rgba(17,17,17,.08)}
.saif-search__panel input[type=search],.saif-mnav__search input{flex:1;height:44px;border:1px solid #CDBFA6;background:#fff;padding:0 12px;font-family:inherit;font-size:15px;box-sizing:border-box;width:100%}
.saif-search__panel button{height:44px;padding:0 16px;border:0;background:var(--black);color:var(--ivory);font-family:inherit;letter-spacing:.1em;cursor:pointer}
.saif-cart-count{position:absolute;top:4px;right:2px;min-width:18px;height:18px;border-radius:9px;background:var(--brass);color:var(--black);font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;padding:0 4px;box-sizing:border-box}
.saif-cart-count[hidden]{display:none}
.saif-mnav{display:none}
.saif-mnav .saif-icon--close{display:none}
.saif-mnav[open] .saif-icon--close{display:block}.saif-mnav[open] .saif-icon--menu{display:none}
.saif-mnav__panel{position:absolute;left:0;right:0;top:100%;background:var(--ivory);border-top:1px solid var(--line);box-shadow:0 12px 24px rgba(17,17,17,.12);max-height:80vh;overflow-y:auto}
.saif-mnav__panel>a{display:block;padding:16px 20px;font-size:15px;letter-spacing:.12em;border-bottom:1px solid var(--line)}
.saif-mnav__panel>a.is-sub{padding:12px 20px 12px 40px;font-size:14px;letter-spacing:.04em;color:var(--muted)}
.saif-mnav__search{padding:16px 20px;border-bottom:1px solid var(--line)}
.saif-mnav__panel>a.saif-mnav__wa{margin:20px;background:var(--black);color:var(--ivory);text-align:center;border:0}

/* Hero */
.saif-hero{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-top:28px}
.saif-hero__tile{position:relative;overflow:hidden;min-height:540px;display:flex;flex-direction:column;justify-content:flex-end;padding:36px;box-sizing:border-box;background-size:cover;background-position:center}
.saif-hero__tile--fabrics{background-color:#3A2E24}.saif-hero__tile--ready{background-color:var(--black)}.saif-hero__tile--perfumes{background-color:var(--walnut)}
.saif-hero__body{position:relative}
.saif-hero__tile .saif-eyebrow{color:var(--brass)}
.saif-hero__tile h1{margin:0 0 12px;font-size:34px;font-weight:400;line-height:1.15;color:var(--ivory)}
.saif-hero__tile p{margin:0 0 24px;font-size:15px;line-height:1.6;color:var(--sand)}

/* Trust */
.saif-trust{margin-top:32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}
.saif-trust div{display:flex;flex-direction:column;gap:4px}
.saif-trust strong{font-weight:400;font-size:18px}.saif-trust span{font-size:13px;color:var(--muted)}

/* Sections */
.saif-section{padding-top:88px}
.saif-section--tight{padding-top:56px}
.saif-shead{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:36px}
.saif-shead h2,.saif-mtm h2,.saif-visit h2,.saif-feature h2{margin:0;font-size:42px;font-weight:400;line-height:1.1}
.saif-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.saif-tile{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:#3A2E24 center/cover no-repeat;color:var(--ivory)}
.saif-tile:hover{color:var(--ivory)}
.saif-tile__label{position:absolute;left:20px;right:20px;bottom:18px;display:flex;justify-content:space-between;align-items:center;font-size:17px;letter-spacing:.04em}
.saif-arrow{color:var(--brass)}
.saif-tabbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:28px}
.saif-tabs{display:flex;gap:10px;flex-wrap:wrap}
.saif-tab{padding:11px 18px;font-size:12px;letter-spacing:.12em;border:1px solid #CDBFA6}
.saif-tab.is-active{background:var(--black);border-color:var(--black);color:var(--ivory)}
.saif-feature{position:relative;overflow:hidden;min-height:520px;display:flex;flex-direction:column;justify-content:flex-end;padding:48px;box-sizing:border-box;background:#2A211A center/cover no-repeat}
.saif-feature__body{position:relative}
.saif-feature .saif-eyebrow{color:var(--brass)}
.saif-feature h2{color:var(--ivory);font-size:52px;margin-bottom:20px;max-width:620px}
.saif-dark{background:var(--black);color:var(--ivory);margin-top:96px;padding:88px 0}
.saif-dark .saif-eyebrow{color:var(--brass)}.saif-dark h2{color:var(--ivory)}
.saif-dark a{color:var(--ivory)}.saif-dark .saif-textlink{color:var(--ivory)}
.saif-dark__note{margin:32px 0 0;font-size:14px;color:var(--sand)}
.saif-mtm{background:var(--walnut);color:var(--ivory);padding:56px 48px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:48px;align-items:center}
.saif-mtm .saif-eyebrow{color:var(--sand)}
.saif-mtm h2{margin-bottom:12px}
.saif-mtm__price{font-size:20px;color:var(--brass);margin-bottom:16px}
.saif-mtm p{margin:0 0 28px;font-size:15px;line-height:1.7;color:var(--sand);max-width:460px}
.saif-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;font-size:15px}
.saif-steps span{display:block;font-size:30px;font-weight:300;color:var(--brass);margin-bottom:8px}
.saif-reviews{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.saif-review{margin:0;background:var(--linen);padding:28px;display:flex;flex-direction:column;gap:16px}
.saif-review blockquote{margin:0;font-size:16px;line-height:1.6}
.saif-review figcaption{font-size:13px;color:var(--muted)}
.saif-stars{color:var(--brass);letter-spacing:.2em}
.saif-visit{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:48px}
.saif-visit h2{margin-bottom:24px}
.saif-visit p{margin:0 0 8px;font-size:16px;line-height:1.7;color:#4A3D30}
.saif-visit .saif-btnrow{margin-top:24px}
.saif-map{aspect-ratio:4/3;background:var(--linen)}
.saif-map iframe{width:100%;height:100%;border:0;display:block}

/* Product grids (homepage + shop) */
.woocommerce ul.products{clear:both;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 28px;margin:0!important;padding:0!important}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}
.woocommerce ul.products{list-style:none}
.woocommerce ul.products li.product,.woocommerce ul.products li.product-category{list-style:none;position:relative;width:auto!important;float:none!important;margin:0!important;padding:0!important;text-align:left}
.woocommerce ul.products li.product a img{aspect-ratio:3/4;object-fit:cover;width:100%;margin:0 0 12px!important;background:var(--linen)}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:inherit;font-size:16px!important;font-weight:400;padding:0!important;margin:0 0 6px}
.woocommerce ul.products li.product .price{display:block;color:var(--black)!important;font-size:15px!important;font-weight:500}
.woocommerce ul.products li.product .price del{color:var(--muted);font-weight:400}
.woocommerce ul.products li.product .price ins{text-decoration:none}
.woocommerce ul.products li.product .button{display:inline-block;margin-top:10px;background:transparent;color:var(--black);border:1px solid #CDBFA6;border-radius:0;font-weight:500;font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding:10px 14px}
.woocommerce ul.products li.product .button:hover{background:var(--black);color:var(--ivory);border-color:var(--black)}
.woocommerce ul.products li.product .added_to_cart{display:block;margin-top:8px;font-size:13px}
.woocommerce span.onsale{background:var(--black);color:var(--ivory);border-radius:0;min-height:0;min-width:0;line-height:1;padding:7px 10px;font-size:11px;letter-spacing:.12em;top:12px!important;left:12px!important;right:auto!important;margin:0!important}
.saif-dark .woocommerce ul.products li.product .woocommerce-loop-product__title,.saif-dark .woocommerce ul.products li.product .price{display:block;color:var(--ivory)!important}
.saif-dark .woocommerce ul.products li.product .button{color:var(--ivory);border-color:#3A3A3A}
.saif-dark .woocommerce ul.products li.product .button:hover{background:var(--ivory);color:var(--black)}
.saif-dark .woocommerce ul.products li.product a img{background:#222}
/* Sub-category tiles */
.woocommerce ul.products li.product-category a{position:relative;display:block;color:var(--ivory)}
.woocommerce ul.products li.product-category a img{aspect-ratio:4/3;margin:0!important}
.woocommerce ul.products li.product-category a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:70%;background:linear-gradient(to top,rgba(17,17,17,.78),rgba(17,17,17,0))}
.woocommerce ul.products li.product-category h2.woocommerce-loop-category__title{position:absolute;left:20px;right:20px;bottom:16px;z-index:1;margin:0;padding:0!important;font-size:17px!important;font-weight:400;color:var(--ivory)}
.woocommerce ul.products li.product-category mark.count{background:none;color:var(--sand);font-size:13px}

/* Shop / category pages */
.saif-shop{max-width:var(--wrap);margin:0 auto!important;padding:20px 24px 0!important;box-sizing:border-box}
.woocommerce .woocommerce-breadcrumb{font-size:13px;color:var(--muted);margin:0 0 20px}
.woocommerce .woocommerce-breadcrumb a{color:var(--muted)}
.woocommerce .woocommerce-breadcrumb .sep{margin:0 8px;color:#9A8A72}
.woocommerce-products-header{position:relative;overflow:hidden;min-height:260px;display:flex;flex-direction:column;justify-content:flex-end;padding:40px!important;margin-bottom:32px;box-sizing:border-box;background:#2A211A center/cover no-repeat;color:var(--ivory)}
.woocommerce-products-header::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(17,17,17,.8),rgba(17,17,17,.15))}
.woocommerce-products-header>*{position:relative}
.woocommerce-products-header__title.page-title{margin:0 0 10px;font-size:52px;font-weight:400;line-height:1.05;color:var(--ivory)}
.woocommerce-products-header .term-description,.woocommerce-products-header .page-description{color:var(--sand);max-width:560px;font-size:15px}
.woocommerce-products-header .term-description p{margin:0}
.woocommerce .woocommerce-result-count{font-size:13px;color:var(--muted);margin:14px 0 28px}
.woocommerce .woocommerce-ordering{margin:0 0 28px}
.woocommerce .woocommerce-ordering select{height:44px;padding:0 12px;border:1px solid #CDBFA6;background:var(--ivory);font-family:inherit;font-size:13px;border-radius:0}
.woocommerce nav.woocommerce-pagination{margin-top:48px}
.woocommerce nav.woocommerce-pagination ul{border:0}
.woocommerce nav.woocommerce-pagination ul li{border:0;margin:0 4px}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{min-width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid #CDBFA6;padding:0}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--black);color:var(--ivory);border-color:var(--black)}
.saif-mtm-strip{margin-top:40px;background:var(--sand);padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.saif-mtm-strip p{margin:0;font-size:15px}
.woocommerce-info,.woocommerce-message,.woocommerce-error{border-top-color:var(--brass)!important;background:var(--linen)!important}
.woocommerce-info::before,.woocommerce-message::before{color:var(--brass)!important}

/* Product page */
.saif-single .product{margin-top:8px}
.woocommerce div.product .product_title{font-size:36px;font-weight:400;margin-bottom:12px}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--black);font-size:22px;font-weight:500}
.woocommerce div.product form.cart .variations select{height:44px;border:1px solid #CDBFA6;background:#fff;padding:0 12px;font-family:inherit;min-width:220px}
.woocommerce div.product form.cart .variations th,.woocommerce div.product form.cart .variations td{padding:8px 12px 8px 0;vertical-align:middle}
.woocommerce .quantity .qty{height:48px;width:72px;border:1px solid #CDBFA6;font-family:inherit}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;margin:0 0 24px;border-bottom:1px solid var(--line)}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:none;border:0;border-radius:0;margin:0 24px 0 0;padding:0}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{padding:12px 0;font-weight:400;letter-spacing:.1em;font-size:13px;text-transform:uppercase}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{border-bottom:1px solid var(--brass)}
.saif-pdp-help{margin:20px 0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.saif-pdp-help p{margin:0 0 12px;font-size:15px;color:var(--muted)}
.woocommerce div.product .related>h2,.woocommerce div.product .upsells>h2{font-size:32px;font-weight:400;margin:64px 0 28px}

/* All WooCommerce buttons */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt{background:var(--black);color:var(--ivory);border-radius:0;font-family:inherit;font-weight:500;font-size:13px;letter-spacing:.14em;text-transform:uppercase;padding:15px 26px}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{background:var(--brass);color:var(--black)}
.woocommerce button.button.alt.disabled,.woocommerce button.button.alt:disabled{background:var(--black);color:var(--ivory);opacity:.5}

/* Pages */
.saif-page{max-width:760px;margin:0 auto!important;padding:56px 24px 0!important;box-sizing:border-box}
.saif-page h1,.saif-page .wp-block-post-title{font-size:42px;font-weight:400;margin:0 0 24px}
.saif-page .wp-block-woocommerce-cart,.saif-page .wp-block-woocommerce-checkout{max-width:none}
body.woocommerce-cart .saif-page,body.woocommerce-checkout .saif-page,body.woocommerce-account .saif-page{max-width:var(--wrap)}

/* Footer */
.saif-footer{background:var(--black);color:var(--sand);margin-top:96px;font-size:14px}
.saif-footer a{color:var(--sand)}.saif-footer a:hover{color:var(--brass)}
.saif-footer__grid{max-width:var(--wrap);margin:0 auto;padding:56px 24px 32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;box-sizing:border-box}
.saif-footer__grid p{line-height:1.7;margin:16px 0 0}
.saif-footer__col{display:flex;flex-direction:column;gap:10px}
.saif-footer__title{color:var(--brass);letter-spacing:.14em;font-size:12px}
.saif-footer__bottom{max-width:var(--wrap);margin:0 auto;padding:0 24px 28px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;box-sizing:border-box}
.saif-pay{display:flex;gap:8px;flex-wrap:wrap}
.saif-pay span{border:1px solid #3A3A3A;padding:7px 12px;font-size:11px;letter-spacing:.1em}
.saif-footer__copy{font-size:12px;color:#9A8A72}
.saif-wa{position:fixed;right:24px;bottom:24px;z-index:60;display:flex;align-items:center;gap:10px;background:var(--black);color:var(--ivory)!important;border:1px solid var(--brass);padding:14px 20px;border-radius:999px;font-size:12px;letter-spacing:.14em;box-shadow:0 8px 20px rgba(17,17,17,.2)}
.saif-wa:hover{background:var(--brass);color:var(--black)!important}

/* Tablet */
@media (max-width:1024px){
.saif-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
.woocommerce ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* Mobile */
@media (max-width:860px){
.saif-header__in{display:grid;grid-template-columns:44px 1fr auto;gap:8px;padding:10px 16px}
.saif-mnav{display:block}
.saif-nav,.hide-m{display:none!important}
.saif-logo{justify-self:center}
.saif-mark__name{font-size:24px}
.saif-topbar{font-size:10px;letter-spacing:.08em;padding:8px 12px}
.saif-wrap{padding-left:16px;padding-right:16px}
.saif-hero{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:86%;overflow-x:auto;scroll-snap-type:x mandatory;padding-top:16px;gap:12px}
.saif-hero__tile{scroll-snap-align:start;min-height:440px;padding:24px}
.saif-hero__tile h1{font-size:30px}
.saif-shead h2,.saif-mtm h2,.saif-visit h2{font-size:30px}
.saif-feature{min-height:420px;padding:24px}.saif-feature h2{font-size:34px}
.saif-section{padding-top:64px}.saif-divider{padding-top:64px}
.saif-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.saif-tiles .saif-tile:first-child{grid-column:span 2;aspect-ratio:16/9}
.saif-trust{grid-template-columns:repeat(2,minmax(0,1fr))}
.saif-tabs{flex-wrap:nowrap;overflow-x:auto;width:100%}.saif-tab{flex:none}
.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px 12px}
.woocommerce ul.products li.product .button{display:block;width:100%;text-align:center;box-sizing:border-box;padding:10px 6px}
.saif-mtm{padding:32px 20px;gap:32px}
.saif-steps{gap:12px;font-size:14px}
.saif-dark{padding:64px 0;margin-top:64px}
.saif-shop{padding:12px 16px 0!important}
.woocommerce-products-header{min-height:200px;padding:24px!important}
.woocommerce-products-header__title.page-title{font-size:34px}
.woocommerce .woocommerce-ordering,.woocommerce .woocommerce-result-count{float:none;margin:0 0 16px}
.woocommerce .woocommerce-ordering select{width:100%}
.woocommerce div.product .product_title{font-size:28px}
.saif-page{padding-top:32px!important}.saif-page h1,.saif-page .wp-block-post-title{font-size:32px}
.saif-wa{padding:14px;right:16px;bottom:16px}.saif-wa span{display:none}
.saif-footer{margin-top:64px}
}
