@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Playfair+Display:wght@700&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}.static{position:static}.flex{display:flex}.border{border-style:var(--tw-border-style);border-width:1px}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Inter,sans-serif;overflow-x:hidden}img{max-width:100%}@media (max-width:768px){body{padding-bottom:calc(132px + env(safe-area-inset-bottom))}}.cta-section{background:#f7ead7;padding:80px 20px}@media (max-width:768px){.cta-section{padding:50px 15px}}@media (max-width:480px){.cta-section{padding:40px 12px}}.font-playfair{font-family:Playfair Display,serif}.cta-box{color:#fff;text-align:center;background:#6b3f1f;border-radius:28px;max-width:1000px;margin:auto;padding:60px 30px}.cta-box h2{margin-bottom:16px;font-size:42px}.cta-box p{opacity:.9;margin-bottom:32px;font-size:18px}.cta-buttons{justify-content:center;gap:20px;display:flex}@media (max-width:768px){.cta-box{border-radius:20px;padding:40px 20px}.cta-box h2{margin-bottom:12px;font-size:28px}.cta-box p{margin-bottom:24px;font-size:14px}.cta-buttons{flex-direction:column;gap:12px}}@media (max-width:480px){.cta-box{padding:30px 15px}.cta-box h2{font-size:22px}.cta-box p{font-size:13px}}.btn-primary{color:#2a1e12;background:#caa36f;border-radius:10px;padding:14px 32px;font-weight:600;text-decoration:none;transition:all .3s}.btn-primary:hover{background:#ba915e}.btn-outline{color:#fff;border:2px solid #fff;border-radius:10px;padding:14px 32px;font-weight:600;text-decoration:none;transition:all .3s}.btn-outline:hover{background:#ffffff1a}@media (max-width:768px){.btn-primary,.btn-outline{padding:12px 24px;font-size:14px}}@media (max-width:480px){.btn-primary,.btn-outline{padding:10px 18px;font-size:13px}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
.z-home{color:#1f1f1f;background:#fff}.z-hero{background:#1a1a1a;justify-content:center;align-items:center;min-height:360px;padding:28px 16px;display:flex;position:relative;overflow:hidden}.z-hero-bg-image{object-fit:contain;object-position:center;background:#161616;width:100%;height:100%;position:absolute;inset:0}.z-hero-overlay{pointer-events:none;background:linear-gradient(#00000040,#0000008c);position:absolute;inset:0}.z-hero-content{z-index:1;pointer-events:auto;text-align:center;color:#fff;width:min(920px,100%);position:relative}.z-hero-content h1{margin:0 0 10px;font-size:clamp(2rem,4.5vw,3.4rem);font-weight:800}.z-hero-content p{opacity:.95;margin:0 0 22px;font-size:1.05rem}.z-search{background:#fff;border-radius:12px;gap:10px;max-width:760px;margin:0 auto;padding:8px;display:flex;position:relative}.z-search input{border:none;outline:none;flex:1;padding:10px 12px;font-size:15px}.z-search button{color:#fff;background:#5a371e;border:none;border-radius:10px;padding:10px 18px;font-weight:700}.z-search-suggestions{z-index:5;background:#fff;border:1px solid #e9dece;border-radius:12px;max-height:240px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 24px #29180b24}.z-search-suggestion-item{color:#2a1e12;text-align:left;background:#fff;border:none;border-bottom:1px solid #f1e6d7;width:100%;padding:12px;font-size:14px}.z-search-suggestion-item:last-child{border-bottom:none}.z-search-empty{color:#6d5b49;text-align:left;margin:0;padding:12px;font-size:13px}.z-hero-tags{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.z-hero-tags span{background:#ffffff24;border:1px solid #ffffff40;border-radius:999px;padding:7px 12px;font-size:13px}.z-section{width:min(1200px,100%);margin:0 auto;padding:42px 18px}.z-section-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.z-section-head h2{margin:0;font-size:1.65rem}.z-section-head a{color:#5a371e;font-weight:700;text-decoration:none}.z-category-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;display:grid}.z-category-card{color:#222;background:#fff;border:1px solid #f0f0f0;border-radius:14px;text-decoration:none;overflow:hidden}.z-category-card img{object-fit:contain;object-position:center;background:#f8f5f0;width:100%;height:92px;display:block}.z-category-card span{padding:10px;font-size:13px;font-weight:600;display:block}.z-items-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;display:grid}.z-item-card{background:#fff;border:1px solid #efefef;border-radius:14px;padding:14px}.z-item-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.z-item-top strong{font-size:1rem}.z-item-top span{color:#5a371e;font-weight:800}.z-item-card p{color:#666;margin:8px 0 14px;font-size:14px}.z-item-bottom{justify-content:space-between;align-items:center;display:flex}.z-item-bottom span{color:#777;font-size:13px}.z-item-bottom button{color:#5a371e;background:#fff;border:1px solid #5a371e;border-radius:8px;padding:6px 16px;font-weight:700}.z-how{background:#f7f0e7;border-radius:18px;margin-bottom:34px}.z-how-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;display:grid}.z-how-grid div{background:#fff;border:1px solid #efefef;border-radius:12px;padding:14px}.z-how-grid strong{margin-bottom:6px;display:block}.z-how-grid p{color:#666;margin:0;font-size:14px}@media (max-width:768px){.z-search{flex-direction:column}.z-how-grid{grid-template-columns:1fr}}
.z-products-page{background:#fff;min-height:100vh}.z-products-hero{color:#fff;text-align:center;background:linear-gradient(120deg,#5a371e 0%,#8c6038 100%);padding:52px 18px 36px}.z-products-hero h1{margin:0;font-size:clamp(2rem,4vw,2.9rem)}.z-products-hero p{opacity:.95;margin:8px 0 22px}.z-products-search-wrap{grid-template-columns:1fr 220px;gap:10px;max-width:900px;margin:0 auto;display:grid}.z-products-search-box{position:relative}.z-products-search-wrap input,.z-products-search-wrap select{border:none;border-radius:10px;width:100%;padding:12px 14px;font-size:14px}.z-products-suggestions{z-index:12;background:#fff;border:1px solid #e9dece;border-radius:12px;max-height:240px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 24px #29180b24}.z-products-suggestion-item{color:#2a1e12;text-align:left;background:#fff;border:none;border-bottom:1px solid #f1e6d7;width:100%;padding:12px;font-size:14px}.z-products-suggestion-item:last-child{border-bottom:none}.z-products-search-empty{color:#6d5b49;text-align:left;margin:0;padding:12px;font-size:13px}.z-sort-select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#5a371e 50%),linear-gradient(135deg,#5a371e 50%,#0000 50%);background-position:calc(100% - 16px) calc(50% - 2px),calc(100% - 11px) calc(50% - 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:34px}.z-sort-mobile{display:none}.z-sort-chip{color:#5a371e;background:#fff;border:1px solid #d8c7b2;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700}.z-sort-chip.active{color:#fff;background:#5a371e;border-color:#5a371e}.z-products-shell{width:min(1240px,100%);margin:0 auto;padding:26px 16px 42px}.z-category-chips{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.z-chip{color:#444;background:#fff;border:1px solid #ececec;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600}.z-chip.active{color:#5a371e;background:#f7efe4;border-color:#5a371e}.z-products-meta{color:#707070;justify-content:space-between;margin-bottom:16px;font-size:14px;display:flex}.z-products-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.z-product-card{background:#fff;border:1px solid #eee;border-radius:16px;transition:transform .2s,box-shadow .2s;overflow:hidden}.z-product-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0000000f}.z-product-image-wrap{background:#faf7f2;height:170px;position:relative}.z-product-image{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.z-rating{color:#fff;background:#267e3e;border-radius:8px;padding:4px 7px;font-size:12px;font-weight:700;position:absolute;bottom:10px;right:10px}.z-product-content{padding:12px}.z-product-head{justify-content:space-between;gap:10px;display:flex}.z-product-head h3{margin:0;font-size:16px}.z-product-head strong{color:#5a371e}.z-product-content p{color:#666;margin:6px 0 12px;font-size:13px}.z-product-actions{justify-content:space-between;align-items:center;display:flex}.z-product-actions span{color:#7c7c7c;font-size:12px}.z-product-actions button{color:#5a371e;background:#fff;border:1px solid #5a371e;border-radius:8px;padding:6px 12px;font-weight:700}.z-product-actions button.added{color:#fff;background:#18a558;border-color:#18a558}.z-empty-state{text-align:center;color:#666;border:1px dashed #e5e5e5;border-radius:12px;padding:40px 12px}@media (max-width:768px){.z-products-search-wrap{grid-template-columns:1fr}.z-sort-select{display:none}.z-sort-mobile{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.z-products-meta{flex-direction:column;gap:4px}}
.top-strip{z-index:1001;color:#fff;background:#5a371e;justify-content:center;gap:30px;padding:8px 16px;font-size:12px;font-weight:600;display:flex;position:sticky;top:0}.header{z-index:1000;background:#fff;border-bottom:1px solid #f1f1f1;position:sticky;top:34px}.header-container{grid-template-columns:auto auto 1fr auto;align-items:center;gap:14px;max-width:1280px;margin:0 auto;padding:14px 20px;display:grid}.logo{color:inherit;align-items:center;gap:8px;text-decoration:none;display:flex}.logo img{border-radius:50%;width:42px;height:42px}.logo h1{color:#5a371e;text-transform:uppercase;margin:0;font-size:18px;font-weight:800;line-height:1}.logo p{color:#7f6548;letter-spacing:.04em;margin:0;font-size:10px}.location-pill{color:#444;border:1px solid #efefef;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-weight:600;display:flex}.location-pill svg{color:#5a371e}.header-search{background:#fff;border:1px solid #ececec;border-radius:12px;align-items:center;height:46px;padding:0 10px;display:flex}.header-search svg{color:#888}.header-search input{border:none;outline:none;flex:1;padding:0 10px;font-size:14px}.header-search button{color:#fff;background:#5a371e;border:none;border-radius:8px;padding:8px 12px;font-weight:600}.nav{justify-content:flex-end;gap:14px;display:flex}.nav a{color:#5b5b5b;font-size:14px;font-weight:600;text-decoration:none}.nav a.active{color:#5a371e}.cart-link{text-decoration:none}.cart-chip{color:#2e2e2e;border:1px solid #efefef;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-weight:700;display:flex;position:relative}.cart-chip svg{color:#5a371e}.cart-badge{color:#fff;background:#5a371e;border-radius:50%;justify-content:center;align-items:center;min-width:20px;height:20px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-8px;right:-8px}@media (max-width:1024px){.header-container{grid-template-columns:auto 1fr auto}.location-pill,.nav{display:none}}@media (max-width:640px){.top-strip{gap:10px;padding:7px 8px;font-size:10px}.top-strip span:last-child{display:none}.header{top:30px}.header-container{grid-template-columns:auto auto;justify-content:space-between;gap:8px;padding:10px 12px}.logo h1{font-size:14px}.logo{min-width:126px}.logo p,.cart-chip span{display:none}.cart-chip{padding:10px}}@media (max-width:420px){.logo h1{font-size:16px}}
.floating-cart-btn{color:#fff;z-index:1000;background:#6b3f1f;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;text-decoration:none;transition:transform .2s,background .2s;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 6px 16px #0003}.floating-cart-btn:hover{background:#553218;transform:translateY(-2px)}.floating-cart-btn svg{font-size:22px}.floating-cart-badge{color:#2a1508;text-align:center;background:#f5b700;border-radius:999px;min-width:20px;padding:2px 6px;font-size:12px;font-weight:700;position:absolute;top:-4px;right:-4px}@media (max-width:480px){.floating-cart-btn{display:none}}@media (max-width:768px){.floating-cart-btn{display:none}}
.mobile-bottom-nav{z-index:1100;height:66px;padding-bottom:env(safe-area-inset-bottom);background:#f8f8f8;border-top:1px solid #dfdfdf;grid-template-columns:repeat(4,1fr);display:none;position:fixed;bottom:0;left:0;right:0}.mobile-tab{color:#555;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:600;text-decoration:none;display:flex;position:relative}.tab-icon-wrap{line-height:1;position:relative}.mobile-tab svg{font-size:18px}.mobile-tab.active{color:#5a371e}.tab-badge{color:#fff;background:#5a371e;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;display:flex;position:absolute;top:-8px;right:-12px}@media (max-width:768px){.mobile-bottom-nav{display:grid}}
.mobile-bottom-search-wrap{left:0;right:0;bottom:calc(66px + env(safe-area-inset-bottom));z-index:1150;padding:8px 10px;display:none;position:fixed}.mobile-bottom-search{background:#fffaf3;border:1px solid #d9ccb9;border-radius:12px;align-items:center;gap:8px;height:48px;padding:0 8px;display:flex;box-shadow:0 8px 20px #29180b29}.mobile-bottom-search svg{color:#5a371e;font-size:15px}.mobile-bottom-search input{color:#2a1e12;background:0 0;border:none;outline:none;flex:1;font-size:14px}.mobile-bottom-search button{color:#fff;background:#5a371e;border:none;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:700}.mobile-search-suggestions{background:#fff;border:1px solid #e9dece;border-radius:12px;max-height:220px;position:absolute;bottom:calc(100% + 6px);left:10px;right:10px;overflow-y:auto;box-shadow:0 12px 24px #29180b24}.mobile-search-suggestion-item{color:#2a1e12;text-align:left;background:#fff;border:none;border-bottom:1px solid #f1e6d7;width:100%;padding:12px;font-size:14px}.mobile-search-suggestion-item:last-child{border-bottom:none}.mobile-search-empty{color:#6d5b49;margin:0;padding:12px;font-size:13px}@media (max-width:768px){.mobile-bottom-search-wrap{display:block}}