/*
Theme Name: F & I Fashion Matched Boutique
Version: 2.0.0
Description: Matches F&I HTML boutique storefront, with WooCommerce product pages and checkout.
*/

:root{--ink:#27221f;--muted:#756e68;--bg:#fbf9f6;--rose:#a85b61;--line:#e8e0d9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.notice{text-align:center;background:#27221f;color:white;font-size:12px;letter-spacing:.08em;padding:9px}.header{position:sticky;top:0;z-index:10;background:#fffdfbf5;border-bottom:1px solid var(--line)}.nav{max-width:1250px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 22px}.logo{font-family:Georgia,serif;font-size:29px;letter-spacing:.02em}.navlinks{display:flex;gap:23px;align-items:center}.navlinks button,.navlinks a{border:0;background:none;font-size:13px}.bag{background:var(--ink)!important;color:white;padding:10px 16px;border-radius:2px}.hero{background:linear-gradient(115deg,#efe1d9,#f9f3ec);min-height:400px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.hero-copy{padding:70px max(28px,calc((100vw - 1200px)/2));padding-right:20px;align-self:center}.eyebrow{font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--rose);font-weight:700}.hero h1{font:clamp(40px,5vw,76px)/1.06 Georgia,serif;letter-spacing:-.035em;margin:15px 0}.hero p{max-width:410px;color:#6c5d56}.cta{display:inline-block;background:var(--ink);color:white;padding:13px 27px;margin-top:17px;border:0}.hero-image{width:100%;height:450px;object-fit:cover;object-position:top}.wrap{max-width:1250px;margin:auto;padding:0 22px}.section{padding:48px 0}.section h2{font:36px Georgia,serif;margin:0 0 7px}.muted{color:var(--muted)}.toolbar{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:24px 0}.filters{display:flex;flex-wrap:wrap;gap:7px}.filters button{border:1px solid var(--line);background:white;padding:9px 13px}.filters button.active{background:var(--ink);color:white}.search{display:flex;gap:8px;flex-wrap:wrap}.search input,.search select{padding:10px;border:1px solid var(--line);background:white;max-width:100%}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 16px}.card{min-width:0}.photo{position:relative;aspect-ratio:3/4;background:#f0ebe5;overflow:hidden;cursor:pointer}.photo img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.photo .tag{position:absolute;top:10px;left:10px;background:#fff;padding:4px 9px;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.card h3{font-size:13px;font-weight:500;line-height:1.5;margin:10px 0 3px}.card .price{font-weight:700}.card .sub{font-size:11px;color:var(--muted)}.more{display:block;margin:30px auto;border:1px solid var(--ink);background:transparent;padding:12px 32px}.overlay{position:fixed;inset:0;background:#0009;z-index:30;display:none;align-items:center;justify-content:center;padding:15px}.overlay.open{display:flex}.panel{position:relative;background:white;width:min(900px,100%);max-height:92vh;overflow:auto;padding:26px}.close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:28px;z-index:1}.detail{display:grid;grid-template-columns:1fr 1fr;gap:26px}.mainphoto{width:100%;aspect-ratio:3/4;object-fit:contain;background:#f6f2ee}.thumbs{display:flex;gap:7px;overflow-x:auto;padding:8px 0}.thumbs img{width:62px;height:76px;object-fit:cover;cursor:pointer;border:1px solid var(--line)}.options label{display:block;margin:13px 0 4px;font-weight:600;font-size:13px}.options select{width:100%;padding:10px;border:1px solid var(--line);background:white}.add{width:100%;border:0;background:var(--ink);color:white;padding:14px;margin-top:20px}.add:disabled{opacity:.4}.cartline{border-bottom:1px solid var(--line);padding:12px 0;display:flex;justify-content:space-between;gap:12px}.cartline button{border:1px solid var(--line);background:white;padding:4px 8px}.footer{background:#27221f;color:white;padding:45px 20px;text-align:center;margin-top:30px}.footer p{font-size:12px;color:#ccc}.missing{display:flex;align-items:center;justify-content:center;height:100%;background:#eee7df;color:#8b7d73;text-align:center;padding:20px}.count{font-size:13px;color:var(--muted)}.description{font-size:13px;white-space:pre-line;max-height:180px;overflow:auto;color:var(--muted)}.drawer{max-width:550px}.admin{margin:24px 0;border-top:1px solid var(--line);padding-top:15px}.admin summary{cursor:pointer;font-weight:600}.admin input{max-width:100%;padding:8px}.admin table{width:100%;font-size:12px;border-collapse:collapse}.admin td,.admin th{padding:6px;border-bottom:1px solid var(--line);text-align:left}.admin td input{width:72px}.admin-scroll{overflow:auto;max-height:320px}.pill{font-size:10px;color:#946b58}.mobile-menu{display:none}@media(max-width:800px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 11px}.hero{grid-template-columns:1fr 1fr;min-height:300px}.hero-copy{padding:30px 20px}.hero-image{height:350px}.navlinks{gap:10px}.navlinks .desktop{display:none}.detail{gap:15px}.panel{padding:18px}.section{padding:30px 0}}@media(max-width:560px){.logo{font-size:23px}.nav{padding:12px}.hero{grid-template-columns:1fr 1fr;min-height:245px}.hero-copy{padding:17px 12px}.hero h1{font-size:32px}.hero p{font-size:12px}.hero-image{height:265px}.cta{padding:10px 12px;font-size:12px}.section h2{font-size:29px}.wrap{padding:0 12px}.detail{grid-template-columns:1fr}.panel{max-height:95vh;padding:15px}.search{width:100%}.search input{flex:1;min-width:0}.grid{gap:16px 10px}.photo .tag{font-size:9px}.card h3{font-size:12px}.header .bag{padding:8px 10px}.navlinks{gap:5px}}
 .sale-sticker{position:absolute;top:10px;right:10px;background:#a3223c;color:white;padding:5px 8px;font-weight:700;font-size:12px;z-index:2}.original-price{text-decoration:line-through;color:#8b817a;font-weight:400;margin-left:8px;font-size:12px} 
:root{--ink:#1e1b19;--bg:#fff;--rose:#9e514b;--line:#e8e3df}body{background:#fff;color:#211f1e;font-family:Arial,Helvetica,sans-serif}.notice{background:#1c1b1a;color:#fff;font-size:11px;letter-spacing:.18em;white-space:nowrap;overflow:hidden}.header{background:#fff;border-bottom:1px solid #eee}.nav{max-width:1420px;padding:20px 34px}.logo{font:35px Georgia,serif;letter-spacing:-.045em}.bag{background:#1c1b1a!important;border-radius:0}.editorial-hero{display:grid;grid-template-columns:43% 57%;min-height:560px;background:#eee7e1}.hero-message{padding:95px 8% 65px 12%;align-self:center}.hero-kicker{letter-spacing:.24em;font-size:11px;font-weight:700}.hero-message h1{font:clamp(60px,6vw,110px)/.95 Georgia,serif;letter-spacing:-.07em;margin:22px 0}.hero-message h1 em{font-weight:400;color:#a6635b}.hero-message p{font-size:16px;line-height:1.8;color:#5e5650;max-width:380px}.editorial-cta{display:inline-flex;gap:35px;background:#24201d;color:#fff;padding:16px 23px;margin-top:24px;letter-spacing:.1em;font-size:12px}.hero-pictures{position:relative;min-height:560px;overflow:hidden}.hero-pictures>img{width:100%;height:100%;object-fit:cover;object-position:center 28%;position:absolute;inset:0}.hero-stamp{position:absolute;bottom:24px;right:30px;color:white;font:36px/.95 Georgia,serif;text-align:right;text-shadow:0 2px 12px #0008}.trust-strip{display:flex;justify-content:space-around;padding:18px;background:#f8f5f2;gap:10px;letter-spacing:.16em;font-size:10px;color:#64554e}.category-section{padding-top:74px;padding-bottom:68px}.editorial-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.editorial-heading h2,.feature-band h2{font:clamp(36px,4vw,55px)/1.08 Georgia,serif;letter-spacing:-.04em;margin:8px 0}.editorial-heading>a,.feature-band a{font-size:11px;letter-spacing:.12em;text-decoration:underline;text-underline-offset:5px}.category-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.cat-tile{border:0;background:#f8f4f1;text-align:left;padding:0;position:relative;min-width:0;overflow:hidden}.cat-tile img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;transition:transform .3s}.cat-tile:hover img{transform:scale(1.045)}.cat-tile span{display:block;padding:13px 12px;font:18px Georgia,serif}.cat-tile small{display:block;font:9px Arial,sans-serif;letter-spacing:.1em;margin-top:5px}.feature-band{background:#f2ebe5;padding:65px 25px;text-align:center}.feature-band p{color:#685b55;max-width:460px;margin:15px auto 22px}.section{padding-top:70px}.section h2{font:clamp(35px,4vw,53px) Georgia,serif;letter-spacing:-.035em}.filters{gap:7px}.filters button{border:1px solid #ded8d2;border-radius:0;font-size:12px}.filters button.active{background:#201e1c}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 18px}.photo{background:#f6f2ef}.card h3{font-size:13px;letter-spacing:.01em}.card .price{font-size:16px}.footer{background:#211e1c;padding:65px 20px}.panel{border-radius:0}@media(max-width:900px){.category-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-message{padding:50px 7%}.editorial-hero,.hero-pictures{min-height:430px}}@media(max-width:600px){.nav{padding:14px}.logo{font-size:26px}.editorial-hero{grid-template-columns:1fr;min-height:0}.hero-message{padding:40px 22px 35px}.hero-message h1{font-size:63px}.hero-pictures{min-height:350px}.hero-stamp{font-size:25px}.trust-strip{font-size:8px;letter-spacing:.04em}.category-section{padding-top:42px;padding-bottom:42px}.category-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cat-tile span{font-size:16px}.editorial-heading h2{font-size:37px}.editorial-heading>a{font-size:9px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 10px}.feature-band{padding:48px 20px}.section{padding-top:45px}}
.fi-colour-chips{display:flex;flex-wrap:wrap;gap:8px;margin:9px 0 16px}.fi-colour-chip{display:inline-flex;align-items:center;gap:7px;background:white;border:1px solid #d4d0cc;border-radius:24px;padding:7px 11px;min-height:39px;font-size:12px;cursor:pointer}.fi-colour-chip[aria-pressed="true"]{border:2px solid #25201d;box-shadow:0 0 0 2px #eee}.fi-colour-dot{width:21px;height:21px;border:1px solid #aaa;border-radius:50%;display:inline-block;flex-shrink:0}
.woocommerce div.product,.woocommerce-cart .woocommerce,.woocommerce-checkout .woocommerce{max-width:1250px;margin:30px auto;padding:0 22px}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.single_add_to_cart_button{background:#24201d!important;color:#fff!important;border-radius:0!important}.woocommerce ul.products li.product img{aspect-ratio:3/4;object-fit:cover}