.hd-products-carousel{position:relative}
.hd-products-carousel .hd-carousel-controls{display:none}
.hd-products-carousel.is-carousel .hd-carousel-controls{display:block}
.hd-carousel-ctrl{position:absolute;top:35%;transform:translateY(-50%);z-index:10;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--hd-color-border);background:var(--hd-color-white);color:var(--hd-color-text);cursor:pointer;transition:all var(--hd-duration);box-shadow:0 4px 10px rgba(0,0,0,.08)}
.hd-carousel-ctrl:hover{background:var(--hd-color-text);color:var(--hd-color-white)}
.hd-carousel-ctrl svg{width:18px;height:18px}
.hd-carousel-ctrl.hd-prev{left:-15px}
.hd-carousel-ctrl.hd-next{right:-15px}
@media(max-width:991px){.hd-carousel-ctrl.hd-prev{left:-5px}.hd-carousel-ctrl.hd-next{right:-5px}}
@media(max-width:575px){.hd-carousel-ctrl.hd-prev{left:5px}.hd-carousel-ctrl.hd-next{right:5px}}
.hd-products-carousel.is-carousel .hd-carousel-track{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}
.hd-products-carousel.is-carousel .hd-carousel-track::-webkit-scrollbar{display:none}
.hd-products-carousel.is-carousel .hd-product-card{scroll-snap-align:start;flex-shrink:0}
/* ── Product carousels ── */
.hd-always-carousel.is-carousel .hd-product-card{width:calc(25% - (var(--hd-space-lg) * 3 / 4))}
@media(max-width:767px){.hd-always-carousel.is-carousel .hd-product-card{width:calc(50% - (var(--hd-space-lg) / 2))}}
/* Non-carousel fallback grid */
@media(max-width:767px){.hd-carousel-mobile.is-carousel .hd-product-card{width:100%}}
@media(max-width:991px){.hd-product-card{width:calc(50% - (var(--hd-space-lg) / 2))}}
@media(max-width:575px){.hd-product-card{width:calc(50% - (var(--hd-space-lg) / 2))}}

/* ── Category carousel cards ── */
/* Desktop: show 4 */
.hd-cat-carousel.is-carousel .hd-cat-card{width:calc(25% - (var(--hd-space-lg) * 3 / 4));scroll-snap-align:start}
/* Tablet: show 2 */
@media(max-width:991px){.hd-cat-carousel.is-carousel .hd-cat-card{width:calc(50% - (var(--hd-space-lg) / 2))}}
/* Mobile: show ~1.3 to hint scrollability */
@media(max-width:575px){.hd-cat-carousel.is-carousel .hd-cat-card{width:75vw;max-width:260px}}

/* ══════════════════════════════════
   PRODUCT DESCRIPTION
══════════════════════════════════ */
.hd-description-section{max-width:900px;margin:0 auto var(--hd-space-3xl) auto;padding:0 var(--hd-space-lg)}
.hd-desc-header{display:flex;align-items:center;justify-content:center;gap:var(--hd-space-sm);margin-bottom:var(--hd-space-xl)}
.hd-desc-header svg{width:32px;height:32px;color:var(--hd-color-text)}
.hd-desc-header h3{font-family:var(--hd-font-heading);font-size:var(--hd-text-3xl);font-weight:800;margin:0;color:var(--hd-color-text)}
.hd-desc-content h2{font-family:var(--hd-font-heading);font-size:var(--hd-text-2xl);font-weight:800;margin-bottom:var(--hd-space-md);color:var(--hd-color-text)}
.hd-desc-content p{font-size:var(--hd-text-base);color:var(--hd-color-text-dim);line-height:1.7;margin-bottom:var(--hd-space-xl)}
.hd-desc-content h4{font-family:var(--hd-font-heading);font-size:var(--hd-text-xl);font-weight:800;margin-bottom:var(--hd-space-md);display:flex;align-items:center;gap:8px;color:var(--hd-color-text)}
.hd-desc-content ul{list-style:none;padding:0}
.hd-desc-content li{position:relative;padding-left:20px;margin-bottom:var(--hd-space-md);font-size:var(--hd-text-base);color:var(--hd-color-text-dim);line-height:1.6}
.hd-desc-content li::before{content:"•";position:absolute;left:0;top:0;font-size:18px;color:var(--hd-color-text)}
.hd-desc-content li strong{font-weight:700;color:var(--hd-color-text)}

