/* Prevent accidental mobile zoom while keeping normal vertical scrolling. */
html,body{touch-action:manipulation}
.product-choice .add{width:auto!important;min-width:86px!important;height:32px!important;padding:0 10px!important;border-radius:7px!important;font-size:11px!important;font-weight:700!important;line-height:1!important;white-space:nowrap!important}
@media(max-width:760px){
  .search input{font-size:16px}
  /* Product image stays inside its own area; name always starts below it. */
  .product-choice{display:flex!important;flex-direction:column!important;min-width:0!important}
  .product-choice .product-art{position:relative!important;display:block!important;flex:0 0 135px!important;height:135px!important;overflow:hidden!important;isolation:isolate!important}
  .product-choice .product-art img{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:cover!important}
  .product-choice .product-info{position:relative!important;z-index:2!important;min-width:0!important;background:#fff!important;overflow:hidden!important;padding:11px!important}
  .product-choice .product-info p{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .products{align-items:stretch!important}
  .product-choice{align-self:stretch!important;height:320px!important}
  .product-choice .product-info{display:flex!important;flex:1 1 auto!important;flex-direction:column!important}
  .product-choice .product-info h3{display:-webkit-box!important;min-width:0!important;min-height:37px!important;margin:0 0 7px!important;overflow:hidden!important;overflow-wrap:anywhere!important;word-break:break-word!important;white-space:normal!important;font-size:14px!important;line-height:1.32!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}
  .product-choice .product-variant-note{min-height:16px!important;margin:-1px 0 7px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .product-choice .variant-select,.product-choice .option-boxes{position:relative!important;z-index:3!important}
  .product-choice .variant-select{min-height:39px!important}
  .product-choice .option-boxes{min-height:39px!important;align-content:flex-start!important}
  .product-choice .product-info>div:last-child{min-height:32px!important;margin-top:auto!important;gap:8px!important}
  .product-choice .add{width:auto!important;min-width:76px!important;height:32px!important;padding:0 9px!important;border-radius:7px!important;font-size:10px!important;font-weight:700!important;line-height:1!important;white-space:nowrap!important}
}

/* App-style mobile catalog: categories stay on the left and products scroll on the right. */
@media(max-width:760px){
  .mobile-catalog-layout{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:start;margin-top:54px;background:#fffaf3}
  .mobile-catalog-layout .category-slider{position:sticky;top:121px;z-index:8;align-self:start;height:calc(100vh - 186px);padding:12px 5px 76px;border-right:1px solid #eadfce;border-bottom:0;background:#fffdf9;overflow:hidden}
  .mobile-catalog-layout .category-track{display:flex;height:100%;flex-direction:column;align-items:stretch;gap:10px;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;touch-action:pan-y}
  .mobile-catalog-layout .category-slide{flex:0 0 auto;width:76px;gap:5px;padding:5px 1px 7px;border-radius:14px}
  .mobile-catalog-layout .category-slide:before{display:none}
  .mobile-catalog-layout .category-slide img,.mobile-catalog-layout .category-slide span{width:56px;height:56px;padding:3px;border-width:1px;border-radius:15px;box-shadow:0 3px 10px #5d321012}
  .mobile-catalog-layout .category-slide span{font-size:25px}
  .mobile-catalog-layout .category-slide b{width:74px;display:-webkit-box;overflow:hidden;font-size:10px;line-height:1.18;text-align:center;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .mobile-catalog-layout .category-slide.active{background:#f5ead9}
  .mobile-catalog-layout .category-slide.active img,.mobile-catalog-layout .category-slide.active span{transform:none;border:2px solid #7a352b;box-shadow:0 0 0 3px #f2d7ad}
  .mobile-catalog-layout .category-slide .all-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;padding:13px;background:#fff6e8}.mobile-catalog-layout .category-slide .all-grid i{display:block;border-radius:4px;background:#c98740}.mobile-catalog-layout .category-slide.active .all-grid i{background:#7a352b}
  .mobile-catalog-layout .shop{min-width:0;margin:0;padding:20px 11px 88px!important}
  .mobile-catalog-layout .shop .heading{display:flex;align-items:center;margin-bottom:2px}
  .mobile-catalog-layout .shop .heading .eyebrow{display:none}
  .mobile-catalog-layout .shop .heading h2{font-size:23px}
  .mobile-catalog-layout .shop .text-btn{font-size:11px;white-space:nowrap}
  .mobile-catalog-layout .products{margin-top:14px!important;gap:10px!important}
  .mobile-catalog-layout .product-choice{height:310px!important;border-radius:13px!important}
  .mobile-catalog-layout .product-choice .product-art{height:132px!important;flex-basis:132px!important;background:#faf8f5}
  .mobile-catalog-layout .product-choice .product-art img{object-fit:contain!important;padding:7px}
  .mobile-catalog-layout .product-choice .product-info{padding:10px!important}
  .mobile-catalog-layout .product-choice .product-info h3{font-size:13px!important}
  .mobile-catalog-layout .product-buy-row .variant-price{font-size:19px}
  .mobile-catalog-layout .choose-options{min-width:72px;padding:6px 7px;font-size:9px}
.mobile-catalog-layout .choose-options small{font-size:7px}
}

/* Mobile storefront ends after products. The bottom navigation remains available. */
@media(max-width:760px){
  .brand-slider-section,
  body > footer{display:none!important}
}

@media(max-width:760px){
  .mobile-nav{display:grid!important;grid-template-columns:repeat(5,1fr)!important;justify-content:normal!important;padding:0 4px!important}
  .mobile-nav a,.mobile-nav button{min-width:0!important;height:58px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#5b473b!important;font-family:'DM Sans',Arial,sans-serif!important}
  .mobile-nav svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .mobile-nav small{font-size:9px!important;font-weight:700;line-height:1}
  .mobile-nav .mobile-whatsapp{color:#198b53!important}
  .mobile-nav #floatingCart{position:relative;align-self:center;justify-self:center;transform:translateY(-9px);min-width:70px!important;height:48px!important;border:2px solid #fff4df!important;border-radius:24px!important;box-shadow:0 7px 15px #4f201d30;color:#fff!important}
  .mobile-nav #floatingCart b{position:absolute;top:-6px;right:-4px;border:2px solid #fffdf9}
  .mobile-nav #floatingCart small{display:block!important;color:#fff!important}
  .mobile-nav #floatingCart #floatingTotal{display:block!important;font-size:9px;font-weight:800;line-height:1;white-space:nowrap}
  .mobile-nav #floatingCart:has(#floatingTotal:not(:empty)){height:53px!important}
  .mobile-nav #floatingCart{display:flex!important;align-items:center;gap:4px;padding:8px 10px!important;min-width:78px}
}