/*
Theme Name: Framebless Final 28
Author: Framebless
Version: 2.0.0
Description: Dynamic premium WooCommerce theme built around the Framebless 28-point specification.
Text Domain: framebless
*/
:root{--fb-primary:#111;--fb-secondary:#c99a2e;--fb-bg:#fff;--fb-soft:#f7f4ee;--fb-text:#191919;--fb-muted:#707070;--fb-border:#e7e2d9;--fb-radius:14px;--fb-container:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--fb-text);background:var(--fb-bg);line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.fb-container{width:min(var(--fb-container),calc(100% - 40px));margin:auto}.fb-ann{background:var(--fb-primary);color:#fff;text-align:center;padding:8px;font-size:13px}.fb-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--fb-border)}.fb-header-in{min-height:78px;display:flex;align-items:center;gap:25px}.fb-logo img{max-height:56px;width:auto;display:block}.fb-nav{margin-left:auto;display:flex;gap:22px;align-items:center}.fb-nav a{font-size:14px;font-weight:650}.fb-actions{display:flex;gap:8px}.fb-action{border:0;background:transparent;font-size:20px;padding:8px;cursor:pointer}.fb-mobile-menu{display:none}.fb-search-panel{display:none;background:#fff;border-top:1px solid var(--fb-border);padding:12px}.fb-search-panel.open{display:block}.fb-search-panel form{display:flex;max-width:900px;margin:auto}.fb-search-panel input{flex:1;border:1px solid #ccc;padding:13px}.fb-search-panel button{background:var(--fb-primary);color:#fff;border:0;padding:0 22px}.fb-hero{position:relative;overflow:hidden;background:#eee}.fb-slide{display:none;position:relative;min-height:590px}.fb-slide.active{display:block}.fb-slide-bg{position:absolute;inset:0}.fb-slide-bg picture,.fb-slide-bg img{width:100%;height:100%;display:block}.fb-slide-bg img{object-fit:cover;object-position:center}.fb-slide-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,.62) 38%,rgba(255,255,255,.04) 78%)}.fb-slide-content{position:relative;z-index:2;min-height:590px;display:flex;align-items:center}.fb-copy{max-width:600px}.fb-badge,.fb-eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:2.5px;color:var(--fb-secondary);font-weight:800}.fb-copy h1{font:700 clamp(42px,5vw,70px)/1.03 Georgia,serif;margin:14px 0}.fb-copy p{font-size:17px;color:#555;max-width:550px}.fb-btn{display:inline-flex;padding:13px 22px;border-radius:7px;border:1px solid var(--fb-primary);font-weight:700;margin:5px}.fb-btn.primary{background:var(--fb-primary);color:#fff}.fb-btn.alt{background:#fff}.fb-dots{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);z-index:4;display:flex;gap:7px}.fb-dot{width:9px;height:9px;border:0;border-radius:20px;background:#bbb}.fb-dot.active{width:25px;background:var(--fb-secondary)}.fb-section{padding:70px 0}.fb-soft{background:var(--fb-soft)}.fb-head{text-align:center;margin-bottom:32px}.fb-head h2{font:700 36px/1.15 Georgia,serif;margin:7px 0}.fb-head p{color:var(--fb-muted);margin:0}.fb-grid{display:grid;gap:18px}.fb-cats{grid-template-columns:repeat(6,1fr)}.fb-cat{background:#fff;border:1px solid var(--fb-border);border-radius:var(--fb-radius);padding:9px;text-align:center;transition:.2s}.fb-cat:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000012}.fb-cat-img{aspect-ratio:1;overflow:hidden;border-radius:10px;background:#eee}.fb-cat-img img{width:100%;height:100%;object-fit:cover}.fb-cat h3{font-size:14px;margin:10px 3px 2px}.fb-cat span{font-size:12px;color:var(--fb-secondary)}.fb-products{grid-template-columns:repeat(5,1fr)}.fb-product{position:relative}.fb-product-img{aspect-ratio:1;overflow:hidden;border-radius:11px;background:#f4f1ec;position:relative}.fb-product-img img{width:100%;height:100%;object-fit:cover;transition:.3s}.fb-product:hover .fb-product-img img{transform:scale(1.04)}.fb-hover-img{position:absolute!important;inset:0;opacity:0}.fb-product:hover .fb-hover-img{opacity:1}.fb-badge-sale,.fb-badge-new{position:absolute;top:10px;left:10px;background:#111;color:#fff;padding:4px 7px;font-size:10px;border-radius:4px;z-index:2}.fb-badge-sale{background:#b22}.fb-product h3{font-size:15px;margin:11px 0 5px}.fb-rating{font-size:12px}.fb-price{font-weight:800;margin-top:5px}.fb-price del{font-weight:400;color:#999;margin-right:5px}.fb-product-actions{display:flex;gap:6px;margin-top:10px}.fb-product-actions a,.fb-product-actions button{flex:1;border:1px solid #111;background:#111;color:#fff;padding:9px;border-radius:6px;font-size:12px;text-align:center}.fb-product-actions .light{background:#fff;color:#111}.fb-promo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.fb-promo{min-height:250px;border-radius:15px;overflow:hidden;position:relative;background:#eee}.fb-promo img{width:100%;height:100%;object-fit:cover}.fb-benefits{grid-template-columns:repeat(4,1fr);background:var(--fb-border);gap:1px}.fb-benefit{background:#fff;padding:28px;text-align:center}.fb-benefit .icon{font-size:26px;color:var(--fb-secondary)}.fb-testimonials{grid-template-columns:repeat(3,1fr)}.fb-testimonial{padding:25px;border:1px solid var(--fb-border);border-radius:var(--fb-radius);background:#fff}.fb-testimonial .stars{color:#c99a2e}.fb-newsletter{background:#111;color:#fff;text-align:center;padding:65px 20px}.fb-newsletter h2,.fb-cta h2{font:700 40px Georgia,serif;margin:0 0 8px}.fb-newsletter p{color:#bbb}.fb-newsletter form{display:flex;max-width:600px;margin:22px auto}.fb-newsletter input{flex:1;padding:14px;border:0}.fb-newsletter button{padding:0 20px;background:var(--fb-secondary);border:0;font-weight:800}.fb-cta{text-align:center;padding:65px 20px;background:var(--fb-soft)}.fb-footer{background:#101010;color:#eee;padding:60px 0 20px}.fb-footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:30px}.fb-footer h3{font-size:14px;margin:0 0 14px}.fb-footer p,.fb-footer li a{color:#aaa;font-size:13px}.fb-footer ul{list-style:none;padding:0;margin:0}.fb-footer li{margin:8px 0}.fb-footer-logo img{max-height:60px;background:#fff;padding:5px;border-radius:4px}.fb-footer-bottom{border-top:1px solid #292929;margin-top:35px;padding-top:17px;display:flex;justify-content:space-between;color:#888;font-size:12px}.fb-page{padding:50px 0}.fb-shop-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:25px}.fb-shop-toolbar select,.fb-shop-toolbar input{padding:10px;border:1px solid #ddd;border-radius:7px}.fb-shop-layout{display:grid;grid-template-columns:240px 1fr;gap:25px}.fb-filters{border:1px solid var(--fb-border);padding:18px;border-radius:12px;height:max-content}.fb-shop-grid{grid-template-columns:repeat(4,1fr)}.fb-filter-group{margin-bottom:20px}.fb-filter-group h4{margin:0 0 8px}.fb-mobile-bottom{display:none}
@media(max-width:1050px){.fb-cats{grid-template-columns:repeat(3,1fr)}.fb-products{grid-template-columns:repeat(3,1fr)}.fb-footer-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.fb-container{width:calc(100% - 24px)}.fb-header-in{min-height:64px}.fb-logo img{max-height:45px;max-width:170px}.fb-nav{display:none}.fb-mobile-menu{display:block}.fb-hero,.fb-slide,.fb-slide-content{min-height:590px}.fb-slide-shade{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.9) 52%,rgba(255,255,255,.98))}.fb-slide-content{align-items:flex-end;padding-bottom:55px}.fb-copy h1{font-size:42px}.fb-copy p{font-size:15px}.fb-section{padding:48px 0}.fb-cats{grid-template-columns:repeat(2,1fr);gap:12px}.fb-products,.fb-shop-grid{grid-template-columns:repeat(2,1fr);gap:12px}.fb-benefits{grid-template-columns:repeat(2,1fr)}.fb-testimonials{grid-template-columns:1fr}.fb-promo-grid{grid-template-columns:1fr}.fb-footer-grid{grid-template-columns:1fr 1fr}.fb-footer-brand{grid-column:1/-1}.fb-footer-bottom{flex-direction:column}.fb-shop-layout{grid-template-columns:1fr}.fb-filters{order:2}.fb-mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #ddd;z-index:100;justify-content:space-around;padding:7px 2px calc(7px + env(safe-area-inset-bottom));box-shadow:0 -5px 20px #00000012}.fb-mobile-bottom a{font-size:10px;text-align:center}.fb-mobile-bottom span{display:block;font-size:20px}body{padding-bottom:60px}}