/* ══════════════════════════════════
   SHOP PAGE
══════════════════════════════════ */
.hd-shop-breadcrumb,.hd-shop-header-section,.hd-shop-filter-bar,.hd-shop-filter-panel,.hd-shop-grid,.hd-shop-pagination,.hd-description-section .hd-desc-content h2,.hd-shop-title{font-family:'Satoshi',sans-serif}
.hd-shop-breadcrumb{padding:1.5rem 0;font-size:.875rem;color:var(--hd-color-text-light)}
.hd-shop-breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.hd-shop-breadcrumb a{color:var(--hd-color-text-light);text-decoration:none;transition:color .2s ease}
.hd-shop-breadcrumb a:hover{color:var(--hd-color-text)}
.hd-shop-breadcrumb li:not(:last-child)::after{content:'/';margin-left:.5rem;color:var(--hd-color-border)}
.hd-shop-breadcrumb-current{color:var(--hd-color-text);font-weight:500}
.hd-shop-header-section{margin-bottom:2.5rem}
.hd-shop-title-area{text-align:center;margin-bottom:20px}
.hd-shop-title{font-size:clamp(1.75rem,1.4rem + 1.5vw,2.5rem);font-weight:700;margin-bottom:8px;line-height:1.15}
.hd-shop-desc{color:var(--hd-color-text-light);max-width:640px;margin:0 auto 4px}
.hd-shop-filter-bar{border-top:1px solid var(--hd-color-border);border-bottom:1px solid var(--hd-color-border);padding:1rem 0;position:relative}
.hd-shop-filter-actions{display:flex;justify-content:space-between;align-items:center}
.hd-shop-filter-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--hd-color-accent-2);border:none;color:var(--hd-color-text);cursor:pointer;transition:background var(--hd-duration)}
.hd-shop-filter-btn:hover{background:var(--hd-color-border)}
.hd-shop-filter-btn span{display:none}
.hd-shop-filter-btn svg{width:20px;height:20px}
.hd-shop-filter-panel{display:block;max-height:0;opacity:0;padding-top:0;margin-top:0;overflow:hidden;transition:max-height .4s ease-in-out,opacity .4s ease-in-out,padding .4s ease-in-out,margin .4s ease-in-out}
.hd-shop-filter-panel.active{max-height:500px;opacity:1;padding-top:1.5rem;margin-top:1rem;border-top:1px solid var(--hd-color-border-light)}
.hd-shop-filter-tags{display:flex;flex-wrap:wrap;gap:.75rem;padding-bottom:.5rem}
.hd-filter-tag{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.4rem;border:1px solid var(--hd-color-border);border-radius:50px;background:transparent;color:var(--hd-color-text);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--hd-duration) var(--hd-ease)}
.hd-filter-tag:hover{border-color:var(--hd-color-text-dim)}
.hd-filter-tag.active{background:var(--hd-color-black);color:var(--hd-color-white);border-color:var(--hd-color-black)}
.hd-shop-sort{position:relative;display:flex;align-items:center;margin-left:auto}
.hd-shop-sort select{appearance:none;background:none;border:1px solid var(--hd-color-border);padding:.5rem 2.5rem .5rem 1rem;font-family:inherit;font-size:.9rem;color:var(--hd-color-text);border-radius:4px;cursor:pointer;min-width:180px}
.hd-shop-sort .hd-sort-icon{position:absolute;right:1rem;width:16px;height:16px;pointer-events:none;color:var(--hd-color-text-light)}
.hd-shop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3rem 1.5rem;margin-bottom:4rem}
.hd-shop-grid .hd-product-card{width:100%}
@media(max-width:991px){
  .hd-shop-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem 1rem}
  .hd-shop-filter-panel.active{max-height:1500px}
  .hd-shop-filter-grid{flex-direction:column;gap:1.5rem}
}
@media(max-width:576px){
  .hd-shop-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}
  .hd-shop-sort select{padding:.4rem 2rem .4rem .5rem;font-size:.8rem;min-width:140px}
  .hd-shop-title{font-size:1.75rem}
}

