/* ==========================================
   HaikaFront v2.0 - main.css
   محصول کلینیک انفورماتیک هایکا | haika.ir
   RTL | Responsive | Fast
   ========================================== */

:root {
  --hf-primary:      #ff8c00;
  --hf-primary-d:    #e67e00;
  --hf-secondary:    #1e293b;
  --hf-text:         #1e293b;
  --hf-text-m:       #64748b;
  --hf-bg:           #fff;
  --hf-bg-alt:       #f8fafc;
  --hf-border:       #e2e8f0;
  --hf-radius:       8px;
  --hf-radius-lg:    12px;
  --hf-shadow:       0 1px 3px rgba(0,0,0,.08);
  --hf-shadow-md:    0 4px 16px rgba(0,0,0,.1);
  --hf-header-h:     64px;
  --hf-container:    1280px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:'Vazirmatn',system-ui,sans-serif;color:var(--hf-text);background:var(--hf-bg);line-height:1.7;direction:rtl}
img{max-width:100%;height:auto;display:block}
a{color:var(--hf-primary);text-decoration:none}
a:hover{color:var(--hf-primary-d)}
button{font-family:inherit;cursor:pointer}

/* ---- Container ---- */
.hf-container{width:100%;max-width:var(--hf-container);margin:0 auto;padding:0 1.25rem}

