:root{
  --kb-bg:#fffaf5; --kb-text:#1f2937; --kb-primary:#b91c1c; --kb-accent:#f59e0b; --kb-success:#16a34a;
  --kb-card:#ffffff; --kb-border:#ecd9c4; --kb-muted:#f7eddc; --kb-shadow:0 20px 40px rgba(31,41,55,.08);
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:var(--kb-bg);color:var(--kb-text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}
.kb-container{width:min(1200px, calc(100% - 2rem));margin-inline:auto}
.kb-main{padding:2rem 0 4rem}
.kb-site-header{position:sticky;top:0;z-index:50;background:rgba(255,250,245,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--kb-border)}
.kb-header-wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0}
.kb-brand__name{font-size:1.25rem;font-weight:800;color:var(--kb-primary)}
.kb-brand__tag{display:block;font-size:.85rem;color:#6b7280}
.kb-nav-toggle{display:none;background:#fff;border:1px solid var(--kb-border);border-radius:12px;padding:.65rem .8rem}
.kb-menu,.kb-footer-menu{display:flex;gap:1rem;list-style:none;padding:0;margin:0}
.kb-menu a{padding:.65rem .8rem;border-radius:999px}
.kb-menu a:hover{background:var(--kb-muted)}
.kb-hero{padding:2rem 0 1rem}
.kb-hero__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center}
.kb-hero__content h1{font-size:clamp(2rem,5vw,4rem);margin:.5rem 0 1rem}
.kb-hero__content p{font-size:1.05rem;color:#4b5563;max-width:55ch}
.kb-chip{display:inline-block;padding:.4rem .8rem;background:#fff;border:1px solid var(--kb-border);border-radius:999px;font-size:.9rem}
.kb-hero__actions,.kb-card__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}
.kb-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 1.1rem;border-radius:999px;background:var(--kb-primary);color:#fff;font-weight:700;border:none;box-shadow:var(--kb-shadow)}
.kb-btn--ghost{background:#fff;color:var(--kb-text);border:1px solid var(--kb-border);box-shadow:none}
.kb-btn--wa{background:var(--kb-success)}
.kb-promo-panel,.kb-status-box,.kb-contact-card,.kb-card,.kb-category-card,.kb-default-article,.kb-package-box,.kb-order-box{background:var(--kb-card);border:1px solid var(--kb-border);border-radius:24px;box-shadow:var(--kb-shadow)}
.kb-promo-panel{display:flex;flex-direction:column;gap:.4rem;padding:1rem 1.15rem;margin-top:1.5rem}
.kb-hero__media img{border-radius:32px;min-height:360px;object-fit:cover;border:1px solid var(--kb-border);box-shadow:var(--kb-shadow)}
.kb-status-bar{padding:1rem 0}
.kb-status-box{padding:1rem 1.25rem;font-weight:700}
.kb-section{padding:2rem 0}
.kb-section--muted{background:linear-gradient(180deg, rgba(247,237,220,.4), rgba(247,237,220,.9))}
.kb-section__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem}
.kb-section__head h2,.kb-page-head h1{font-size:clamp(1.6rem,4vw,2.4rem);margin:0}
.kb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.kb-slider{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,1fr);gap:1rem;overflow:auto;padding-bottom:.5rem;scroll-snap-type:x mandatory}
.kb-slider > *{scroll-snap-align:start}
.kb-card{overflow:hidden}
.kb-card__thumb{position:relative;display:block}
.kb-card__thumb img{width:100%;aspect-ratio:4/3;object-fit:cover}
.kb-badge{position:absolute;top:14px;left:14px;padding:.35rem .7rem;border-radius:999px;color:#fff;font-size:.8rem;font-weight:800}
.kb-badge--accent{background:var(--kb-accent);color:#111827}
.kb-badge--dark{background:#111827;left:auto;right:14px}
.kb-card__body{padding:1rem}
.kb-card__title{margin:0;font-size:1.15rem}
.kb-price-row{display:flex;justify-content:space-between;gap:1rem;align-items:start}
.kb-price{font-weight:800;color:var(--kb-primary)}
.kb-card__excerpt{color:#6b7280}
.kb-package-list{list-style:none;padding:0;margin:.8rem 0 0;display:grid;gap:.45rem}
.kb-package-list li{display:flex;justify-content:space-between;gap:1rem;padding:.6rem .75rem;background:var(--kb-muted);border-radius:14px}
.kb-stock-note{font-weight:700;color:var(--kb-primary)}
.kb-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.kb-category-card{padding:1.25rem;border-radius:22px}
.kb-category-card strong{display:block;font-size:1.05rem}
.kb-about{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem;align-items:start}
.kb-contact-card{padding:1.25rem}
.kb-footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:1rem;padding:2.5rem 0}
.kb-site-footer{margin-top:2rem;background:#1f2937;color:#f9fafb}
.kb-site-footer h3,.kb-site-footer h4{margin-top:0}
.kb-footer-menu{flex-direction:column;gap:.5rem}
.kb-footer-bottom{padding:0 0 2rem;color:#d1d5db}
.kb-default-article,.kb-page-head{padding:1.5rem}
.kb-single-menu{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}
.kb-single-menu__media img{width:100%;border-radius:28px;object-fit:cover}
.kb-single-price{font-size:1.5rem;font-weight:900;color:var(--kb-primary);margin-bottom:1rem}
.kb-package-box,.kb-order-box{padding:1rem 1.1rem;margin-top:1rem}
.kb-package-options{display:grid;gap:.75rem}
.kb-package-option{display:flex;justify-content:space-between;gap:1rem;padding:.8rem .9rem;background:var(--kb-muted);border-radius:16px;cursor:pointer}
.kb-package-option input{margin-right:.75rem}
.kb-order-note{margin-bottom:1rem;font-weight:700}
.screen-reader-text{position:absolute;left:-9999px}
@media (max-width: 960px){
  .kb-grid,.kb-category-grid,.kb-about,.kb-single-menu,.kb-footer-grid,.kb-hero__grid{grid-template-columns:1fr}
}
@media (max-width: 720px){
  .kb-nav-toggle{display:block}
  .kb-nav{display:none;position:absolute;left:1rem;right:1rem;top:calc(100% + .5rem);background:#fff;border:1px solid var(--kb-border);border-radius:20px;box-shadow:var(--kb-shadow);padding:1rem}
  .kb-nav.is-open{display:block}
  .kb-menu{flex-direction:column}
  .kb-grid{grid-template-columns:1fr}
  .kb-slider{grid-auto-columns:88%}
  .kb-main{padding-top:1rem}
}

.kb-header-tools{display:flex;align-items:center;gap:.75rem}
.kb-cart-shortcut,.kb-floating-cart,.kb-icon-btn,.kb-filter-chip,.kb-qty-btn,.kb-remove-btn{border:1px solid var(--kb-border);background:#fff;border-radius:999px}
.kb-cart-shortcut{padding:.75rem 1rem;font-weight:700;cursor:pointer}
.kb-cart-shortcut span{display:inline-flex;min-width:1.5rem;justify-content:center}
.kb-btn--soft{background:#fff;color:var(--kb-text);border:1px solid var(--kb-border);box-shadow:none}
.kb-discovery-bar{display:grid;gap:1rem;margin-bottom:1rem}
.kb-search-input{width:100%;padding:1rem 1.1rem;border-radius:18px;border:1px solid var(--kb-border);background:#fff}
.kb-filter-chips{display:flex;gap:.75rem;flex-wrap:wrap}
.kb-filter-chip{padding:.7rem 1rem;cursor:pointer}
.kb-filter-chip.is-active{background:var(--kb-primary);color:#fff;border-color:var(--kb-primary)}
.kb-empty-grid{padding:1rem 1.2rem;border:1px dashed var(--kb-border);border-radius:18px;background:#fff}
.kb-status-alert{margin-top:.65rem;font-size:.95rem;color:var(--kb-primary)}
.kb-single-actions{display:flex;flex-wrap:wrap;gap:.75rem}
.kb-share-box{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--kb-border)}
.kb-share-actions{display:flex;flex-wrap:wrap;gap:.75rem}
.kb-share-btn{display:inline-flex;padding:.8rem 1rem;border-radius:999px;color:#fff;font-weight:700}
.kb-share-btn--fb{background:#1877f2}
.kb-share-btn--wa{background:#25d366}
.kb-share-btn--ig{background:#e1306c}
.kb-related-section{margin-top:2rem}
.kb-drawer-backdrop{position:fixed;inset:0;background:rgba(17,24,39,.35);z-index:98}
.kb-cart-drawer{position:fixed;top:0;right:0;width:min(420px,100%);height:100dvh;background:#fff;z-index:99;transform:translateX(100%);transition:transform .25s ease;border-left:1px solid var(--kb-border);display:flex;flex-direction:column}
.kb-cart-open .kb-cart-drawer,[aria-hidden="false"].kb-cart-drawer{transform:translateX(0)}
.kb-cart-drawer__head,.kb-cart-drawer__foot{padding:1rem;border-bottom:1px solid var(--kb-border)}
.kb-cart-drawer__head{display:flex;justify-content:space-between;gap:1rem}
.kb-cart-drawer__head span{display:block;color:#6b7280;font-size:.92rem;margin-top:.2rem}
.kb-icon-btn{width:40px;height:40px;cursor:pointer;font-size:1.4rem}
.kb-cart-items{padding:1rem;overflow:auto;display:grid;gap:.85rem;flex:1}
.kb-cart-item{display:grid;grid-template-columns:64px 1fr auto;gap:.75rem;align-items:center;padding:.75rem;border:1px solid var(--kb-border);border-radius:18px}
.kb-cart-item img{width:64px;height:64px;object-fit:cover;border-radius:14px}
.kb-cart-item__body span,.kb-cart-item__meta,.kb-empty-state{display:block;color:#6b7280;font-size:.92rem}
.kb-cart-item__actions{display:grid;gap:.35rem;justify-items:end}
.kb-qty-btn,.kb-remove-btn{padding:.35rem .65rem;cursor:pointer}
.kb-remove-btn{border-radius:12px}
.kb-cart-total{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.9rem;font-weight:700}
.kb-btn--full{width:100%}
.kb-floating-cart{position:fixed;right:1rem;bottom:1rem;z-index:97;padding:.9rem 1rem;box-shadow:var(--kb-shadow);display:inline-flex;align-items:center;gap:.65rem;cursor:pointer}
body.kb-cart-open{overflow:hidden}
@media (max-width: 920px){
  .kb-hero__grid,.kb-single-menu,.kb-about,.kb-footer-grid{grid-template-columns:1fr}
  .kb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kb-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 720px){
  .kb-nav-toggle{display:inline-flex}
  .kb-nav{display:none;position:absolute;left:1rem;right:1rem;top:100%;background:#fff;border:1px solid var(--kb-border);border-radius:20px;padding:1rem;box-shadow:var(--kb-shadow)}
  .kb-nav.is-open{display:block}
  .kb-menu{flex-direction:column}
  .kb-grid,.kb-category-grid{grid-template-columns:1fr}
  .kb-card__actions,.kb-single-actions,.kb-share-actions{flex-direction:column}
}