/* ══════════════════════════════════
   PAGINATION (Global)
══════════════════════════════════ */
.hd-shop-pagination{display:flex;justify-content:center;margin:4rem 0}
.hd-pagination-list{list-style:none;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem}
.hd-pagination-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--hd-color-border);color:var(--hd-color-text);text-decoration:none;font-weight:500;transition:all .2s ease}
.hd-pagination-link:hover,.hd-pagination-link.active{background:var(--hd-color-black);color:var(--hd-color-white);border-color:var(--hd-color-black)}
.hd-pagination-link svg{width:20px;height:20px}
.hd-pagination-dots{color:var(--hd-color-text-light);font-weight:500;padding:0 .5rem}

/* ══════════════════════════════════
   CART PAGE
══════════════════════════════════ */
.hd-cart-page,.hd-cart-page *{font-family:'Satoshi',sans-serif!important}
.hd-cart-header{text-align:center;margin:2rem auto 3rem auto}
.hd-cart-wrapper{display:flex;gap:3rem;align-items:flex-start;margin-bottom:5rem}
.hd-cart-items-section{flex:1;min-width:0}
.hd-cart-totals-section{width:380px;flex-shrink:0}
.hd-cart-shipping-msg{background:var(--hd-color-accent-2);padding:1.25rem 1.5rem;border-radius:var(--hd-radius-md);margin-bottom:2rem}
.hd-cart-shipping-msg p{font-size:.95rem;color:var(--hd-color-text-light);margin:0 0 .75rem 0;text-align:center}
.hd-shipping-progress-bar{height:6px;background:var(--hd-color-border);border-radius:10px;overflow:hidden}
.hd-shipping-fill{height:100%;background:var(--hd-color-black);border-radius:10px;transition:width .5s ease}
.hd-cart-card-list{display:flex;flex-direction:column;border:1px solid var(--hd-color-border);border-radius:var(--hd-radius-md);background:var(--hd-color-white);overflow:hidden}
.hd-cart-card{display:flex;padding:1.5rem;gap:1.5rem;position:relative;border-bottom:1px solid var(--hd-color-border-light)}
.hd-cart-card:last-child{border-bottom:none}
.hd-cart-card-left{flex-shrink:0}
.hd-cart-card-img{display:block;width:100px;height:100px;border-radius:var(--hd-radius-sm);overflow:hidden;background:var(--hd-color-accent-2)}
.hd-cart-card-img img{width:100%;height:100%;object-fit:cover}
.hd-cart-card-right{flex:1;display:flex;flex-direction:column;justify-content:space-between}
.hd-cart-card-top{display:flex;justify-content:space-between;align-items:flex-start}
.hd-cart-card-info{display:flex;flex-direction:column;gap:4px}
.hd-cart-card-title{font-size:1rem;font-weight:700;color:var(--hd-color-text);text-decoration:none}
.hd-cart-card-meta{font-size:.85rem;color:var(--hd-color-text-dim);line-height:1.4;margin:0}
.hd-cart-delete-btn{background:none;border:none;color:#e53935;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:opacity var(--hd-duration)}
.hd-cart-delete-btn:hover{opacity:.7}
.hd-cart-delete-btn svg{width:20px;height:20px}
.hd-cart-card-bottom{display:flex;justify-content:space-between;align-items:flex-end;margin-top:1rem}
.hd-cart-card-price{font-size:1.1rem;font-weight:800;color:var(--hd-color-text)}
.hd-cart-qty{display:flex;align-items:center;background:var(--hd-color-accent-2);border-radius:var(--hd-radius-md);height:38px;padding:0 4px}
.cart-qty-btn{background:none;border:none;width:28px;height:100%;font-size:1.1rem;font-weight:500;color:var(--hd-color-text);cursor:pointer;display:flex;align-items:center;justify-content:center}
.cart-qty-input{width:30px;text-align:center;border:none;background:transparent;font-size:.9rem;font-weight:600;color:var(--hd-color-text);-moz-appearance:textfield;appearance:textfield}
.cart-qty-input::-webkit-outer-spin-button,.cart-qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.hd-cart-summary-card{background:var(--hd-color-white);border:1px solid var(--hd-color-border);border-radius:var(--hd-radius-md);padding:1.75rem}
.hd-cart-summary-title{font-size:1.2rem;font-weight:700;margin:0 0 1.5rem 0;color:var(--hd-color-text)}
.hd-cart-summary-group{display:flex;flex-direction:column;gap:1.1rem}
.hd-cart-summary-row{display:flex;justify-content:space-between;align-items:center}
.hd-cart-summary-lbl{font-size:.95rem;color:var(--hd-color-text-dim)}
.hd-cart-summary-val{font-size:.95rem;color:var(--hd-color-text)}
.hd-fw-btn{font-weight:700}
.hd-color-dim{color:var(--hd-color-text-dim)}
.hd-color-red{color:#e53935;font-weight:600}
.hd-cart-summary-divider{border:none;border-top:1px solid var(--hd-color-border-light);margin:1.5rem 0}
.hd-total-row .hd-cart-summary-lbl{font-size:1rem;font-weight:600;color:var(--hd-color-text)}
.hd-total-row .hd-cart-summary-val{font-size:1.4rem;font-weight:800;color:var(--hd-color-text)}
.hd-cart-promo-form{display:flex;gap:.5rem;margin:1.5rem 0}
.hd-cart-promo-inputWrap{flex:1;position:relative;display:flex;align-items:center}
.hd-promo-icon{position:absolute;left:12px;width:18px;height:18px;color:var(--hd-color-text-dim)}
.hd-cart-promo-form input{width:100%;padding:12px 14px 12px 38px;border:1px solid var(--hd-color-border);border-radius:var(--hd-radius-md);font-size:.9rem;background:var(--hd-color-accent-2);outline:none;transition:border-color var(--hd-duration)}
.hd-cart-promo-form input:focus{border-color:var(--hd-color-text-dim)}
.hd-promo-apply-btn{padding:0 1.25rem;background:var(--hd-color-black);color:var(--hd-color-white);border:none;border-radius:var(--hd-radius-md);font-weight:600;font-size:.9rem;cursor:pointer;transition:opacity var(--hd-duration)}
.hd-promo-apply-btn:hover{opacity:.85}
.hd-checkout-btn-main{display:flex;align-items:center;justify-content:center;width:100%;padding:18px;background:var(--hd-color-black);color:var(--hd-color-white);border-radius:var(--hd-radius-md);font-size:1rem;font-weight:600;text-decoration:none;transition:opacity var(--hd-duration)}
.hd-checkout-btn-main:hover{opacity:.85;color:var(--hd-color-white)}
@media(max-width:991px){.hd-cart-wrapper{flex-direction:column}.hd-cart-totals-section{width:100%}}
@media(max-width:576px){
  .hd-cart-card{padding:1rem;gap:1rem}
  .hd-cart-card-img{width:80px;height:80px}
  .hd-cart-summary-card{padding:1.25rem}
  .hd-cart-wrapper{margin-bottom:90px}
  .hd-checkout-btn-main{position:fixed;bottom:0;left:0;right:0;width:100%;border-radius:0;z-index:1000;margin:0;padding:20px}
}

/* ══════════════════════════════════
   CART DRAWER
══════════════════════════════════ */
.hd-cart-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:2000;opacity:0;visibility:hidden;backdrop-filter:blur(2px);transition:opacity .3s ease,visibility .3s ease}
.hd-cart-drawer-overlay.is-active{opacity:1;visibility:visible}
.hd-cart-drawer{position:fixed;top:0;right:0;transform:translateX(100%);width:360px;max-width:100vw;height:100vh;background:var(--hd-color-white);z-index:2001;display:flex;flex-direction:column;transition:transform .4s cubic-bezier(.25,1,.5,1);box-shadow:-5px 0 25px rgba(0,0,0,.05);font-family:'Satoshi',sans-serif!important}
.hd-cart-drawer *{font-family:'Satoshi',sans-serif!important}
.hd-cart-drawer.is-active{transform:translateX(0)}
.hd-cart-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--hd-color-border-light)}
.hd-cart-drawer-title{font-size:1.1rem;font-weight:700;color:var(--hd-color-text);margin:0}
.hd-cart-drawer-close{background:none;border:none;cursor:pointer;color:var(--hd-color-text);display:flex;align-items:center;justify-content:center;transition:transform var(--hd-duration)}
.hd-cart-drawer-close:hover{transform:rotate(90deg)}
.hd-cart-drawer-close svg{width:20px;height:20px}
.hd-cart-drawer-shipping{padding:.85rem 1.5rem;background:var(--hd-color-accent-2);border-bottom:1px solid var(--hd-color-border-light)}
.hd-cart-drawer-shipping p{font-size:.8rem;color:var(--hd-color-text-dim);margin:0 0 .5rem 0;text-align:center}
.hd-cart-drawer-body{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}
.hd-drawer-item{display:flex;gap:1rem}
.hd-drawer-item-img{width:64px;height:64px;flex-shrink:0;border-radius:var(--hd-radius-sm);background:var(--hd-color-accent-2);overflow:hidden}
.hd-drawer-item-img img{width:100%;height:100%;object-fit:cover}
.hd-drawer-item-info{flex:1;display:flex;flex-direction:column}
.hd-drawer-item-top{display:flex;justify-content:space-between;align-items:flex-start}
.hd-drawer-item-title{font-size:.9rem;font-weight:600;color:var(--hd-color-text);text-decoration:none;margin-bottom:4px;line-height:1.2}
.hd-drawer-item-meta{font-size:.75rem;color:var(--hd-color-text-dim);margin:0 0 6px 0}
.hd-drawer-item-remove{background:none;border:none;color:var(--hd-color-text-dim);padding:0;cursor:pointer}
.hd-drawer-item-remove svg{width:14px;height:14px}
.hd-drawer-item-bottom{display:flex;justify-content:space-between;align-items:flex-end;margin-top:auto}
.hd-drawer-item-price{font-size:.95rem;font-weight:700;color:var(--hd-color-text)}
.hd-drawer-qty{display:flex;align-items:center;background:var(--hd-color-accent-2);border-radius:var(--hd-radius-sm);height:28px}
.hd-drawer-qty-btn{background:none;border:none;width:24px;font-size:.9rem;cursor:pointer;color:var(--hd-color-text)}
.hd-drawer-qty-input{width:24px;text-align:center;border:none;background:transparent;font-size:.8rem;font-weight:600;color:var(--hd-color-text);-moz-appearance:textfield;appearance:textfield}
.hd-drawer-qty-input::-webkit-outer-spin-button,.hd-drawer-qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.hd-cart-drawer-footer{padding:1.25rem 1.5rem;border-top:1px solid var(--hd-color-border-light);background:var(--hd-color-white)}
.hd-drawer-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}
.hd-drawer-total span{font-size:1rem;font-weight:700;color:var(--hd-color-text)}
.hd-drawer-actions{display:flex;flex-direction:column;gap:.5rem}
.hd-drawer-checkout-btn,.hd-drawer-viewcart-btn{display:flex;justify-content:center;align-items:center;width:100%;padding:12px;border-radius:var(--hd-radius-md);font-size:.9rem;font-weight:600;text-decoration:none;transition:opacity var(--hd-duration),background var(--hd-duration)}
.hd-drawer-checkout-btn{background:var(--hd-color-black);color:var(--hd-color-white)}
.hd-drawer-checkout-btn:hover{opacity:.85}
.hd-drawer-viewcart-btn{background:var(--hd-color-white);color:var(--hd-color-black);border:1px solid var(--hd-color-border)}
.hd-drawer-viewcart-btn:hover{background:var(--hd-color-accent-2)}

