@media (max-width:768px){html,body{max-width:100%;overflow-x:clip}.store-shell,.store-page,.store-main{width:100%;max-width:100%;overflow-wrap:anywhere}.store-rate{min-height:32px;padding:6px 12px;font-size:12px}.store-header{display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px;min-height:62px;padding:8px 14px!important;gap:8px;align-items:center}.store-brand{font-size:22px!important;justify-self:center;white-space:nowrap}.header-tools{display:contents}.header-tools button,.store-header>button{min-width:44px;min-height:44px}.store-search{grid-column:1/-1;grid-row:2;width:100%;min-height:44px;margin:4px 0}.store-nav{display:flex!important;gap:6px;overflow-x:auto;scrollbar-width:none;padding:8px 14px!important;white-space:nowrap}.store-nav::-webkit-scrollbar,.category-strip::-webkit-scrollbar{display:none}.store-nav a,.store-nav button{min-height:44px;padding:8px 12px!important}.store-main{padding-inline:14px!important;padding-bottom:92px!important}.store-hero,.managed-hero{height:auto!important;min-height:250px;max-height:min(58vh,430px);border-radius:16px!important;overflow:hidden}.store-hero img,.managed-hero img{width:100%;height:100%;object-fit:cover}.store-hero h1,.managed-hero h1{font-size:clamp(24px,8vw,36px)!important;line-height:1.45!important;max-width:75%}.store-hero p,.managed-hero p{font-size:14px!important;max-width:70%}.hero-arrow{width:44px!important;height:44px!important}.category-strip,.category-cards{display:flex!important;grid-template-columns:none!important;gap:12px!important;overflow-x:auto;padding:14px 2px 18px!important;scroll-snap-type:x proximity}.category-strip>* ,.category-cards>*{flex:0 0 82px;scroll-snap-align:start}.category-card{min-width:82px}.category-card img{width:72px!important;height:72px!important}.managed-collections{grid-template-columns:1fr!important;gap:12px!important}.product-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.product-card{min-width:0!important;border-radius:13px!important;padding:8px!important}.product-card img,.product-card .product-image{width:100%!important;aspect-ratio:1/1!important;height:auto!important;object-fit:cover!important;border-radius:10px!important}.product-card h3{font-size:14px!important;line-height:1.6!important;margin:8px 0 3px!important}.product-card p,.product-card small{font-size:12px!important}.product-card button,.product-card .hami-product-link{min-height:44px!important;font-size:12px!important;padding:7px!important}.hami-mobile-bottom-nav{position:fixed;z-index:9700;right:0;left:0;bottom:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#fffaf3f5;border-top:1px solid #e0cfb5;box-shadow:0 -8px 28px #3b291a16;padding:7px 5px calc(7px + env(safe-area-inset-bottom));backdrop-filter:blur(14px);direction:rtl}.hami-mobile-bottom-nav button{position:relative;display:grid;place-items:center;gap:3px;min-width:0;min-height:44px;border:0;background:transparent;color:#776d66;font:inherit;padding:2px}.hami-mobile-bottom-nav button.active{color:#6d4529}.hami-mobile-bottom-nav svg{width:21px;height:21px}.hami-mobile-bottom-nav span{font-size:10px;white-space:nowrap}.hami-mobile-cart-count{position:absolute;top:-3px;right:calc(50% - 22px);display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#a67b3f;color:#fff;font-size:10px}.hami-mobile-notice{grid-column:1/-1;margin:0 0 10px;padding:10px;border-radius:10px;background:#f7eddd;color:#765b3b;text-align:center;font-size:13px}.store-footer{padding-bottom:95px!important}}
@media (max-width:360px){.store-main{padding-inline:10px!important}.product-grid{gap:7px!important}.product-card{padding:6px!important}.hami-mobile-bottom-nav span{font-size:9px}.store-hero,.managed-hero{min-height:230px}}
@media (min-width:769px){.hami-mobile-bottom-nav,.hami-mobile-notice{display:none!important}}
@media (max-width:768px){
  .store-nav{display:none!important}
  .store-header{position:relative;display:flex!important;justify-content:center;min-height:66px!important;height:66px!important;padding:6px 14px!important}
  .store-brand{position:relative!important;z-index:2;display:block!important;font-size:21px!important;padding:10px 18px!important}
  .store-brand span{bottom:5px!important}
  .header-tools{position:absolute;z-index:3;inset:0 14px;display:flex!important;align-items:center;justify-content:space-between;pointer-events:none}
  .header-tools button{display:grid!important;pointer-events:auto;min-width:44px;min-height:44px}
  .header-tools button:nth-child(2){display:none!important}
  .store-search{display:none!important}
  .store-main{padding-top:14px!important;padding-bottom:calc(104px + env(safe-area-inset-bottom))!important}
  .store-hero,.managed-hero{height:clamp(280px,78vw,330px)!important;min-height:0!important;max-height:none!important;touch-action:pan-y}
  .store-hero>div:not(.hero-dots),.managed-hero>div:not(.hero-dots){inset:0 0 0 auto!important;width:68%!important;padding:24px 18px 54px!important;box-sizing:border-box;justify-content:center!important;background:linear-gradient(90deg,transparent,#f5ead9d9 38%,#f5ead9f2)}
  .store-hero small,.managed-hero small{font-size:12px!important;letter-spacing:1px!important}
  .store-hero h1,.managed-hero h1{font-size:clamp(26px,8vw,34px)!important;line-height:1.35!important;max-width:100%!important;margin:8px 0 10px!important}
  .store-hero p,.managed-hero p{font-size:13px!important;line-height:1.8!important;max-width:100%!important;margin:0 0 14px!important}
  .store-hero button,.managed-hero button:not(.hero-arrow):not(.hero-dots button){min-height:42px!important;padding:9px 16px!important;font-size:12px!important}
  .managed-hero .hero-dots{bottom:14px!important;right:18px!important}
  .category-strip button{border-radius:14px!important;padding:5px!important;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease}
  .category-strip button.is-active{background:#f3e8d6!important;color:#78542f!important;box-shadow:inset 0 0 0 1px #b99258}
  .catalog-section{scroll-margin-top:96px}
  .catalog-section .section-title h2{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
  .hami-catalog-count{display:inline-flex;align-items:center;min-height:24px;padding:2px 9px;border-radius:999px;background:#f3e8d6;color:#78542f;font-size:11px;font-weight:600;white-space:nowrap}
  .hami-empty-catalog-action{display:block;min-height:44px;margin:14px auto 0;padding:9px 18px;border:1px solid #8b633c;border-radius:10px;background:#fffaf3;color:#6d4529;font:inherit;font-size:13px;font-weight:700}
  .managed-collections{grid-template-columns:1fr!important;gap:14px!important;margin-bottom:24px!important}
  .managed-collections article{height:clamp(210px,58vw,250px)!important}
  .managed-collections article>div{inset:0 auto 0 0!important;width:56%!important;padding:20px!important;box-sizing:border-box;background:linear-gradient(90deg,#f4ede2 78%,transparent)!important;justify-content:center!important}
  .editorial-grid h2{font-size:clamp(22px,7vw,28px)!important;line-height:1.35!important;margin:6px 0 14px!important}
  .editorial-grid button{min-height:40px!important;padding:8px 13px!important}
}
@media (max-width:360px){
  .store-hero>div:not(.hero-dots),.managed-hero>div:not(.hero-dots){width:72%!important;padding-inline:14px!important}
  .managed-collections article>div{width:60%!important;padding:16px!important}
}

/* Mobile hero: retain the original photograph and desktop composition. */
@media (max-width:768px){
  .store-hero,.managed-hero{height:clamp(320px,84vw,360px)!important;isolation:isolate;background:#f5ead9}
  .store-hero>img,.managed-hero>img{position:absolute;inset:0 auto 0 0;width:58%!important;height:100%!important;object-fit:cover;object-position:80% center;mask-image:linear-gradient(to right,#000 70%,transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 70%,transparent 100%)}
  .store-hero>div:not(.hero-dots),.managed-hero>div:not(.hero-dots){inset:0 0 0 auto!important;padding:20px 18px 44px!important;direction:rtl;text-align:right;align-items:flex-start;background:none!important;isolation:isolate}
  .store-hero>div:not(.hero-dots)::before,.managed-hero>div:not(.hero-dots)::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(to right,transparent,#f5ead9d9 38%,#f5ead9f5 78%);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);mask-image:linear-gradient(to right,transparent,#000 38%);-webkit-mask-image:linear-gradient(to right,transparent,#000 38%)}
  .store-hero h1,.managed-hero h1{font-size:clamp(22px,5.7vw,26px)!important;line-height:1.45!important;margin:7px 0 10px!important}
  .store-hero p,.managed-hero p{font-size:14px!important;line-height:1.6!important;margin:0 0 12px!important}
  .managed-hero .hero-arrow{top:auto!important;bottom:12px!important;transform:none!important;width:36px!important;height:36px!important;min-height:36px!important;padding:0!important}
  .managed-hero .hero-prev{right:auto!important;left:56px!important}
  .managed-hero .hero-next{left:12px!important}
}
@media (max-width:360px){
  .store-hero>div:not(.hero-dots),.managed-hero>div:not(.hero-dots){padding-inline:14px!important}
}