.sjf-site{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#3d2b1f;background:#fff8f0;line-height:1.5}
.sjf-site *{box-sizing:border-box}
.sjf-lang{display:none}
.sjf-site[data-lang="en"] .sjf-lang-en{display:inline}
.sjf-site[data-lang="gu"] .sjf-lang-gu{display:inline}
.sjf-site[data-lang="gu"]{font-family:"Noto Sans Gujarati",Inter,ui-sans-serif,sans-serif}
.sjf-site[data-lang="gu"] h1,.sjf-site[data-lang="gu"] h2{font-family:"Noto Sans Gujarati",Georgia,serif;letter-spacing:-.02em}

/* Nav */
.sjf-nav{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;background:rgba(255,248,240,.95);backdrop-filter:blur(6px);border-bottom:1px solid rgba(106,45,29,.1)}
.sjf-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#3d2b1f;font-weight:800;font-size:17px}
.sjf-brand-mark{width:34px;height:34px;border-radius:10px;background:#522207;color:#fff;display:grid;place-items:center;font-weight:900}
.sjf-nav-right{display:flex;align-items:center;gap:12px}
.sjf-search input{padding:9px 14px;border-radius:999px;border:1px solid rgba(106,45,29,.2);font-size:13px;width:180px;background:#fff}
.sjf-lang-switch{display:flex;padding:3px;border:1px solid rgba(106,45,29,.18);border-radius:999px;background:rgba(255,255,255,.75)}
.sjf-lang-switch button{border:0;background:transparent;color:#6c5144;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:800;cursor:pointer}
.sjf-lang-switch button.active{background:#522207;color:#fff}

/* Hero */
.sjf-hero{text-align:center;padding:44px 20px 24px}
.sjf-hero h1{font-size:34px;margin:0 0 8px;font-weight:900}
.sjf-tagline{font-size:16px;color:#6c5144;max-width:560px;margin:0 auto 6px}
.sjf-delivery-note{font-size:13px;color:#8a6a54;font-weight:600}

/* Categories */
.sjf-categories{display:flex;gap:10px;overflow-x:auto;padding:8px 20px 18px;scrollbar-width:none}
.sjf-categories::-webkit-scrollbar{display:none}
.sjf-cat-btn{flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:999px;border:1px solid rgba(106,45,29,.18);background:#fff;font-weight:700;font-size:13px;cursor:pointer;color:#523a2d}
.sjf-cat-btn.active{background:#522207;color:#fff;border-color:#522207}
.sjf-cat-icon{font-size:15px}

/* Product grid */
.sjf-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;padding:8px 20px 40px}
.sjf-empty{grid-column:1/-1;text-align:center;color:#8a6a54;padding:30px}
.sjf-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 22px rgba(73,35,18,.08);display:flex;flex-direction:column}
.sjf-card-media{position:relative;aspect-ratio:1/1;background:#f2e6d8}
.sjf-card-media img{width:100%;height:100%;object-fit:cover;display:block}
.sjf-badge{position:absolute;top:8px;left:8px;background:#c0392b;color:#fff;font-size:11px;font-weight:800;padding:4px 9px;border-radius:999px}
.sjf-avail{position:absolute;top:8px;right:8px;font-size:10px;font-weight:800;padding:4px 8px;border-radius:999px}
.sjf-avail-limited{background:#f5b942;color:#4a2e00}
.sjf-avail-out{background:#7a7a7a;color:#fff}
.sjf-card-body{padding:14px;display:flex;flex-direction:column;gap:10px;flex:1}
.sjf-card-body h3{margin:0;font-size:15px;font-weight:800}
.sjf-card-desc{margin:0;font-size:12.5px;color:#7a5f4c;flex:1}
.sjf-card-controls{display:flex;gap:8px;align-items:center}
.sjf-variant-select{flex:1;padding:8px 10px;border-radius:10px;border:1px solid rgba(106,45,29,.2);font-size:12.5px;background:#fff}
.sjf-qty-stepper{display:flex;align-items:center;border:1px solid rgba(106,45,29,.2);border-radius:10px;overflow:hidden}
.sjf-qty-stepper button{border:0;background:#f2e6d8;width:28px;height:32px;font-size:16px;cursor:pointer;color:#522207}
.sjf-qty-value{width:24px;text-align:center;font-weight:700;font-size:13px}
.sjf-add-btn{width:100%;padding:10px;border:0;border-radius:10px;background:#247a39;color:#fff;font-weight:800;font-size:13px;cursor:pointer}
.sjf-add-btn:disabled{background:#b6ab9f;cursor:not-allowed}

/* Order section */
.sjf-section{padding:36px 20px;max-width:640px;margin:0 auto}
.sjf-eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;color:#c0392b;text-transform:uppercase;margin-bottom:6px}
.sjf-order-section h2{margin:0 0 18px;font-size:24px;font-weight:900}
.sjf-cart-empty{padding:26px;text-align:center;color:#8a6a54;background:#fff;border-radius:14px}
.sjf-cart-wrap{background:#fff;border-radius:16px;padding:18px;box-shadow:0 8px 22px rgba(73,35,18,.08)}
.sjf-cart-list{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:8px}
.sjf-cart-item{display:flex;align-items:center;gap:10px;font-size:13.5px;border-bottom:1px dashed rgba(106,45,29,.15);padding-bottom:8px}
.sjf-cart-item-name{flex:1}
.sjf-cart-item-price{font-weight:800}
.sjf-cart-remove{border:0;background:transparent;color:#c0392b;cursor:pointer;font-size:13px}
.sjf-cart-totals{display:flex;flex-direction:column;gap:6px;padding:12px 0;border-top:1px solid rgba(106,45,29,.12);font-size:13.5px}
.sjf-cart-totals div{display:flex;justify-content:space-between}
.sjf-cart-totals .sjf-grand{font-size:16px;font-weight:900;border-top:1px dashed rgba(106,45,29,.2);padding-top:8px;margin-top:2px}

.sjf-alert{padding:12px 14px;border-radius:10px;margin:12px 0;font-size:13.5px}
.sjf-success{background:#e4f5e8;color:#1f6b34}
.sjf-error{background:#fdecec;color:#a32626}

.sjf-order-form{display:flex;flex-direction:column;gap:12px;margin-top:14px}
.sjf-order-form label{display:flex;flex-direction:column;gap:5px;font-size:12.5px;font-weight:700;color:#5a4234}
.sjf-order-form input,.sjf-order-form textarea{padding:10px 12px;border-radius:10px;border:1px solid rgba(106,45,29,.2);font-size:14px;font-family:inherit;background:#fff}
.sjf-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sjf-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.sjf-payment{border:1px solid rgba(106,45,29,.15);border-radius:12px;padding:10px 12px;display:flex;gap:16px}
.sjf-payment legend{font-size:12px;font-weight:800;color:#8a6a54;padding:0 4px}
.sjf-payment label{flex-direction:row;align-items:center;gap:8px;font-weight:600}
.sjf-submit{display:flex;align-items:center;justify-content:center;gap:6px;padding:14px;border:0;border-radius:12px;background:linear-gradient(135deg,#247a39,#3e9b52);color:#fff;font-weight:900;font-size:15px;cursor:pointer}
.sjf-whatsapp-dot{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#fff;color:#287a3d;font-size:12px}
.sjf-form-foot{font-size:11.5px;color:#8a6a54;text-align:center;margin:0}

/* Footer */
.sjf-footer{text-align:center;padding:32px 20px 100px;color:#8a6a54;font-size:12.5px}
.sjf-footer .sjf-brand{justify-content:center;margin-bottom:8px;color:#3d2b1f}
.sjf-footer p{margin:4px 0}

/* Floating buttons */
.sjf-floating-buttons{position:fixed;right:16px;bottom:86px;display:flex;flex-direction:column;gap:10px;z-index:45}
.sjf-float-btn{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:22px;text-decoration:none;box-shadow:0 8px 18px rgba(0,0,0,.2)}
.sjf-float-call{background:#3d2b1f;color:#fff}
.sjf-float-wa{background:#25d366;color:#fff}

/* Sticky order bar */
.sjf-sticky-bar{position:fixed;left:0;right:0;bottom:0;z-index:44;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;background:#522207;color:#fff;text-decoration:none}
.sjf-sticky-bar b{font-size:16px}
.sjf-sticky-cta{font-weight:800;font-size:13px}

@media(max-width:640px){
  .sjf-search input{width:120px}
  .sjf-form-row{grid-template-columns:1fr}
  .sjf-hero h1{font-size:26px}
  .sjf-products{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
}