/* ══════════════════════════════════
   PAGES / BLOG
══════════════════════════════════ */
.hd-page-header-section{padding-top:3rem;padding-bottom:3rem;text-align:center;background:var(--hd-color-white)}
.hd-page-title-area{max-width:600px;margin:0 auto}
.hd-page-title{font-size:var(--hd-text-4xl);font-weight:700;color:var(--hd-color-text);margin:0 0 .5rem 0;line-height:1.2}
.hd-page-desc{font-size:var(--hd-text-lg);color:var(--hd-color-text-dim);margin:0;line-height:1.6}
.hd-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:4rem}
.hd-blog-card{display:flex;flex-direction:column;background:var(--hd-color-white);border:1px solid var(--hd-color-border-light);border-radius:var(--hd-radius-md);overflow:hidden;transition:box-shadow var(--hd-duration),transform var(--hd-duration);text-decoration:none;color:inherit}
.hd-blog-card:hover{box-shadow:0 10px 30px rgba(0,0,0,.05);transform:translateY(-4px)}
.hd-blog-image{width:100%;aspect-ratio:16/10;overflow:hidden;background:var(--hd-color-accent-2)}
.hd-blog-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,1,.5,1)}
.hd-blog-card:hover .hd-blog-image img{transform:scale(1.05)}
.hd-blog-content{display:flex;flex-direction:column;padding:1.5rem;flex:1}
.hd-blog-meta{font-size:var(--hd-text-xs);color:var(--hd-color-text-dim);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:.5px}
.hd-blog-meta-category{color:var(--hd-color-black);font-weight:600}
.hd-blog-title{font-size:var(--hd-text-xl);font-weight:700;color:var(--hd-color-text);margin:0 0 1rem 0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hd-blog-excerpt{font-size:var(--hd-text-sm);color:var(--hd-color-text-dim);line-height:1.6;margin:0 0 1.5rem 0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}
.hd-blog-readmore{font-weight:600;font-size:var(--hd-text-sm);color:var(--hd-color-black);display:inline-flex;align-items:center;gap:.5rem;margin-top:auto;text-decoration:none;transition:gap var(--hd-duration)}
.hd-blog-readmore svg{width:18px;height:18px;transition:transform var(--hd-duration)}
.hd-blog-card:hover .hd-blog-readmore{gap:.75rem}
@media(max-width:991px){.hd-page-header-section{padding-top:2rem;padding-bottom:2rem}.hd-blog-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:3rem}}
@media(max-width:767px){.hd-blog-grid{grid-template-columns:1fr;gap:1.5rem}.hd-blog-image{aspect-ratio:16/9}}

