/* Trast Shop 1.5: mobile-first component layer, only active in Modern theme.
   Changes do not affect price calculation, cart persistence, payment or OTP. */
.trast-modern{--ui-pink:#dc2c68;--ui-line:#eee6e9;--ui-ease:cubic-bezier(.2,.8,.2,1)}
/* Mobile foundation: readable product heading above the gallery, original H1 stays in DOM. */
.trast-modern .product-mobile-heading{display:none}
.trast-modern .product-price-status{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;direction:rtl;margin:12px 0 15px;min-width:0}
.trast-modern .product-price-status .product-stock,.trast-modern .product-price-status .product-price{margin:0!important;min-width:0}
.trast-modern .product-price-status .product-price{display:flex;align-items:baseline;gap:10px;direction:ltr}
.trast-modern .product-price-status .product-price strong{font-size:clamp(1.15rem,3vw,1.6rem);white-space:nowrap;direction:rtl}
/* Centered, accessible minus/value/plus control. Real input preserves native form submission. */
.trast-modern .quantity-stepper{display:grid!important;grid-template-columns:36px minmax(34px,1fr) 36px!important;grid-template-rows:46px!important;gap:0!important;align-items:center!important;min-width:0;max-width:100%;border:1px solid #e8dfe4;border-radius:13px;overflow:hidden;background:#fff;box-sizing:border-box}
.trast-modern .quantity-stepper button{width:100%;height:100%;display:grid;place-items:center;min-height:0;margin:0!important;background:#fff;border:0;border-radius:0;padding:0;color:#35272f;font-size:1.22rem;font-weight:650;line-height:1;transform:none!important}
.trast-modern .quantity-stepper button:hover:not(:disabled){background:#fff0f5;color:var(--ui-pink)}
.trast-modern .quantity-stepper button:disabled{opacity:.3;cursor:not-allowed}
.trast-modern .quantity-stepper input[type=number]{width:100%!important;min-width:0;height:44px!important;min-height:0!important;max-height:44px;border:0!important;background:transparent;text-align:center!important;border-radius:0!important;padding:0!important;margin:0!important;font-size:.91rem!important;appearance:textfield;-moz-appearance:textfield;box-shadow:none!important;grid-row:auto!important;direction:ltr}
.trast-modern .quantity-stepper input::-webkit-inner-spin-button,.trast-modern .quantity-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.trast-modern .quantity-stepper:focus-within{outline:2px solid #eaa9c0;outline-offset:2px}
.trast-modern .product-buy{grid-template-columns:minmax(0,140px) minmax(0,1fr);align-items:center!important;gap:12px}
.trast-modern .product-buy>.primary{align-self:center;height:48px;min-height:48px}
.trast-modern .cart-item--refined .cart-item__quantity{max-width:140px;grid-template-columns:34px minmax(32px,1fr) 34px!important;grid-template-rows:44px!important}
.trast-modern .cart-item--refined .cart-item__controls{align-items:center}
/* Photo-only categories, hover image zoom without reflow. */
.trast-modern .home-category-section{padding-block:14px 23px!important}
.trast-modern .category-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0}
.trast-modern .category-choice{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;min-width:0;border:0!important;box-shadow:none!important;background:transparent!important;padding:4px!important;border-radius:0!important;overflow:visible;text-align:center;transform:none!important}
.trast-modern .category-choice__image{display:block;width:min(100%,145px);height:auto;aspect-ratio:1;object-fit:contain;transform:scale(1);transition:transform .3s var(--ui-ease);border:0;border-radius:0;background:transparent}
.trast-modern .category-choice:where(:hover,:focus-visible) .category-choice__image{transform:scale(1.055)}
.trast-modern .category-choice__symbol{display:grid;place-items:center;width:62px;height:62px;margin:0;box-shadow:none;border:0;border-radius:20px;background:#fff0f5;color:var(--ui-pink);font-size:1.35rem;font-weight:850;transition:transform .3s var(--ui-ease)}
.trast-modern .category-choice:where(:hover,:focus-visible) .category-choice__symbol{transform:scale(1.055)}
.trast-modern .category-choice b{font-size:.82rem;line-height:1.6;font-weight:750}
.trast-modern .category-choice:focus-visible{outline:2px solid var(--ui-pink);outline-offset:3px}
/* Header menu: no button outline, three clean lines, animated X when open. */
.trast-modern .menu-toggle.hamburger{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:8px!important;min-height:44px;min-width:44px;transform:none!important}
.trast-modern .menu-bars{width:24px;height:20px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}
.trast-modern .menu-bars span{width:24px;height:2.5px;background:#30252c;border-radius:5px;transform-origin:center;transition:transform .32s var(--ui-ease),opacity .2s ease}
.trast-modern .hamburger[aria-expanded=true] .menu-bars span:first-child{transform:translateY(8.75px) rotate(45deg)}
.trast-modern .hamburger[aria-expanded=true] .menu-bars span:nth-child(2){opacity:0}
.trast-modern .hamburger[aria-expanded=true] .menu-bars span:last-child{transform:translateY(-8.75px) rotate(-45deg)}
/* Modal close actions and restrained section typography. */
.trast-modern .commerce-modal__header button,.trast-modern [data-auth-close]{display:grid;place-items:center;line-height:1;width:40px;height:40px;min-width:40px;min-height:40px;padding:0!important;font-size:20px!important;transform:none!important}
.trast-modern .section-head :is(h2,h3){font-size:clamp(1.12rem,1.55vw,1.45rem)!important;line-height:1.6}
.trast-modern .section-head .ui-icon{width:19px!important;height:19px!important}
@media(min-width:600px){.trast-modern .category-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:900px){.trast-modern .category-choice-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:760px){
 .trast-modern .product-section .breadcrumbs{margin-bottom:10px}
 .trast-modern .product-mobile-heading{display:block;order:0;text-align:center;font-size:clamp(1.1rem,4.5vw,1.4rem);font-weight:850;line-height:1.8;padding:2px 8px 6px}
 .trast-modern .product-showcase .product-gallery-panel{order:1}
 .trast-modern .product-showcase .product-summary{order:2}
 .trast-modern .product-summary>h1{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;margin:0!important}
 .trast-modern .product-price-status{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:9px;min-width:0;width:100%;margin:14px 0 16px}
 .trast-modern .product-price-status .product-stock{font-size:.72rem;white-space:nowrap;text-align:right}
 .trast-modern .product-price-status .product-price{gap:5px;flex-wrap:nowrap}
 .trast-modern .product-price-status .product-price strong{font-size:clamp(.98rem,4vw,1.22rem)}
 .trast-modern .product-price-status .product-price del{font-size:.66rem}
 .trast-modern .product-utility-actions{justify-content:center!important;align-items:center;gap:9px;margin-inline:auto}
 .trast-modern .product-benefits{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .trast-modern .product-benefits>div{display:flex;align-items:center;justify-content:center!important;flex-direction:column;text-align:center;gap:7px;padding:14px 6px!important}
 .trast-modern .product-benefits>div span{text-align:center}
 .trast-modern .product-tabs{justify-content:center!important;gap:clamp(4px,3vw,18px)!important}
 .trast-modern .product-tabs button{padding-inline:clamp(5px,2vw,14px)!important;font-size:clamp(.75rem,3.1vw,.94rem)}
 .trast-modern .product-buy{grid-template-columns:minmax(0,134px) minmax(0,1fr);gap:8px;padding:10px}
 .trast-modern .product-buy .quantity-stepper{grid-template-columns:34px minmax(30px,1fr) 34px!important;grid-template-rows:44px!important}
 .trast-modern .product-buy>.primary{height:46px;min-height:46px;font-size:.8rem}
 .trast-modern .cart-item--refined .cart-item__controls{grid-template-columns:minmax(105px,125px) minmax(0,1fr) auto;gap:7px}
 .trast-modern .section-head :is(h2,h3){font-size:clamp(1.02rem,4vw,1.24rem)!important}
 .trast-modern .category-choice-grid{gap:9px}
 .trast-modern .category-choice b{font-size:.73rem}
}
@media(max-width:365px){
 .trast-modern .product-price-status .product-price strong{font-size:.94rem}
 .trast-modern .product-buy{grid-template-columns:110px minmax(0,1fr)}
 .trast-modern .product-buy .quantity-stepper{grid-template-columns:29px minmax(28px,1fr) 29px!important}
 .trast-modern .cart-item--refined .cart-item__controls{grid-template-columns:106px minmax(0,1fr) auto;gap:5px}
}
@media(prefers-reduced-motion:reduce){.trast-modern .menu-bars span,.trast-modern .category-choice__image,.trast-modern .category-choice__symbol{transition:none!important}}