/* Selected Classic and Calm mobile design. Desktop rules and original assets stay intact. */
.hami-mobile-menu-trigger,.hami-mobile-search-trigger,.hami-hero-mobile-copy,.hami-mobile-filter-icon,.hami-rate-mobile-label,.hami-mobile-manager,.hami-mobile-manager-label,.hami-hero-default-mobile-image{display:none!important}
@media screen and (max-width:768px){
  .store-shell{--store-ivory:#fffdf9;--store-brown:#352218;background:var(--store-ivory)}
  .store-shell .store-rate{height:32px;min-height:32px;padding:0 14px;gap:5px;flex-wrap:nowrap;font-size:9px;line-height:1.3}
  .store-shell .store-rate b{font-size:11px;white-space:nowrap}
  .store-shell .store-rate small{font-size:8px;white-space:nowrap}
  .store-shell .store-rate .hami-manager-message-button{margin-inline-start:auto;width:32px;min-height:28px;border:0;padding:4px}
  .store-shell .store-header{position:relative!important;display:grid!important;grid-template-columns:76px minmax(0,1fr) 36px;grid-template-rows:48px 36px;direction:ltr;gap:4px 6px;min-height:0!important;height:auto!important;padding:0 18px 12px!important;background:var(--store-ivory)}
  .store-shell .store-brand{grid-column:2;grid-row:1;position:static!important;justify-self:center;padding:0!important;font-size:22px!important;direction:rtl}
  .store-shell .store-brand span{display:none}
  .store-shell .header-tools{grid-column:1;grid-row:1;position:static!important;inset:auto!important;display:flex!important;justify-content:flex-start;gap:2px;pointer-events:auto}
  .store-shell .header-tools button{min-height:36px!important;min-width:36px!important;padding:5px;position:relative}
  .store-shell .header-tools button[aria-label="حساب کاربری"],.store-shell .header-tools button[aria-label="علاقه‌مندی‌ها"]{display:none!important}
  .store-shell .hami-mobile-search-trigger,.store-shell .hami-mobile-menu-trigger{display:grid!important;place-items:center;background:transparent;border:0;color:#352218;cursor:pointer}
  .store-shell .hami-mobile-search-trigger span,.store-shell .hami-mobile-menu-trigger span{display:flex}
  .store-shell .hami-mobile-menu-trigger{grid-column:3;grid-row:1;min-height:36px!important;min-width:36px!important;padding:5px}
  .store-shell .store-header svg{width:24px;height:24px}
  .store-shell .store-search{display:flex!important;grid-column:1/-1;grid-row:2;direction:rtl;width:100%;height:36px;min-height:36px!important;margin:0!important;border:1px solid #ded8cf;border-radius:8px;box-sizing:border-box;padding:0 12px;flex-direction:row-reverse;background:white}
  .store-shell .store-search svg{width:21px;height:21px;flex-shrink:0}
  .store-shell .store-search input{font-size:12px;min-width:0;height:34px}
  .store-shell .store-main{padding:0 14px calc(85px + env(safe-area-inset-bottom))!important;max-width:100%}
  .store-shell .store-hero,.store-shell .managed-hero{width:100%;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:1.9;border-radius:12px!important;background:#f4e9d9}
  .store-shell .managed-hero>img{position:absolute;inset:0!important;width:100%!important;height:100%!important;object-fit:cover;object-position:center;mask-image:none!important;-webkit-mask-image:none!important}
  .store-shell .managed-hero>.hami-hero-default-desktop-image{display:none!important}.store-shell .managed-hero>.hami-hero-default-mobile-image{display:block!important}
  .store-shell .store-hero::after,.store-shell .managed-hero>div:not(.hero-dots)::before{display:none!important}
  .store-shell .managed-hero>div:not(.hero-dots){inset:0 0 0 auto!important;width:46%!important;padding:15px 15px 18px 0!important;background:none!important;justify-content:center!important;align-items:flex-start!important;direction:rtl;isolation:auto}
  .store-shell .hami-hero-desktop-copy{display:none!important}
  .store-shell .hami-hero-mobile-copy{display:block!important}
  .store-shell .managed-hero small{font-size:11px!important;letter-spacing:0!important;color:#826b55}
  .store-shell .managed-hero h1{font-size:clamp(21px,6.3vw,29px)!important;line-height:1.35!important;margin:12px 0 10px!important;color:#2e1d15;max-width:100%!important}
  .store-shell .managed-hero p{font-size:clamp(10px,3.25vw,14px)!important;line-height:1.5!important;margin:0 0 13px!important;max-width:100%!important;white-space:nowrap}
  .store-shell .managed-hero button:not(.hero-arrow):not(.hero-dots button){font-size:11px!important;min-height:32px!important;padding:8px 12px!important;gap:7px;border-radius:6px;white-space:nowrap}
  .store-shell .managed-hero .hero-arrow{width:24px!important;height:24px!important;min-height:24px!important;bottom:5px!important}
  .store-shell .managed-hero .hero-next{left:7px!important}.store-shell .managed-hero .hero-prev{left:35px!important}
  .store-shell .managed-hero .hero-dots{right:12px!important;bottom:6px!important;gap:4px}
  .store-shell .managed-hero .hero-dots button{width:5px;height:5px}
  .store-shell .category-strip{display:flex!important;gap:8px!important;padding:18px 0 18px!important;overflow-x:auto;align-items:start}
  .store-shell .category-strip>button{flex:0 0 calc((100% - 24px)/4)!important;min-width:0!important;padding:0!important;border-radius:0!important;background:none!important;gap:7px;order:5;box-shadow:none!important}
  .store-shell .category-strip>button:last-child{display:none!important}
  .store-shell .category-strip>button[data-category="گردنبند"]{order:0}.store-shell .category-strip>button[data-category="انگشتر"]{order:1}.store-shell .category-strip>button[data-category="دستبند"]{order:2}.store-shell .category-strip>button[data-category="گوشواره"]{order:3}
  .store-shell .category-strip span,.store-shell .category-strip span img{width:clamp(52px,17.18vw,80px)!important;height:clamp(52px,17.18vw,80px)!important;border-radius:50%}
  .store-shell .category-strip b{font-size:12px;line-height:1.5}.store-shell .category-strip .is-active span{outline:2px solid #ad8748;outline-offset:3px}
  .store-shell .managed-collections{display:none!important}
  .store-shell .catalog-section .section-title{align-items:center;gap:8px;margin:0 0 3px;min-height:38px}
  .store-shell .catalog-section .section-title h2{font-size:clamp(20px,5.6vw,25px);line-height:1.5;margin:0;display:block}
  .store-shell .catalog-section .section-title p:not(:first-child){display:none}
  .store-shell .catalog-section .hami-catalog-count{display:none}
  .store-shell .catalog-section .section-title>button{border:0;background:transparent;font-size:11px;padding:5px 0;min-height:32px;gap:5px;white-space:nowrap;flex-direction:row-reverse;color:#80603e}
  .store-shell .hami-price-filter:not(.is-applied){border:0;border-radius:0;background:transparent;padding:0;margin:0 0 10px}
  .store-shell .hami-price-filter-head{justify-content:flex-end;gap:6px}
  .store-shell .hami-price-toggle{min-height:32px!important;border:1px solid #d9cdbc;border-radius:7px;background:#fcf8f1;padding:6px 12px!important;font-size:12px!important}
  .store-shell .hami-price-result-count{display:none}
  .store-shell .hami-price-filter.is-applied{padding:10px;margin-bottom:12px}
  .store-shell .hami-price-filter.is-applied .hami-price-filter-head{justify-content:flex-start}
  .store-shell .hami-price-form{padding:10px;border:1px solid #e2d5c5;border-radius:8px;background:#fffaf3}
  .store-shell .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 10px!important}
  .store-shell .product-card{padding:0!important;border:0!important;border-radius:0!important;background:transparent;box-shadow:none!important;transform:none!important;min-width:0}
  .store-shell .product-card[data-category="گردنبند"]{order:1}.store-shell .product-card[data-category="انگشتر"]{order:0}.store-shell .product-card[data-category="دستبند"]{order:2}.store-shell .product-card[data-category="گوشواره"]{order:3}
  .store-shell .product-card .product-image{position:relative;aspect-ratio:1.05!important;border-radius:8px!important;overflow:hidden}
  .store-shell .product-card .product-image img{height:100%!important;aspect-ratio:auto!important;object-fit:cover;border-radius:8px!important}
  .store-shell .product-image>button{width:28px!important;height:28px!important;min-height:28px!important;min-width:28px!important;top:7px;left:7px;right:auto;padding:5px!important;border:0;border-radius:50%;background:#fffdf8;color:#38251b}
  .store-shell .product-image>button svg{width:18px;height:18px}
  .store-shell .product-info{padding:5px 0 0;gap:2px}
  .store-shell .product-info h3{font-size:14px!important;line-height:1.6!important;margin:0!important}
  .store-shell .product-info small{display:none}
  .store-shell .product-info>b{font-size:12px!important;line-height:1.6;font-weight:500;color:#6e6259}
  .store-shell .product-info>button,.store-shell .product-info>.hami-product-link{background:#f4ecdf;border:1px solid #e9ddcc;color:#50351e;margin-top:2px;min-height:32px!important;padding:6px!important;font-size:11px!important;border-radius:6px}
  .store-shell+.hami-mobile-bottom-nav,.hami-mobile-bottom-nav{padding:8px 4px calc(8px + env(safe-area-inset-bottom));background:#fffdf9;border-top:1px solid #e8e1d6;box-shadow:none;backdrop-filter:none}
  .hami-mobile-bottom-nav button{min-height:45px;gap:3px;color:#6d625a}
  .hami-mobile-bottom-nav svg{width:23px;height:23px}.hami-mobile-bottom-nav span{font-size:10px}
  .hami-mobile-bottom-nav button.active{color:#a07635}.hami-mobile-bottom-nav button.active::after{content:"";width:28px;height:1px;background:currentColor;position:absolute;bottom:0}
  .hami-mobile-cart-count{font-size:9px;min-width:14px;height:14px;top:-4px}
  .hami-menu-open .store-shell .store-nav{display:flex!important;position:absolute;z-index:9800;right:14px;left:14px;top:82px;padding:12px!important;flex-wrap:wrap;white-space:normal;background:#fffdf9;border:1px solid #dfd4c5;border-radius:10px;box-shadow:0 10px 25px #3926161c}
  .hami-menu-open .store-shell .store-nav button{min-height:40px;padding:8px 12px!important}
}
@media screen and (max-width:360px){
  .store-shell .store-main{padding-inline:12px!important}
  .store-shell .store-header{padding-inline:14px!important;grid-template-columns:72px minmax(0,1fr) 34px}
  .store-shell .store-brand{font-size:20px!important}
  .store-shell .managed-hero>div:not(.hero-dots){padding-right:10px!important}
  .store-shell .managed-hero h1{font-size:21px!important;margin-block:8px!important}
  .store-shell .managed-hero p{font-size:10px!important;margin-bottom:9px!important}
  .store-shell .managed-hero button:not(.hero-arrow):not(.hero-dots button){font-size:10px!important;padding-inline:9px!important}
}

@media screen and (max-width:768px){.hami-mobile-filter-icon{display:flex!important}.hami-price-toggle{display:flex;align-items:center;flex-direction:row-reverse;gap:8px}.hami-mobile-filter-icon svg{width:19px;height:19px}}

@media screen and (max-width:768px){
.hami-rate-desktop-label{display:none!important}.hami-rate-mobile-label{display:inline!important;font-size:10px;white-space:nowrap}
.store-shell .store-rate .hami-manager-message-button{display:flex!important;width:auto;min-height:28px;gap:6px;padding:3px 0;font-size:11px}
.hami-mobile-manager-label{display:inline!important}.hami-mobile-manager>span:first-child{display:flex}.hami-manager-message-button svg{width:18px;height:18px}
}

@media screen and (max-width:768px){
html:has(.store-shell){scrollbar-width:none}html:has(.store-shell)::-webkit-scrollbar{display:none}
.store-shell .category-strip{padding-bottom:14px!important}
.store-shell .header-tools i[data-count="0"]{display:none}
}
@media screen and (max-width:768px){.store-shell .category-strip>button[data-category="گردنبند"] span img{transform:scale(1.65) translate(3px,-12px)}}

@media screen and (max-width:768px){.store-shell .catalog-section .section-title p.hami-search-summary{display:block!important;font-size:12px;line-height:1.6;margin-top:4px}}
@media screen and (max-width:768px){
.store-shell .managed-hero>div:not(.hero-dots){padding-top:32px!important;padding-bottom:20px!important}
.store-shell .managed-hero small{line-height:1.3!important}
.store-shell .managed-hero h1{line-height:1.05!important;margin:8px 0 6px!important}
.store-shell .managed-hero p{margin-bottom:6px!important}
}
@media screen and (max-width:360px){
.store-shell .managed-hero>div:not(.hero-dots){padding-top:15px!important;padding-bottom:10px!important}
.store-shell .managed-hero small{font-size:10px!important;line-height:1.2!important}
.store-shell .managed-hero h1{line-height:1.12!important;margin:6px 0!important}
.store-shell .managed-hero p{margin-bottom:6px!important}
.store-shell .managed-hero button:not(.hero-arrow):not(.hero-dots button){min-height:30px!important}
}