/* ══════════════════════════════════
   SINGLE BLOG POST
══════════════════════════════════ */
.hd-single-blog-wrapper{display:grid;grid-template-columns:2fr 1fr;gap:2rem;padding-top:1rem;padding-bottom:1rem}
.hd-sidebar-widget{background:var(--hd-color-white);padding:2rem;border:1px solid var(--hd-color-border-light);border-radius:var(--hd-radius-md);margin-bottom:2rem}
.hd-sidebar-title{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;color:var(--hd-color-text);border-bottom:1px solid var(--hd-color-border-light);padding-bottom:.75rem}
.hd-sidebar-list{list-style:none;padding:0;margin:0}
.hd-sidebar-list li{margin-bottom:1rem}
.hd-sidebar-list li:last-child{margin-bottom:0}
.hd-sidebar-list a{color:var(--hd-color-text-dim);text-decoration:none;transition:color var(--hd-duration);display:flex;justify-content:space-between}
.hd-sidebar-list a:hover{color:var(--hd-color-text)}
.hd-article{min-width:0}
.hd-article-header{margin-bottom:2.5rem}
.hd-article-meta{font-size:var(--hd-text-sm);color:var(--hd-color-text-dim);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:.5px;font-weight:600}
.hd-article-meta .category{color:var(--hd-color-black)}
.hd-article-title{font-size:var(--hd-text-3xl);font-weight:700;line-height:1.15;margin-bottom:1.5rem;color:var(--hd-color-text)}
.hd-article-author{display:flex;align-items:center;gap:1rem}
.hd-article-author img{width:45px;height:45px;border-radius:50%;object-fit:cover;background:var(--hd-color-accent-2)}
.hd-article-author-info span{display:block}
.hd-article-author-name{font-weight:700;color:var(--hd-color-text)}
.hd-article-author-role{font-size:.85rem;color:var(--hd-color-text-dim)}
.hd-article-featured-img{width:100%;border-radius:var(--hd-radius-md);margin-bottom:3rem;aspect-ratio:16/9;object-fit:cover;display:block}
.hd-article-body{font-size:var(--hd-text-lg);line-height:1.8;color:var(--hd-color-text-dim)}
.hd-article-body h2{color:var(--hd-color-black);font-size:var(--hd-text-3xl);margin:3rem 0 1.5rem;font-weight:700}
.hd-article-body h3{color:var(--hd-color-black);font-size:var(--hd-text-2xl);margin:2.5rem 0 1rem;font-weight:700}
.hd-article-body p{margin-bottom:1.5rem}
.hd-article-body ul,.hd-article-body ol{margin:0 0 1.5rem 2rem;padding:0}
.hd-article-body li{margin-bottom:.5rem}
.hd-article-body blockquote{font-size:var(--hd-text-2xl);font-style:italic;border-left:4px solid var(--hd-color-black);padding:1rem 0 1rem 2rem;margin:3rem 0;color:var(--hd-color-text);line-height:1.5}
.hd-article-body img{border-radius:var(--hd-radius-md);width:100%;margin:2rem 0}
.hd-article-footer{display:flex;align-items:center;justify-content:space-between;padding:2.5rem 0;border-top:1px solid var(--hd-color-border-light);border-bottom:1px solid var(--hd-color-border-light);margin:4rem 0}
.hd-article-tags{display:flex;gap:.5rem;flex-wrap:wrap}
.hd-article-tag{background:var(--hd-color-accent-2);padding:.4rem 1rem;border-radius:var(--hd-radius-full);font-size:.85rem;text-decoration:none;color:var(--hd-color-text);transition:background var(--hd-duration)}
.hd-article-tag:hover{background:var(--hd-color-border-light)}
.hd-article-share{display:flex;align-items:center;gap:1rem}
.hd-share-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--hd-color-border);display:flex;align-items:center;justify-content:center;color:var(--hd-color-text);transition:all var(--hd-duration)}
.hd-share-btn:hover{background:var(--hd-color-black);color:var(--hd-color-white);border-color:var(--hd-color-black)}
.hd-share-btn svg{width:18px;height:18px}
.hd-comments-section{margin-bottom:4rem}
.hd-comments-title{font-size:var(--hd-text-2xl);margin-bottom:2rem;color:var(--hd-color-text)}
.hd-comment{display:flex;gap:1.5rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--hd-color-border-light)}
.hd-comment:last-child{border-bottom:none}
.hd-comment.hd-comment-reply{margin-left:4rem;margin-top:-1rem;padding-top:1rem}
.hd-comment-avatar{width:60px;height:60px;border-radius:50%;background:var(--hd-color-accent-2);flex-shrink:0;overflow:hidden}
.hd-comment-avatar img{width:100%;height:100%;object-fit:cover}
.hd-comment-body{flex:1}
.hd-comment-author{font-weight:700;font-size:var(--hd-text-lg);margin-bottom:.25rem;color:var(--hd-color-black)}
.hd-comment-date{font-size:var(--hd-text-sm);color:var(--hd-color-text-light);margin-bottom:1rem;display:block}
.hd-comment-text{line-height:1.6;color:var(--hd-color-text-dim)}
.hd-comment-reply-btn{background:var(--hd-color-accent-2);color:var(--hd-color-text);padding:.4rem 1rem;border-radius:var(--hd-radius-sm);font-weight:600;font-size:var(--hd-text-xs);cursor:pointer;border:none;text-transform:uppercase;letter-spacing:.5px;transition:all var(--hd-duration);display:inline-block;margin-top:1rem}
.hd-comment-reply-btn:hover{background:var(--hd-color-black);color:var(--hd-color-white)}
.hd-comment-form-wrapper{background:var(--hd-color-accent-1);padding:3rem;border-radius:var(--hd-radius-md)}
.hd-comment-form-title{font-size:var(--hd-text-2xl);margin-bottom:1rem;color:var(--hd-color-black)}
.hd-comment-form p{color:var(--hd-color-text-dim);margin-bottom:2rem}
.hd-comment-form input,.hd-comment-form textarea{width:100%;padding:1rem;border:1px solid var(--hd-color-border);border-radius:var(--hd-radius-sm);font-family:var(--hd-font-body);font-size:var(--hd-text-base);outline:none;transition:border-color var(--hd-duration)}
.hd-comment-form input:focus,.hd-comment-form textarea:focus{border-color:var(--hd-color-black)}
.hd-comment-form button{background:var(--hd-color-black);color:var(--hd-color-white);padding:1rem 3rem;border:none;border-radius:var(--hd-radius-sm);cursor:pointer;font-weight:700;font-size:var(--hd-text-base);transition:background var(--hd-duration)}
.hd-comment-form button:hover{background:var(--hd-color-text-dim)}
.hd-related-posts-section{padding-top:5rem;padding-bottom:5rem;background:var(--hd-color-white);border-top:1px solid var(--hd-color-border-light)}
.hd-related-header{margin-bottom:3rem;text-align:center}
.hd-related-title{font-size:var(--hd-text-4xl);color:var(--hd-color-black)}
/* Related products section (single product page) */
.hd-related-section{padding:52px 0;border-top:1px solid var(--hd-color-border)}
.hd-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--hd-space-lg)}
@media(max-width:991px){.hd-related-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:575px){.hd-related-grid{grid-template-columns:repeat(2,1fr);gap:var(--hd-space-md)}}
@media(max-width:991px){
  .hd-single-blog-wrapper{grid-template-columns:1fr;gap:3rem}
  .hd-sidebar-widget{background:transparent;padding:0;border:none}
}
@media(max-width:768px){
  .hd-single-blog-wrapper{padding-top:1.5rem;padding-bottom:1.5rem;gap:2rem}
  .hd-article-body h2{margin:2rem 0 1rem}
  .hd-article-body h3{margin:1.5rem 0 1rem}
  .hd-article-body blockquote{margin:2rem 0;padding:1rem 0 1rem 1.25rem}
  .hd-form-row{grid-template-columns:1fr}
  .hd-comment-form-wrapper{padding:2rem 1.5rem}
  .hd-comment-avatar{width:45px;height:45px}
  .hd-comment.hd-comment-reply{margin-left:1.5rem}
}

