/* Payam Home Builder — isolated front renderer */
.hb-home{--hb-home-max:1440px;display:block;width:100%;direction:rtl;color:#232933;padding:0 0 28px}.hb-home *{box-sizing:border-box}.hb-home a{text-decoration:none}.hb-section{position:relative;width:100%;margin-top:var(--hb-mt,0);margin-bottom:var(--hb-mb,22px)}.hb-section-inner{width:100%;margin:0 auto;background:var(--hb-bg,transparent);border:1px solid var(--hb-border,transparent);border-radius:var(--hb-radius,18px);overflow:hidden}.hb-width-container .hb-section-inner{max-width:1320px}.hb-width-wide .hb-section-inner{max-width:1540px}.hb-width-full{width:100vw;margin-right:calc(50% - 50vw);margin-left:calc(50% - 50vw)}.hb-width-full .hb-section-inner{max-width:none}.hb-radius-none .hb-section-inner{--hb-radius:0}.hb-radius-small .hb-section-inner{--hb-radius:8px}.hb-radius-normal .hb-section-inner{--hb-radius:12px}.hb-radius-large .hb-section-inner{--hb-radius:18px}.hb-radius-pill .hb-section-inner{--hb-radius:32px}.hb-section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:16px 18px 12px}.hb-section-head h2{font-size:20px;line-height:1.7;margin:0;color:#20262e;font-weight:800}.hb-section-head p{font-size:12px;color:#707984;margin:3px 0 0}.hb-more{font-size:12px;color:#13869a;font-weight:800;white-space:nowrap}.hb-more span{font-size:18px;vertical-align:-2px}.hb-empty{width:100%;padding:28px;text-align:center;color:#89919a;background:#f7f8fa;border:1px dashed #d8dde2;border-radius:12px}

/* hero */
.hb-slider{position:relative;overflow:hidden}.hb-hero{height:var(--hb-height,410px);min-height:170px;transition:height .22s ease}.hb-height-image-ratio .hb-hero{min-height:0}.hb-height-image-ratio .hb-banner-layout{align-items:start}.hb-height-image-ratio .hb-banner-card{min-height:0;transition:height .22s ease}.hb-slider-track{height:100%;position:relative;overflow:hidden}.hb-hero-slide{position:absolute;inset:0;display:block;opacity:0;visibility:hidden;transform:translate3d(0,0,0);overflow:hidden;border-radius:var(--hb-radius,18px);background:#f1f3f5;pointer-events:none;will-change:transform,opacity}.hb-hero-slide.is-active{opacity:1;visibility:visible;z-index:2;pointer-events:auto}.hb-hero-slide.is-transition-layer{visibility:visible;pointer-events:none}.hb-hero-image,.hb-banner-image{width:100%;height:100%;display:block;background:#f1f3f5}.hb-hero-image.is-contained-image,.hb-banner-image.is-contained-image{position:absolute;left:50%;top:50%;width:var(--hb-contained-width,100%);height:var(--hb-contained-height,100%);max-width:100%;max-height:100%;transform:translate(-50%,-50%);border-radius:var(--hb-radius,18px);object-fit:contain!important;overflow:hidden}.hb-image-placeholder{display:flex;width:100%;height:100%;align-items:center;justify-content:center;background:linear-gradient(135deg,#f1f3f5,#e6eaed);color:#858e97}.hb-image-copy{position:absolute;z-index:2;right:clamp(18px,5vw,74px);top:50%;transform:translateY(-50%);max-width:min(460px,55%);display:flex;flex-direction:column;align-items:flex-start;gap:7px;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.42)}.hb-image-copy b{background:#ef4056;border-radius:99px;padding:4px 10px;font-size:11px}.hb-image-copy strong{font-size:clamp(22px,3vw,42px);line-height:1.45}.hb-image-copy em{font-size:clamp(12px,1.4vw,18px);font-style:normal;line-height:1.7}.hb-slider-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:1px solid #d6dbe0;background:rgba(255,255,255,.94);color:#343a40;box-shadow:0 3px 12px rgba(0,0,0,.13);font-size:24px;cursor:pointer}.hb-slider-arrow:hover{background:#fff}.hb-prev{right:15px}.hb-next{left:15px}.hb-slider-dots{position:absolute;z-index:5;bottom:13px;right:0;left:0;display:flex;justify-content:center;gap:5px}.hb-slider-dots button{border:0;width:7px;height:7px;padding:0;border-radius:99px;background:rgba(255,255,255,.68);box-shadow:0 0 0 1px rgba(0,0,0,.08);cursor:pointer;transition:.2s}.hb-slider-dots button.is-active{width:22px;background:#fff}

/* stories & quick links */
.hb-module-stories .hb-section-inner,.hb-module-quick_links .hb-section-inner{padding:2px 8px 12px}.hb-story-row{width:100%;overflow-x:auto;scrollbar-width:none}.hb-story-track{display:flex;align-items:flex-start;justify-content:center;gap:var(--hb-gap,18px);width:max-content;min-width:100%;padding:12px 10px 8px}.hb-story-row::-webkit-scrollbar,.hb-products-carousel::-webkit-scrollbar,.hb-brand-carousel::-webkit-scrollbar{display:none}.hb-story-card{flex:0 0 calc(var(--hb-story-size,78px) + 16px);display:grid;justify-items:center;gap:7px;color:#343a40;text-align:center}.hb-story-ring{width:var(--hb-story-size,78px);height:var(--hb-story-size,78px);padding:3px;border-radius:50%;background:linear-gradient(140deg,#ef4056,#8b4ee8,#ff9f1c);display:block}.hb-story-ring:after{content:""}.hb-story-image,.hb-story-ring .hb-image-placeholder{width:100%;height:100%;border:3px solid #fff;border-radius:50%;object-fit:cover;display:flex}.hb-story-card b{font-size:11px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hb-quick-grid{display:grid;grid-template-columns:repeat(var(--hb-cols-desktop,8),minmax(0,1fr));gap:var(--hb-gap,14px);padding:13px 16px 17px}.hb-quick-card{display:flex;flex-direction:column;align-items:center;text-align:center;color:#3d434a;min-width:0;padding:7px 3px}.hb-quick-icon{width:58px;height:58px;border-radius:18px;background:#f1f3f5;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:7px}.hb-quick-image,.hb-quick-icon .hb-image-placeholder{width:100%;height:100%;object-fit:contain;display:flex}.hb-quick-card b{font-size:11px;line-height:1.5}.hb-quick-card small{color:#8a929a;font-size:9px;margin-top:2px}

/* banners */
.hb-module-banner .hb-section-inner{background:transparent;border-color:transparent}.hb-banner-layout{display:grid;gap:var(--hb-gap,14px);grid-auto-flow:dense}.hb-banner-card{position:relative;display:block;min-height:120px;height:var(--hb-height,260px);overflow:hidden;border-radius:var(--hb-radius,18px);background:#f0f2f4}.hb-layout-wide,.hb-layout-strip{grid-template-columns:1fr}.hb-layout-strip .hb-banner-card{height:min(var(--hb-height,150px),180px)}.hb-layout-two_equal{grid-template-columns:repeat(2,1fr)}.hb-layout-two_60_40{grid-template-columns:3fr 2fr}.hb-layout-two_40_60{grid-template-columns:2fr 3fr}.hb-layout-three_equal{grid-template-columns:repeat(3,1fr)}.hb-layout-three_50_25_25{grid-template-columns:2fr 1fr 1fr}.hb-layout-three_25_50_25{grid-template-columns:1fr 2fr 1fr}.hb-layout-three_25_25_50{grid-template-columns:1fr 1fr 2fr}.hb-layout-four_equal{grid-template-columns:repeat(4,1fr)}.hb-layout-mosaic_big_right,.hb-layout-mosaic_big_left{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,minmax(100px,calc(var(--hb-height,360px)/2)))}.hb-layout-mosaic_big_right .hb-banner-1{grid-row:1/3}.hb-layout-mosaic_big_left .hb-banner-1{grid-row:1/3;grid-column:2}.hb-layout-mosaic_big_left .hb-banner-2,.hb-layout-mosaic_big_left .hb-banner-3{grid-column:1}.hb-layout-mosaic_big_right .hb-banner-card,.hb-layout-mosaic_big_left .hb-banner-card{height:auto}.hb-banner-card .hb-image-copy{right:24px;max-width:70%}.hb-banner-card .hb-image-copy strong{font-size:clamp(17px,2vw,28px)}

/* products */
.hb-module-product_carousel .hb-section-inner{background:#ef4056;border-color:#ef4056;padding:4px 0 12px}.hb-module-product_carousel .hb-section-head h2,.hb-module-product_carousel .hb-section-head p,.hb-module-product_carousel .hb-more{color:#fff}.hb-products-carousel{display:flex;gap:2px;overflow-x:auto;scroll-snap-type:x proximity;padding:0 14px 5px;scrollbar-width:none}.hb-products-carousel .product-card{flex:0 0 214px;max-width:214px;scroll-snap-align:start;border-radius:0!important;border:0!important;min-height:336px}.hb-products-carousel .product-card:first-child{border-radius:0 12px 12px 0!important}.hb-products-carousel .product-card:last-child{border-radius:12px 0 0 12px!important}.hb-products-grid{display:grid;grid-template-columns:repeat(var(--hb-cols-desktop,5),minmax(0,1fr));gap:1px;background:#e7e8ea;border-top:1px solid #e7e8ea}.hb-products-grid .product-card{width:100%;max-width:none;border:0!important;border-radius:0!important;min-width:0}.hb-module-product_grid .hb-section-inner{background:#fff;border-color:#e4e7ea}

/* categories */
.hb-category-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:var(--hb-gap,14px);padding:8px 18px 20px}.hb-category-card{flex:0 0 var(--hb-category-card-desktop,calc(14.285714% - 12px));max-width:var(--hb-category-card-desktop,calc(14.285714% - 12px));min-width:0;display:grid;justify-items:center;text-align:center;gap:9px;color:#333a42;padding:6px}.hb-category-card>span{width:min(var(--hb-category-size-desktop,132px),100%);aspect-ratio:1;border-radius:50%;background:transparent;border:0;box-shadow:none;overflow:hidden;display:flex;align-items:center;justify-content:center}.hb-category-square .hb-category-card>span{border-radius:16px}.hb-category-card img{width:100%;height:100%;object-fit:contain;padding:0;background:#fff;border:0;box-shadow:none}.hb-category-card i{font-style:normal;font-size:30px;color:#a1a8af}.hb-category-card b{font-size:12px;line-height:1.6}.hb-category-carousel{display:flex;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.hb-category-carousel .hb-category-card{flex:0 0 140px;max-width:140px}

/* brands */
.hb-brand-list{padding:4px 18px 20px;gap:1px}.hb-brand-carousel{display:flex;overflow-x:auto;scrollbar-width:none}.hb-brand-grid{display:grid;grid-template-columns:repeat(var(--hb-cols-desktop,7),minmax(0,1fr))}.hb-brand-card{height:112px;flex:0 0 170px;display:flex;align-items:center;justify-content:center;padding:18px;background:#fff;border-left:1px solid #eceef0;border-bottom:1px solid #eceef0;color:#3b4147}.hb-brand-card img{max-width:100%;max-height:76px;object-fit:contain}.hb-brand-card b{font-size:15px}

/* ranking */
.hb-ranking-grid{display:grid;grid-auto-flow:column;grid-template-columns:repeat(var(--hb-cols-desktop,4),minmax(0,1fr));grid-template-rows:repeat(var(--hb-ranking-rows-desktop,3),minmax(94px,1fr));overflow-x:hidden;width:100%;padding:2px 16px 18px;gap:0 20px}.hb-ranking-item{display:grid;grid-template-columns:36px 82px 1fr;align-items:center;gap:8px;color:#373e45;border-bottom:1px solid #eceef0;padding:7px 0}.hb-ranking-item>strong{color:#19bfd3;font-size:27px;text-align:center;font-weight:900}.hb-ranking-thumb{width:76px;height:76px;display:flex;align-items:center;justify-content:center}.hb-ranking-thumb img{max-width:100%;max-height:100%;object-fit:contain}.hb-ranking-info{min-width:0}.hb-ranking-info b{font-size:11px;font-weight:500;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hb-ranking-info small{display:block;margin-top:5px;color:#6f7780;font-weight:700}

/* category panels */
.hb-category-panels{display:grid;grid-template-columns:repeat(var(--hb-cols-desktop,4),minmax(0,1fr));gap:0;padding:0 0 4px}.hb-category-panel{padding:14px 16px;border-left:1px solid #e8eaed}.hb-category-panel:last-child{border-left:0}.hb-category-panel>header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.hb-category-panel h3{font-size:14px;margin:0}.hb-category-panel>header a{font-size:10px;color:#1397aa}.hb-panel-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#e8eaed}.hb-panel-products>a{min-width:0;background:#fff;padding:9px;display:flex;flex-direction:column;align-items:center;color:#333;min-height:150px}.hb-panel-products img{width:100%;height:102px;object-fit:contain}.hb-panel-products span{font-size:9px;line-height:1.5;margin-top:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* text */
.hb-text-block{padding:24px clamp(18px,4vw,60px)}.hb-text-block h2{font-size:22px;margin:0 0 8px}.hb-text-subtitle{color:#6f7780;margin:0 0 13px}.hb-rich-text{font-size:var(--hb-text-size,17px);line-height:1.95;color:#303840;font-weight:500}.hb-rich-text p{margin:0 0 9px}.hb-rich-text ul,.hb-rich-text ol{padding-right:20px}.hb-align-center{text-align:center}.hb-align-left{text-align:left}.hb-card-soft .hb-section-inner{box-shadow:0 7px 30px rgba(32,44,52,.06)}.hb-card-outlined .hb-section-inner{border-color:#dfe3e7}.hb-card-colorful .hb-section-inner{background:linear-gradient(135deg,#f7fbff,#fff5f7)}.hb-text-button{display:inline-flex;margin-top:13px;padding:9px 18px;border-radius:8px;background:#13869a;color:#fff;font-weight:800;font-size:12px}

/* preview bar */
.hb-preview-bar{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#102f3a;color:#fff;padding:9px 14px;box-shadow:0 5px 18px rgba(0,0,0,.16);margin:0 calc(50% - 50vw) 14px}.hb-preview-bar b{font-size:12px}.hb-preview-bar span{font-size:10px;color:#cde2e8}.hb-preview-bar-actions{display:flex;gap:6px}.hb-preview-bar a{color:#fff;border:1px solid rgba(255,255,255,.35);padding:6px 10px;border-radius:6px;font-size:10px}.hb-preview-bar a.is-active{background:#fff;color:#153b4a}

@media(max-width:900px){.hb-home{padding-bottom:18px}.hb-section{margin-bottom:var(--hb-mb,16px)}.hb-section-head{padding:12px 12px 9px}.hb-section-head h2{font-size:16px}.hb-section-head p{font-size:10px}.hb-hero{height:var(--hb-height,240px)}.hb-image-copy{right:18px;max-width:70%}.hb-image-copy strong{font-size:22px}.hb-image-copy em{font-size:11px}.hb-slider-arrow{width:32px;height:32px}.hb-story-track{gap:12px;padding-inline:7px}.hb-story-card{flex-basis:calc(var(--hb-story-size,68px) + 14px)}.hb-quick-grid{grid-template-columns:repeat(var(--hb-cols-mobile,4),minmax(0,1fr));padding:9px 8px 13px;gap:8px}.hb-quick-icon{width:50px;height:50px}.hb-banner-layout{gap:var(--hb-gap,10px)}.hb-banner-card{height:var(--hb-height,190px)}.hb-layout-three_equal,.hb-layout-four_equal,.hb-layout-three_50_25_25,.hb-layout-three_25_50_25,.hb-layout-three_25_25_50{grid-template-columns:repeat(2,1fr)}.hb-layout-three_equal .hb-banner-1,.hb-layout-three_50_25_25 .hb-banner-1,.hb-layout-three_25_50_25 .hb-banner-1,.hb-layout-three_25_25_50 .hb-banner-1{grid-column:1/-1}.hb-products-carousel{padding-inline:8px}.hb-products-carousel .product-card{flex-basis:174px;max-width:174px;min-height:300px}.hb-products-grid{grid-template-columns:repeat(var(--hb-cols-mobile,2),minmax(0,1fr))}.hb-category-grid{padding:6px 9px 14px}.hb-category-grid:not(.hb-category-carousel) .hb-category-card{flex-basis:var(--hb-category-card-mobile,calc(33.333333% - 10px));max-width:var(--hb-category-card-mobile,calc(33.333333% - 10px))}.hb-category-carousel{display:flex}.hb-category-card b{font-size:10px}.hb-brand-grid{grid-template-columns:repeat(var(--hb-cols-mobile,3),minmax(0,1fr))}.hb-brand-card{height:86px;flex-basis:125px;padding:12px}.hb-ranking-grid{grid-template-columns:repeat(var(--hb-cols-mobile,1),minmax(0,1fr));grid-template-rows:repeat(var(--hb-ranking-rows-mobile,12),minmax(80px,1fr));overflow-x:hidden;padding-inline:10px;gap:0 10px}.hb-ranking-item{grid-template-columns:29px 65px 1fr}.hb-ranking-item>strong{font-size:22px}.hb-ranking-thumb{width:60px;height:60px}.hb-category-panels{grid-template-columns:repeat(var(--hb-cols-mobile,1),minmax(0,1fr))}.hb-category-panel{border-left:0;border-bottom:1px solid #e8eaed}.hb-preview-bar{align-items:flex-start;flex-direction:column}.hb-width-wide .hb-section-inner,.hb-width-container .hb-section-inner{max-width:100%}}
@media(max-width:560px){.hb-rich-text{font-size:clamp(14px,var(--hb-text-size,15px),28px)}.hb-section-inner{border-radius:var(--hb-radius,18px)}.hb-module-banner .hb-section-inner{padding-inline:0}.hb-layout-two_60_40,.hb-layout-two_40_60,.hb-layout-two_equal{grid-template-columns:1fr 1fr}.hb-layout-three_equal,.hb-layout-four_equal,.hb-layout-three_50_25_25,.hb-layout-three_25_50_25,.hb-layout-three_25_25_50{grid-template-columns:1fr 1fr}.hb-banner-card{min-height:92px}.hb-banner-card .hb-image-copy{right:12px}.hb-banner-card .hb-image-copy strong{font-size:15px}.hb-banner-card .hb-image-copy em{display:none}.hb-hero .hb-image-copy{max-width:76%}.hb-hero .hb-image-copy strong{font-size:18px}.hb-hero .hb-image-copy b{font-size:9px}.hb-slider-arrow{display:none}.hb-story-card{flex-basis:calc(var(--hb-story-size,62px) + 12px)}.hb-products-carousel .product-card{flex-basis:164px;max-width:164px}.hb-category-card>span{width:min(var(--hb-category-size-mobile,96px),100%)}.hb-text-block{padding:18px 14px}.hb-text-block h2{font-size:18px}}
.hb-hero-image.is-smart-contained,.hb-banner-image.is-smart-contained,.hb-quick-image.is-smart-contained,.hb-hero-image.is-contained-image,.hb-banner-image.is-contained-image{background:#f4f5f6}

/* Image-ratio mode: the frame already has the exact source ratio, so the image
   must fill it completely. This also neutralizes any earlier smart/contain state. */
.hb-height-image-ratio .hb-hero-image,
.hb-height-image-ratio .hb-banner-image,
.hb-height-image-ratio .hb-hero-image.is-contained-image,
.hb-height-image-ratio .hb-banner-image.is-contained-image,
.hb-height-image-ratio .hb-hero-image.is-smart-contained,
.hb-height-image-ratio .hb-banner-image.is-smart-contained{
  position:static!important;
  inset:auto!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  transform:none!important;
  object-fit:cover!important;
  background:transparent!important;
}

/* Home builder 1.0.8: functional product carousel controls and visible-card counts */
.hb-product-carousel-shell{position:relative;overflow:hidden}.hb-products-carousel{gap:var(--hb-gap,10px);scroll-behavior:smooth;scroll-padding-inline:14px}.hb-products-carousel .product-card{flex:0 0 var(--hb-product-card-desktop,calc(20% - 8px));max-width:var(--hb-product-card-desktop,calc(20% - 8px));min-width:0}.hb-product-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:1px solid #d4d9dd;background:rgba(255,255,255,.96);color:#34414a;font-size:25px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.12)}.hb-product-arrow:hover{background:#fff;border-color:#aeb8bf}.hb-product-arrow-prev{right:7px}.hb-product-arrow-next{left:7px}.hb-products-grid{gap:var(--hb-gap,10px);background:transparent;border-top:0}.hb-products-grid .product-card{border:1px solid #e7e9eb!important;border-radius:10px!important}
@media(max-width:900px){.hb-products-carousel{gap:var(--hb-gap,8px)}.hb-products-carousel .product-card{flex-basis:var(--hb-product-card-mobile,calc(50% - 4px));max-width:var(--hb-product-card-mobile,calc(50% - 4px))}.hb-product-arrow{width:32px;height:32px;font-size:21px}.hb-product-arrow-prev{right:3px}.hb-product-arrow-next{left:3px}}
@media(max-width:560px){.hb-products-carousel .product-card{flex-basis:var(--hb-product-card-mobile,calc(50% - 4px));max-width:var(--hb-product-card-mobile,calc(50% - 4px))}}

/* Centered section headers (product grid and ranking). */
.hb-section-head.hb-section-head-center{justify-content:center;text-align:center}
.hb-section-head.hb-section-head-center>div{width:100%;text-align:center}
.hb-section-head.hb-section-head-center h2,.hb-section-head.hb-section-head-center p{margin-left:auto;margin-right:auto}

/* Home builder 1.0.21: keep category-panel product images clean on white.
   Global lazy-image polish uses a pale gray background; transparent product
   canvases exposed it as vertical gray bands around the artwork. */
.hb-panel-products img,
.hb-panel-products img.front-lazy-img,
.hb-panel-products img.front-lazy-img:not(.is-loaded){
  display:block;
  background:#fff!important;
}