:root{ --vd-accent:#6c5ce7; --vd-text:#111; --vd-border:#eaeaea; }
*{box-sizing:border-box} body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,"Noto Sans Thai",sans-serif;margin:0;color:var(--vd-text)}
.container{max-width:1100px;margin:0 auto;padding:0 16px} .section{padding:20px 0}

/* Header */
.vd-header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--vd-border);z-index:50}
.vd-header__inner{display:flex;align-items:center;justify-content:space-between;height:56px}
.vd-logo{font-weight:800;color:#111;text-decoration:none;font-size:18px;white-space:nowrap}
.vd-icon-link{color:#111;text-decoration:none;font-size:22px;margin-left:10px}
.vd-left{display:flex;align-items:center;gap:8px} .vd-right{display:flex;align-items:center}

/* Search overlay */
.vd-search{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;z-index:100}
.vd-search.open{display:block}
.vd-search__inner{max-width:560px;margin:12vh auto;background:#fff;border-radius:12px;display:flex;align-items:center;padding:12px}
.vd-search input{flex:1;padding:10px 12px;border:1px solid var(--vd-border);border-radius:8px}
.vd-search__close{margin-left:8px;font-size:24px;background:none;border:0;cursor:pointer}

/* Archive grid */
.woocommerce ul.products{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:1024px){.woocommerce ul.products{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){.woocommerce ul.products{grid-template-columns:repeat(2,1fr)}}
.woocommerce ul.products li.product a img{aspect-ratio:1/1;object-fit:cover;border-radius:14px}
.woocommerce ul.products li.product .meta{padding:8px}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:15px;line-height:1.3;margin:6px 0}
.vd-loop-actions{display:flex;gap:8px} .button.vd-outline{background:#fff;border:1px solid var(--vd-border);color:#111}

/* Single product gallery: horizontal scroll */
.vd-gallery-scroll{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;padding-bottom:8px}
.vd-gallery-scroll .vd-gimg{width:100%;flex:0 0 100%;object-fit:cover;scroll-snap-align:center;border-radius:12px}

/* Sticky buy bar */
.vd-sticky-buy{position:fixed;left:0;right:0;bottom:64px;background:#fff;border-top:1px solid var(--vd-border);z-index:60;display:none}
.vd-sticky-buy .vd-buy-inner{display:flex;align-items:center;justify-content:space-between;gap:10px;max-width:1100px;margin:0 auto;padding:10px 16px}
.vd-buy-actions{display:flex;gap:8px}
@media(max-width:900px){ .vd-sticky-buy{display:block} }

/* Bottom nav */
.vd-bottom-nav{display:none}
@media(max-width:768px){
  .vd-bottom-nav{position:fixed;left:0;right:0;bottom:0;height:64px;z-index:70;display:flex;justify-content:space-around;align-items:center;background:#fff;border-top:1px solid var(--vd-border)}
  .vd-bottom-nav .vd-item{flex:1;text-align:center;text-decoration:none;color:#111;font-size:12px;line-height:1.1;position:relative;padding-top:6px}
  .vd-bottom-nav .vd-item.active{color:#6c5ce7}
  .vd-bottom-nav .vd-ico{display:block;font-size:22px;line-height:22px}
  .vd-bottom-nav .vd-text{display:block;margin-top:4px}
  .vd-bottom-nav .vd-badge{position:absolute;top:2px;right:26%;background:#e11d48;color:#fff;border-radius:999px;padding:0 6px;font-size:10px;line-height:18px;height:18px}
  body{padding-bottom:72px}
}