/* ─────────────────────────────────────────────
   WooCommerce Toast Notices (CSS-only, no JS)
──────────────────────────────────────────────── */
@keyframes hd-toast-in{from{opacity:0;transform:translateX(calc(100% + 32px))}to{opacity:1;transform:translateX(0)}}
@keyframes hd-toast-out{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(calc(100% + 32px))}}
@keyframes hd-toast-shrink{from{max-height:200px;padding-top:14px;padding-bottom:14px;margin-bottom:0}to{max-height:0;padding-top:0;padding-bottom:0;margin-bottom:0;overflow:hidden}}

.hd-toasts{
  position:fixed;
  top:24px;
  right:24px;
  z-index:999999;
  display:flex;
  flex-direction:column;
  gap:10px;
  width:360px;
  max-width:calc(100vw - 48px);
  pointer-events:none;
}

/* WC wraps each notice in .woocommerce-notices-wrapper */
.hd-toasts .woocommerce-notices-wrapper{
  pointer-events:auto;
  display:contents;
}

/* Base toast style */
.hd-toasts .woocommerce-message,
.hd-toasts .woocommerce-error,
.hd-toasts .woocommerce-info{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px 16px;
  border-radius:10px;
  font-size:14px;
  font-family:var(--hd-font-body);
  line-height:1.5;
  box-shadow:0 4px 24px rgba(0,0,0,.13),0 1px 4px rgba(0,0,0,.08);
  list-style:none;
  margin:0;
  position:relative;
  overflow:hidden;
  /* slide in, hold, slide out */
  animation:
    hd-toast-in  .35s cubic-bezier(.34,1.56,.64,1) forwards,
    hd-toast-out .35s ease 5.35s forwards,
    hd-toast-shrink .3s ease 5.7s forwards;
}