/* ---- Header ---- */
.hf-header{background:#fff;border-bottom:1px solid var(--hf-border);position:sticky;top:0;z-index:100;box-shadow:var(--hf-shadow)}
.hf-header__inner{height:var(--hf-header-h);display:flex;align-items:center;justify-content:space-between;gap:1rem}
.hf-logo{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;color:var(--hf-text)}
.hf-logo img{height:44px;width:auto}
.hf-logo__text{font-weight:700;color:var(--hf-secondary)}
.hf-header__actions{display:flex;align-items:center;gap:.75rem}
.hf-cart-btn{position:relative;display:flex;align-items:center;color:var(--hf-text);padding:.4rem;border-radius:6px;transition:background .15s}
.hf-cart-btn:hover{background:var(--hf-bg-alt);color:var(--hf-primary)}
.hf-cart-badge{position:absolute;top:-4px;left:-4px;background:var(--hf-primary);color:#fff;font-size:.65rem;font-weight:700;min-width:18px;height:18px;border-radius:99px;display:flex;align-items:center;justify-content:center;padding:0 4px}
.hf-user-btn{display:flex;align-items:center;color:var(--hf-text);padding:.4rem;border-radius:6px;transition:background .15s;font-size:.875rem;font-weight:500}
.hf-user-btn:hover{background:var(--hf-bg-alt);color:var(--hf-primary)}

/* ---- Main ---- */
.hf-main{padding:2.5rem 0 3rem;min-height:calc(100vh - var(--hf-header-h) - 80px)}
.hf-main--fullwidth{padding:0;min-height:calc(100vh - var(--hf-header-h) - 80px)}

/* fullwidth: هیچ container ای اضافه نمی‌شه — محتوا مستقیم تمام عرض */
.layout-fullwidth .hf-hero,
.layout-fullwidth .hf-section { border-radius:0; }
.layout-fullwidth .hf-section { padding-right:0; padding-left:0; }

/* ---- Sidebar Layout ---- */
.hf-sidebar-layout{display:grid;grid-template-columns:1fr 300px;gap:2rem;align-items:start}
.hf-sidebar-widget{position:sticky;top:calc(var(--hf-header-h) + 1rem)}
@media(max-width:900px){
  .hf-sidebar-layout{grid-template-columns:1fr}
  .hf-sidebar-widget{position:static}
}

/* ---- Footer ---- */
.hf-footer{background:var(--hf-secondary);color:#e2e8f0;padding:3rem 0 1.5rem;margin-top:auto}
.hf-footer__cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem;margin-bottom:2rem}
.hf-footer__name{font-size:1.1rem;font-weight:700;color:#fff;display:block;margin-bottom:.5rem}
.hf-footer__desc{font-size:.875rem;color:#94a3b8}
.hf-footer__links,.hf-footer__account{display:flex;flex-direction:column;gap:.5rem}
.hf-footer__links a,.hf-footer__account a{color:#94a3b8;font-size:.875rem;transition:color .15s}
.hf-footer__links a:hover,.hf-footer__account a:hover{color:#fff}
.hf-footer__bottom{border-top:1px solid #334155;padding-top:1rem;display:flex;justify-content:space-between;font-size:.8rem;color:#64748b}
.hf-footer__bottom a{color:#94a3b8}
@media(max-width:640px){.hf-footer__cols{grid-template-columns:1fr}}

/* ---- Buttons ---- */
.hf-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1.25rem;border-radius:var(--hf-radius);font-size:.9rem;font-weight:600;border:2px solid transparent;transition:background .15s,color .15s,border-color .15s;white-space:nowrap;line-height:1.4}
.hf-btn--primary{background:var(--hf-primary);color:#fff;border-color:var(--hf-primary)}
.hf-btn--primary:hover{background:var(--hf-primary-d);border-color:var(--hf-primary-d);color:#fff}
.hf-btn--outline{background:transparent;color:var(--hf-primary);border-color:var(--hf-primary)}
.hf-btn--outline:hover{background:var(--hf-primary);color:#fff}
.hf-btn--secondary{background:var(--hf-bg-alt);color:var(--hf-text);border-color:var(--hf-border)}
.hf-btn--secondary:hover{background:var(--hf-border)}
.hf-btn--disabled{background:var(--hf-border);color:var(--hf-text-m);border-color:var(--hf-border);cursor:not-allowed}
.hf-btn--lg{padding:.75rem 2rem;font-size:1rem}
.hf-btn--sm{padding:.35rem .9rem;font-size:.8rem}
.hf-btn--xs{padding:.2rem .6rem;font-size:.75rem}
.w-full{width:100%}

/* ---- Inputs ---- */
.hf-input{width:100%;padding:.6rem .85rem;border:1px solid var(--hf-border);border-radius:var(--hf-radius);font-size:.9rem;font-family:inherit;outline:none;transition:border-color .15s;background:#fff;color:var(--hf-text)}
.hf-input:focus{border-color:var(--hf-primary);box-shadow:0 0 0 3px rgba(255,140,0,.15)}
.hf-textarea{resize:vertical;min-height:100px}
.hf-search-box{display:flex;gap:.5rem}

/* ---- Badges ---- */
.hf-badge{display:inline-flex;align-items:center;background:#fff3e0;color:#e65100;font-size:.72rem;font-weight:700;padding:.15rem .55rem;border-radius:99px;margin-left:.25rem;transition:background .15s}
.hf-badge:hover{background:#ffe0b2}
.hf-badge--sm{font-size:.65rem;padding:.1rem .45rem}
.hf-badge-sale{position:absolute;top:.5rem;right:.5rem;background:#ef4444;color:#fff;font-size:.65rem;font-weight:700;padding:.2rem .5rem;border-radius:99px;z-index:1}
.hf-badge-out{position:absolute;top:.5rem;left:.5rem;background:#6b7280;color:#fff;font-size:.65rem;font-weight:700;padding:.2rem .5rem;border-radius:99px;z-index:1}

/* ---- Cards (posts) ---- */
.hf-posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}
.hf-card{background:#fff;border:1px solid var(--hf-border);border-radius:var(--hf-radius-lg);overflow:hidden;box-shadow:var(--hf-shadow);transition:box-shadow .2s,transform .2s;display:flex;flex-direction:column}
.hf-card:hover{box-shadow:var(--hf-shadow-md);transform:translateY(-2px)}
.hf-card__img-wrap{display:block;aspect-ratio:16/9;overflow:hidden}
.hf-card__img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.hf-card:hover .hf-card__img{transform:scale(1.04)}
.hf-card__body{padding:1.1rem;flex:1}
.hf-card__title{font-size:1rem;font-weight:700;margin:.4rem 0 .5rem;line-height:1.5}
.hf-card__title a{color:var(--hf-text)}
.hf-card__title a:hover{color:var(--hf-primary)}
.hf-card__excerpt{font-size:.875rem;color:var(--hf-text-m);-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.hf-card__foot{padding:.75rem 1.1rem;border-top:1px solid var(--hf-border);display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--hf-text-m)}

/* ---- Product Cards ---- */
.hf-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}
.hf-products-grid--4col{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.hf-product-card{background:#fff;border:1px solid var(--hf-border);border-radius:var(--hf-radius-lg);overflow:hidden;box-shadow:var(--hf-shadow);transition:box-shadow .2s,transform .2s;display:flex;flex-direction:column}
.hf-product-card:hover{box-shadow:var(--hf-shadow-md);transform:translateY(-2px)}
.hf-product-card__img-wrap{display:block;aspect-ratio:1/1;overflow:hidden;position:relative;background:var(--hf-bg-alt)}
.hf-product-card__img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.hf-product-card:hover .hf-product-card__img{transform:scale(1.04)}
.hf-product-card__no-img{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--hf-text-m);font-size:.85rem}
.hf-product-card__body{padding:.9rem;flex:1;display:flex;flex-direction:column;gap:.5rem}
.hf-product-card__name{font-size:.9rem;font-weight:600;line-height:1.5;flex:1}
.hf-product-card__name a{color:var(--hf-text)}
.hf-product-card__name a:hover{color:var(--hf-primary)}
.hf-product-card__price{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}

/* ---- Prices ---- */
.hf-price{font-size:1rem;font-weight:700;color:var(--hf-primary)}
.hf-price-main{font-size:1.4rem;font-weight:700;color:var(--hf-primary)}
.hf-price-old{font-size:.85rem;color:var(--hf-text-m);text-decoration:line-through}

/* ---- Single Product ---- */
.hf-single-product{}
.hf-product-layout{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:3rem}
@media(max-width:768px){.hf-product-layout{grid-template-columns:1fr;gap:1.5rem}}
.hf-product-gallery__img{width:100%;aspect-ratio:1/1;object-fit:contain;border:1px solid var(--hf-border);border-radius:var(--hf-radius-lg);background:var(--hf-bg-alt)}
.hf-product-gallery__thumbs{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}
.hf-product-gallery__thumb{width:64px;height:64px;padding:0;border:2px solid var(--hf-border);border-radius:6px;overflow:hidden;background:var(--hf-bg-alt);transition:border-color .15s}
.hf-product-gallery__thumb img{width:100%;height:100%;object-fit:cover}
.hf-product-gallery__thumb.active{border-color:var(--hf-primary)}
.hf-product-info__name{font-size:1.75rem;font-weight:700;margin:.75rem 0 .5rem;line-height:1.35}
.hf-product-info__sku{font-size:.8rem;color:var(--hf-text-m);margin-bottom:.5rem}
.hf-rating{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--hf-text-m);margin-bottom:.75rem}
.hf-stars{color:#f59e0b;font-size:1.1rem;letter-spacing:.1em}
.hf-product-info__price{display:flex;align-items:center;gap:.75rem;margin:1rem 0;flex-wrap:wrap}
.hf-product-info__stock{font-size:.875rem;font-weight:600;margin-bottom:1rem}
.hf-product-info__stock.in{color:#16a34a}
.hf-product-info__stock.out{color:#dc2626}
.hf-product-info__short-desc{font-size:.95rem;margin-bottom:1.25rem;color:var(--hf-text-m)}
.hf-product-info__actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}
.hf-qty-wrap{display:flex;align-items:center;border:1px solid var(--hf-border);border-radius:var(--hf-radius);overflow:hidden}
.hf-qty-btn{background:var(--hf-bg-alt);border:none;width:36px;height:40px;font-size:1.1rem;font-weight:700;transition:background .15s}
.hf-qty-btn:hover{background:var(--hf-border)}
.hf-qty-input{width:50px;border:none;border-right:1px solid var(--hf-border);border-left:1px solid var(--hf-border);text-align:center;font-size:.95rem;font-family:inherit;height:40px;outline:none}
.hf-product-desc{margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--hf-border)}

/* ---- WP Content ---- */
.hf-wp-content{font-size:1.05rem;line-height:1.85}
.hf-wp-content img{max-width:100%;border-radius:var(--hf-radius);margin:1rem 0}
.hf-wp-content h2{font-size:1.4rem;font-weight:700;margin:2rem 0 .75rem}
.hf-wp-content h3{font-size:1.2rem;font-weight:700;margin:1.5rem 0 .5rem}
.hf-wp-content ul,.hf-wp-content ol{padding-right:1.5rem;margin:1rem 0}
.hf-wp-content blockquote{border-right:4px solid var(--hf-primary);background:var(--hf-bg-alt);padding:1rem 1.25rem;border-radius:0 var(--hf-radius) var(--hf-radius) 0;margin:1.5rem 0}

/* ---- Single Post ---- */
.hf-single-post__hero{margin-bottom:2rem;border-radius:var(--hf-radius-lg);overflow:hidden}
.hf-single-post__hero img{width:100%;max-height:480px;object-fit:cover}
.hf-single-post__header{margin-bottom:1.75rem}
.hf-single-post__header h1{font-size:2rem;font-weight:700;line-height:1.4;margin:.5rem 0 .75rem}
.hf-single-post__meta{font-size:.875rem;color:var(--hf-text-m);display:flex;gap:1rem;flex-wrap:wrap}
.hf-single-post__content{border-top:1px solid var(--hf-border);padding-top:1.5rem;margin-top:1.5rem}

/* ---- Archive ---- */
.hf-archive-header{margin-bottom:2rem}
.hf-archive-header h1{font-size:1.75rem;font-weight:700}
.hf-filter-bar{display:flex;gap:.5rem;margin-top:1rem}
.hf-empty{text-align:center;padding:4rem 1rem;color:var(--hf-text-m)}
.hf-empty p{margin-bottom:1rem;font-size:1.05rem}

/* ---- Pagination ---- */
.hf-pagination{display:flex;gap:.4rem;justify-content:center;margin-top:2.5rem;flex-wrap:wrap}
.hf-page-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;border:1px solid var(--hf-border);font-size:.875rem;font-weight:500;color:var(--hf-text);transition:background .15s,color .15s,border-color .15s}
.hf-page-btn:hover{background:var(--hf-primary);color:#fff;border-color:var(--hf-primary)}
.hf-page-btn.active{background:var(--hf-primary);color:#fff;border-color:var(--hf-primary)}

/* ---- Section (home) ---- */
.hf-section{margin-bottom:3.5rem}
.hf-section__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--hf-primary)}
.hf-section__head h2{font-size:1.3rem;font-weight:700;margin:0}
.hf-link{font-size:.875rem;font-weight:600;color:var(--hf-primary)}
.hf-hero{background:linear-gradient(135deg,#1e293b,#334155);color:#fff;padding:5rem 2rem;text-align:center;border-radius:var(--hf-radius-lg);margin-bottom:3rem}
.hf-hero h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem}
.hf-hero p{font-size:1.1rem;opacity:.85;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}
.hf-hero__btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}

/* ---- Cart ---- */
.hf-cart-page h1{font-size:1.75rem;font-weight:700;margin-bottom:1.5rem}
.hf-cart-layout{display:grid;grid-template-columns:1fr 320px;gap:2rem;align-items:start}
@media(max-width:768px){.hf-cart-layout{grid-template-columns:1fr}}
.hf-cart-row{display:grid;grid-template-columns:80px 1fr auto auto auto;gap:1rem;align-items:center;padding:1rem;border:1px solid var(--hf-border);border-radius:var(--hf-radius);margin-bottom:.75rem;background:#fff}
@media(max-width:600px){.hf-cart-row{grid-template-columns:60px 1fr;grid-template-rows:auto auto auto}}
.hf-cart-row__img img{width:80px;height:80px;object-fit:cover;border-radius:6px}
.hf-cart-row__name{font-weight:600;font-size:.95rem;color:var(--hf-text);display:block;margin-bottom:.25rem}
.hf-cart-row__price{font-size:.875rem;color:var(--hf-text-m)}
.hf-cart-row__qty{display:flex;align-items:center;gap:.25rem}
.hf-cart-row__total{font-weight:700;white-space:nowrap}
.hf-cart-row__del{background:none;border:none;color:var(--hf-text-m);font-size:1rem;padding:.25rem;border-radius:4px;transition:color .15s}
.hf-cart-row__del:hover{color:#ef4444}
.hf-cart-summary{background:var(--hf-bg-alt);border:1px solid var(--hf-border);border-radius:var(--hf-radius-lg);padding:1.5rem;position:sticky;top:calc(var(--hf-header-h)+1rem)}
.hf-cart-summary h2{font-size:1.1rem;font-weight:700;margin-bottom:1rem}
.hf-cart-summary__row{display:flex;justify-content:space-between;margin-bottom:.75rem;font-size:.95rem}
.hf-qty-val{min-width:30px;text-align:center;font-weight:600}

/* ---- Checkout ---- */
.hf-checkout-page h1{font-size:1.75rem;font-weight:700;margin-bottom:1.5rem}
.hf-checkout-layout{display:grid;grid-template-columns:1fr 360px;gap:2rem;align-items:start}
@media(max-width:900px){.hf-checkout-layout{grid-template-columns:1fr}}
.hf-form-section{background:#fff;border:1px solid var(--hf-border);border-radius:var(--hf-radius-lg);padding:1.5rem;margin-bottom:1.25rem}
.hf-form-section h2{font-size:1.05rem;font-weight:700;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--hf-border)}
.hf-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media(max-width:600px){.hf-form-row{grid-template-columns:1fr}}
.hf-form-group{margin-bottom:1rem}
.hf-form-group label{display:block;font-size:.8rem;font-weight:600;margin-bottom:.35rem;color:var(--hf-secondary)}
.hf-radio-label{display:flex;align-items:center;gap:.5rem;padding:.6rem .85rem;border:1px solid var(--hf-border);border-radius:var(--hf-radius);margin-bottom:.5rem;cursor:pointer;font-size:.9rem;transition:border-color .15s}
.hf-radio-label:has(input:checked){border-color:var(--hf-primary);background:#fff8f0}
.hf-checkout-summary{background:var(--hf-bg-alt);border:1px solid var(--hf-border);border-radius:var(--hf-radius-lg);padding:1.5rem;position:sticky;top:calc(var(--hf-header-h)+1rem)}
.hf-checkout-summary h2{font-size:1.05rem;font-weight:700;margin-bottom:1rem}
.hf-checkout-summary__item{display:flex;justify-content:space-between;font-size:.875rem;padding:.4rem 0;border-bottom:1px solid var(--hf-border)}
.hf-checkout-summary__total{display:flex;justify-content:space-between;padding-top:.75rem;margin-top:.25rem;font-size:1rem}

/* ---- Alerts ---- */
.hf-alert{padding:.85rem 1.1rem;border-radius:var(--hf-radius);margin-bottom:1.25rem;font-size:.875rem;font-weight:500}
.hf-alert--error{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca}
.hf-alert--ok{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}
.hf-alert--info{background:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}

/* ---- Order success ---- */
.hf-success-page{text-align:center;padding:4rem 1rem}
.hf-success-icon{width:80px;height:80px;background:#dcfce7;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#16a34a;margin:0 auto 1.5rem}
.hf-success-page h1{font-size:1.75rem;font-weight:700;margin-bottom:.75rem}
.hf-success-page p{color:var(--hf-text-m);margin-bottom:.5rem}
.hf-success-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem;flex-wrap:wrap}

/* ---- Account ---- */
.hf-account-page h1{font-size:1.75rem;font-weight:700}
.hf-account-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.75rem;flex-wrap:wrap;gap:.75rem}
.hf-account-page h2{font-size:1.15rem;font-weight:700;margin-bottom:1rem}
.hf-orders-table-wrap{overflow-x:auto}
.hf-orders-table{width:100%;border-collapse:collapse;font-size:.875rem}
.hf-orders-table th,.hf-orders-table td{padding:.75rem 1rem;text-align:right;border-bottom:1px solid var(--hf-border)}
.hf-orders-table th{background:var(--hf-bg-alt);font-weight:700;font-size:.8rem;color:var(--hf-text-m)}
.hf-orders-table tbody tr:hover{background:var(--hf-bg-alt)}
.hf-order-item-line{font-size:.8rem;color:var(--hf-text-m)}
.hf-tracking{background:var(--hf-bg-alt);padding:.15rem .45rem;border-radius:4px;font-family:monospace;font-size:.8rem}

/* ---- Status badges ---- */
.hf-status{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:99px;font-size:.75rem;font-weight:700}
.hf-status--ok{background:#dcfce7;color:#166534}
.hf-status--info{background:#dbeafe;color:#1e40af}
.hf-status--warn{background:#fef3c7;color:#92400e}
.hf-status--err{background:#fee2e2;color:#b91c1c}

/* ---- Order Detail ---- */
.hf-order-detail h1{font-size:1.5rem;font-weight:700}
.hf-order-detail__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:.5rem}
.hf-order-detail__meta{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;background:var(--hf-bg-alt);border:1px solid var(--hf-border);border-radius:var(--hf-radius);padding:1.1rem;margin-bottom:1.5rem;font-size:.9rem}
.hf-order-items-table{width:100%;border-collapse:collapse;font-size:.9rem;margin-bottom:1.5rem}
.hf-order-items-table th,.hf-order-items-table td{padding:.65rem 1rem;text-align:right;border-bottom:1px solid var(--hf-border)}
.hf-order-items-table th{background:var(--hf-bg-alt);font-weight:700;font-size:.8rem}
.hf-order-detail__address{font-style:normal;line-height:1.85;color:var(--hf-text-m);font-size:.9rem}

/* ---- Login ---- */
.hf-login-page{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:2rem}
.hf-login-box{background:#fff;border:1px solid var(--hf-border);border-radius:var(--hf-radius-lg);padding:2.5rem;width:100%;max-width:420px;box-shadow:var(--hf-shadow-md)}
.hf-login-box h1{font-size:1.4rem;font-weight:700;margin-bottom:1.5rem;text-align:center}
.hf-login-note{font-size:.8rem;color:var(--hf-text-m);text-align:center;margin-top:1rem}

/* ---- Widget Sidebar ---- */
.hf-widget-area{}
.hf-widget{background:#fff;border:1px solid var(--hf-border);border-radius:var(--hf-radius-lg);padding:1.25rem;margin-bottom:1.5rem}
.hf-widget__title{font-size:.95rem;font-weight:700;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--hf-primary)}
.hf-recent-item{display:flex;flex-direction:column;padding:.45rem 0;border-bottom:1px solid var(--hf-border)}
.hf-recent-item:last-child{border-bottom:none}
.hf-recent-item a{font-size:.875rem;font-weight:500;color:var(--hf-text);line-height:1.4}
.hf-recent-item a:hover{color:var(--hf-primary)}
.hf-recent-item time{font-size:.75rem;color:var(--hf-text-m);margin-top:.15rem}

/* ---- 404 ---- */
.hf-404{text-align:center;padding:5rem 1rem}
.hf-404__code{font-size:6rem;font-weight:700;color:var(--hf-primary);line-height:1}
.hf-404 h1{font-size:1.75rem;font-weight:700;margin:.75rem 0 .5rem}
.hf-404 p{color:var(--hf-text-m);margin-bottom:1.5rem}

/* ---- Haika Menu CSS ---- */
.haika-menu-container{display:inline-block}
.haika-menu-btn{background:var(--hf-primary);color:#fff;padding:10px 16px;border:none;cursor:pointer;border-radius:6px;font-size:15px;font-family:inherit;display:flex;align-items:center;gap:8px;transition:all .25s;z-index:39;position:relative}
.haika-menu-btn:hover{background:var(--hf-primary-d);transform:scale(1.02)}
.haika-sidebar{direction:rtl;overflow-y:auto}
.haika-sidebar::-webkit-scrollbar{display:none}
.haika-overlay{backdrop-filter:blur(2px)}
.level2-box{
  width:var(--haika-box-width,350px);
  background-color:var(--haika-lvl2-bg,#e4e6e7);
  clip-path:polygon(
    0% var(--haika-top-offset,50px),
    var(--haika-step-width,36px) var(--haika-top-offset,50px),
    var(--haika-step-width,36px) calc(var(--haika-top-offset,50px) - var(--haika-step-height,25px)),
    100% calc(var(--haika-top-offset,50px) - var(--haika-step-height,25px) + var(--haika-slope-height,36px)),
    100% 100%,0% 100%
  );
}
#sidebar a,.level2-box a,.level3-submenu a{color:var(--haika-text-color,#817C7A);transition:color .25s}
#sidebar a:hover,.level2-box a:hover{color:var(--haika-text-hover-color,#000);opacity:1}
@keyframes slideIn{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}
.animate-slideIn{animation:slideIn .3s ease-out}

/* ---- Responsive ---- */
@media(max-width:767px){
  .hf-main{padding:1.5rem 0 2rem}
  .hf-hero{padding:3rem 1.25rem}
  .hf-hero h1{font-size:1.75rem}
  .hf-single-post__header h1{font-size:1.4rem}
  .hf-product-info__name{font-size:1.35rem}
  .hf-products-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}
}
@media(max-width:480px){
  .hf-container{padding:0 .875rem}
  .hf-posts-grid{grid-template-columns:1fr}
  .hf-footer__bottom{flex-direction:column;gap:.5rem;text-align:center}
}