:root{
–stone:#ffffff;
–stone-2:#f5f5f0;
–ink:#20221F;
–teal:#0E3B3A;
–teal-light:#3E6E68;
–amber:#E1892F;
–sage:#5C7A5A;
–line:#DAD5C6;
–card:#FFFFFF;
}
*{box-sizing:border-box;}
body{margin:0;font-family:’Inter’,sans-serif;background:var(–stone);}
/* —- Top bar —- */
.tki-topbar{
background:var(–teal);
color:var(–stone);
font-family:’IBM Plex Mono’,monospace;
font-size:12px;
letter-spacing:.04em;
text-align:center;
padding:8px 12px;
display:flex;
align-items:center;
justify-content:center;
gap:8px;
flex-wrap:wrap;
}
.tki-topbar a{ color:var(–amber); text-decoration:none; font-weight:600; }
/* —- Header —- */
.tki-store-header{ padding:36px 24px 0; max-width:1200px; margin:0 auto; }
.tki-brand-row{ display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.tki-brand{ font-family:’Space Grotesk’,sans-serif; font-weight:700; font-size:26px; color:var(–teal); letter-spacing:-.01em; }
.tki-brand span{color:var(–amber);}
.tki-tagline{ font-size:13px; color:#666; margin-top:4px; }
.tki-header-actions{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.elementor-3162 .elementor-element.elementor-element-59467df {display:none;}
/* —- Hero —- */
.tki-hero{
margin-top:24px;
background:linear-gradient(120deg, var(–teal) 0%, var(–teal-light) 100%);
border-radius:16px;
padding:28px 30px;
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
flex-wrap:wrap;
color:var(–stone);
}
.tki-hero-text h2{ font-family:’Space Grotesk’,sans-serif; font-size:20px; margin:0 0 6px; }
.tki-hero-text p{ font-size:13px; margin:0; color:#d9e6e2; max-width:480px; }
.tki-hero-cta{
font-family:’Space Grotesk’,sans-serif;
font-weight:600;
font-size:13px;
background:var(–amber);
color:#1c1c1c;
text-decoration:none;
padding:11px 20px;
border-radius:8px;
white-space:nowrap;
transition:.15s ease;
}
.tki-hero-cta:hover{background:#c9761f;}
/* —- Filter pills (ab links hain) —- */
.tki-filters{ display:flex; gap:10px; flex-wrap:wrap; margin-top:22px; }
.tki-pill{
font-family:’Space Grotesk’,sans-serif;
font-weight:600;
font-size:13px;
padding:8px 16px;
border-radius:999px;
border:1.5px solid var(–teal);
background:transparent;
color:var(–teal);
text-decoration:none;
display:inline-block;
cursor:pointer;
transition:.15s ease;
}
.tki-pill:hover{ background:var(–teal); color:var(–stone); }
/* —- Footer —- */
.tki-store-footer{ text-align:center; padding:26px 20px 40px; font-family:’IBM Plex Mono’,monospace; font-size:11px; color:#8a8a7c; border-top:1px solid var(–line); }
.tki-store-footer a{color:var(–teal);text-decoration:none;}
@media (max-width:520px){
.tki-store-header{padding:26px 16px 0;}
.tki-hero{padding:22px;}
}
/* =========================================
WOOCOMMERCE PRODUCT GRID RESTYLE
========================================= */
.woocommerce ul.products{
display:grid !important;
grid-template-columns:repeat(auto-fill,minmax(250px,1fr)) !important;
gap:24px !important;
max-width:1200px;
margin:28px auto 80px !important;
padding:0 24px;
}
.woocommerce ul.products li.product{
background:#fff;
border:1px solid var(–line);
border-radius:12px;
overflow:hidden;
padding:0 !important;
margin:0 !important;
position:relative;
transition:transform .18s ease, box-shadow .18s ease;
}
.woocommerce ul.products li.product:hover{
transform:translateY(-3px);
box-shadow:0 14px 28px -14px rgba(14,59,58,0.35);
}
.woocommerce ul.products li.product img{
width:100% !important;
aspect-ratio:1/1;
object-fit:cover;
border-radius:0 !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
font-family:’Space Grotesk’,sans-serif;
font-weight:600;
font-size:15.5px;
color:var(–ink);
padding:16px 16px 0;
margin:0 0 6px;
}
.woocommerce ul.products li.product .price{
font-family:’IBM Plex Mono’,monospace !important;
font-weight:600;
font-size:15px;
color:var(–teal) !important;
padding:0 16px;
}
.woocommerce ul.products li.product .price del{ opacity:.5; }
.woocommerce ul.products li.product .button{
font-family:’Space Grotesk’,sans-serif !important;
font-weight:600 !important;
font-size:12.5px !important;
padding:9px 15px !important;
border-radius:7px !important;
margin:12px 16px 16px !important;
background:var(–sage) !important;
color:#fff !important;
border:none !important;
transition:.15s ease;
}
.woocommerce ul.products li.product .button:hover{ background:#4c6749 !important; }
.woocommerce ul.products li.product.product-type-external .button{
background:var(–amber) !important;
color:#1c1c1c !important;
}
.woocommerce ul.products li.product.product-type-external .button:hover{
background:#c9761f !important;
}
.woocommerce span.onsale{
background:var(–sage) !important;
font-family:’IBM Plex Mono’,monospace !important;
font-size:10.5px !important;
border-radius:6px !important;
top:12px !important; left:12px !important; right:auto !important;
}
/* —- Our Product / Amazon Pick badge (WPCode snippet ke saath) —- */
.tki-wc-badge{
position:absolute; top:12px; left:12px; z-index:2;
font-family:’IBM Plex Mono’,monospace; font-size:10.5px; font-weight:600;
letter-spacing:.03em; padding:5px 10px; border-radius:6px; text-transform:uppercase;
}
.tki-wc-own{ background:var(–sage); color:#fff; }
.tki-wc-affiliate{ background:var(–amber); color:#1c1c1c; }

🍳 Free delivery on orders above ₹999 — WhatsApp Us

.tki-store-footer{
–stone:#ffffff;
–stone-2:#f5f5f0;
–ink:#20221F;
–teal:#0E3B3A;
–teal-light:#3E6E68;
–amber:#E1892F;
–sage:#5C7A5A;
–line:#DAD5C6;
font-family:’Inter’,sans-serif;
background:var(–teal);
color:#cfe0dc;
position:relative;
}
.tki-store-footer *{box-sizing:border-box;}
/* —- trust bar —- */
.tsf-trustbar{
max-width:1200px;
margin:0 auto;
display:flex;
flex-wrap:wrap;
gap:14px;
justify-content:space-between;
padding:22px 24px;
border-bottom:1px solid rgba(255,255,255,0.12);
}
.tsf-trust-item{
display:flex;
align-items:center;
gap:10px;
font-family:’Space Grotesk’,sans-serif;
font-weight:600;
font-size:12.5px;
color:var(–stone);
flex:1;
min-width:180px;
}
.tsf-trust-item svg{
width:20px; height:20px;
stroke:var(–amber);
fill:none;
stroke-width:1.7;
flex-shrink:0;
}
/* —- main columns —- */
.tsf-main{
max-width:1200px;
margin:0 auto;
display:grid;
grid-template-columns:1.3fr 1fr 1fr 1.1fr;
gap:32px;
padding:40px 24px;
}
.tsf-brand{
font-family:’Space Grotesk’,sans-serif;
font-weight:700;
font-size:22px;
color:var(–stone);
letter-spacing:-0.01em;
margin:0 0 12px;
}
.tsf-brand span{color:var(–amber);}
.tsf-desc{
font-size:12.5px;
line-height:1.65;
max-width:30ch;
margin:0 0 18px;
color:#b9cdc8;
}
.tsf-social{
display:flex;
gap:10px;
}
.tsf-social a{
width:32px; height:32px;
border-radius:50%;
border:1px solid rgba(255,255,255,0.2);
display:flex;
align-items:center;
justify-content:center;
text-decoration:none;
transition:border-color .15s ease, background .15s ease;
}
.tsf-social a,
.tsf-social a:link,
.tsf-social a:visited,
.tsf-social a:active,
.tsf-social a:focus{
color:var(–stone) !important;
}
.tsf-social a:hover{
border-color:var(–amber);
background:rgba(225,137,47,0.15);
}
.tsf-social svg{width:14px; height:14px; stroke:var(–stone); fill:none; stroke-width:1.7;}
.tsf-heading{
font-family:’Space Grotesk’,sans-serif;
font-weight:600;
font-size:13px;
color:var(–stone);
margin:0 0 16px;
text-transform:uppercase;
letter-spacing:0.03em;
}
.tsf-links{list-style:none; margin:0; padding:0;}
.tsf-links li{margin-bottom:11px;}
.tsf-links a{
font-size:12.8px;
text-decoration:none;
}
.tsf-links a,
.tsf-links a:link,
.tsf-links a:visited,
.tsf-links a:active,
.tsf-links a:focus{
color:#cfe0dc !important;
}
.tsf-links a:hover{color:var(–amber) !important;}
.tsf-contact-item{
display:flex;
align-items:flex-start;
gap:9px;
font-size:12.8px;
margin-bottom:13px;
}
.tsf-contact-item a{text-decoration:none;}
.tsf-contact-item a,
.tsf-contact-item a:link,
.tsf-contact-item a:visited,
.tsf-contact-item a:active,
.tsf-contact-item a:focus{
color:#cfe0dc !important;
}
.tsf-contact-item a:hover{color:var(–amber) !important;}
.tsf-contact-item svg{
width:15px; height:15px;
stroke:var(–amber);
fill:none;
stroke-width:1.7;
flex-shrink:0;
margin-top:1px;
}
.tsf-whatsapp{
margin-top:16px;
display:inline-flex;
align-items:center;
gap:8px;
background:#25D366;
color:#fff !important;
font-family:’Space Grotesk’,sans-serif;
font-weight:600;
font-size:12.5px;
text-decoration:none;
padding:10px 16px;
border-radius:8px;
transition:background .15s ease;
}
.tsf-whatsapp:hover{background:#1da851;}
.tsf-whatsapp svg{width:15px; height:15px; fill:#fff; stroke:none;}
/* —- bottom bar —- */
.tsf-bottom{
max-width:1200px;
margin:0 auto;
display:flex;
align-items:center;
justify-content:space-between;
flex-wrap:wrap;
gap:12px;
padding:14px 24px 16px;
border-top:1px solid rgba(255,255,255,0.12);
font-family:’IBM Plex Mono’,monospace;
font-size:11px;
color:#9db5af;
}
.tsf-bottom-links{
display:flex;
gap:18px;
flex-wrap:wrap;
}
.tsf-bottom-links a{text-decoration:none;}
.tsf-bottom-links a,
.tsf-bottom-links a:link,
.tsf-bottom-links a:visited,
.tsf-bottom-links a:active,
.tsf-bottom-links a:focus{
color:#9db5af !important;
}
.tsf-bottom-links a:hover{color:var(–amber) !important;}
@media (max-width:940px){
.tsf-main{grid-template-columns:1fr 1fr; gap:32px 24px;}
.tsf-trustbar{gap:16px 24px;}
.tsf-trust-item{min-width:45%;}
}
@media (max-width:560px){
.tsf-main{grid-template-columns:1fr; gap:30px;}
.tsf-trust-item{min-width:100%;}
.tsf-bottom{flex-direction:column; align-items:flex-start;}
}