/* Colour-coded left accent bar */
.hd-toasts .woocommerce-message::before,
.hd-toasts .woocommerce-error::before,
.hd-toasts .woocommerce-info::before{
  content:'';
  position:absolute;
  left:0;top:0;bottom:0;
  width:4px;
  border-radius:10px 0 0 10px;
}

/* ── Success (green) ── */
.hd-toasts .woocommerce-message{
  background:#f0fdf4;
  color:#166534;
}
.hd-toasts .woocommerce-message::before{background:#22c55e}
.hd-toasts .woocommerce-message a.button,
.hd-toasts .woocommerce-message a{color:#15803d;font-weight:600;text-decoration:underline}

/* ── Error (red) ── */
.hd-toasts .woocommerce-error{
  background:#fef2f2;
  color:#991b1b;
  flex-direction:column;
  gap:6px;
  padding-left:20px;
}
.hd-toasts .woocommerce-error::before{background:#ef4444}
.hd-toasts .woocommerce-error li{list-style:none;margin:0;padding:0}
.hd-toasts .woocommerce-error a{color:#b91c1c;font-weight:600;text-decoration:underline}

/* ── Info (blue) ── */
.hd-toasts .woocommerce-info{
  background:#eff6ff;
  color:#1e40af;
}
.hd-toasts .woocommerce-info::before{background:#3b82f6}
.hd-toasts .woocommerce-info a{color:#1d4ed8;font-weight:600;text-decoration:underline}

/* Strip WC's default button styling inside toasts */
.hd-toasts .button.wc-forward{
  margin-left:auto;
  flex-shrink:0;
  font-size:12px;
  padding:4px 10px;
  border-radius:99px;
  border:1.5px solid currentColor;
  background:transparent;
  text-decoration:none !important;
  white-space:nowrap;
  font-weight:600;
  cursor:pointer;
}

@media(max-width:480px){
  .hd-toasts{top:12px;right:12px;left:12px;width:auto;max-width:none}
}