.scroll-progress{position:fixed;z-index:1000;top:0;left:0;width:100%;height:3px;background:#efc861;transform-origin:left;transform:scaleX(0);pointer-events:none}.feature-card{height:auto;min-height:290px;grid-template-rows:minmax(290px,auto)}.feature-card img{height:100%;min-height:290px}.feature-card-copy{overflow:visible;padding:1rem 1.1rem;gap:.35rem}.feature-card .feature-actions{margin-top:auto;display:flex;flex-wrap:nowrap;gap:.4rem;align-items:center}.feature-card .feature-actions .button{white-space:nowrap;margin:0}.feature-card .tag{display:inline-flex;align-items:center;gap:.25rem}.feature-card .tag .qing-icon{width:14px;height:14px}.market-item{display:flex;flex-direction:column}.market-item-body{display:flex;flex:1;flex-direction:column}.market-item h3{min-height:3.1em}.market-item-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:stretch;gap:.65rem;padding-top:.8rem}.market-item-actions{display:flex;flex-wrap:nowrap;width:100%;gap:.35rem}.market-item-actions .add-cart{flex:1;white-space:nowrap}.product-quantity{flex:none}.install-shortcut{border:1px solid #c5a46a;background:transparent;color:inherit;border-radius:6px;padding:.6rem 1rem;cursor:pointer;font:600 .8rem Cairo}.install-prompt{position:fixed;z-index:1100;bottom:1rem;right:1rem;width:min(360px,calc(100% - 2rem));padding:1rem;background:#fffdf8;color:#071b3f;border:1px solid #e4d4b7;border-radius:14px;box-shadow:0 16px 55px #071b3f30}.install-prompt[hidden]{display:none}.install-prompt strong{display:block;padding-left:2rem}.install-prompt p{font-size:.78rem;line-height:1.8;color:#5c6878}.install-prompt button{font:700 .75rem Cairo;cursor:pointer}.install-close{position:absolute;left:.8rem;top:.6rem;border:0;background:none;color:#071b3f;font-size:1.5rem!important}.install-primary{background:#071b3f;color:white;border:0;border-radius:6px;padding:.65rem 1rem}.install-secondary{border:0;background:none;color:#80602b;padding:.65rem}.install-info{font-size:.75rem;color:#5c6878}.mobile-utility{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;margin-top:1.5rem}@media(max-width:800px){.feature-card{min-height:240px;grid-template-rows:minmax(240px,auto)}.feature-card img{min-height:240px}.install-prompt{bottom:calc(5rem + env(safe-area-inset-bottom))}.market-item h3{min-height:3.3em}.market-item-actions{gap:.2rem}.product-quantity button{width:25px}.product-quantity output{min-width:18px}}@media(max-width:400px){.feature-card{min-height:255px;grid-template-rows:minmax(255px,auto)}.feature-card img{min-height:255px}.feature-card .feature-actions{flex-wrap:wrap}.market-item-body{padding:.65rem}.market-item-actions{flex-wrap:wrap}.market-item-actions .add-cart{min-width:100%}}
.carousel-stage{flex:1;min-width:0;width:auto}.carousel-card{min-width:0}.carousel-card img{max-width:100%}
/* The hero's dark space stays on the right in both languages. */
.hero-copy{margin-left:auto;margin-right:2%}html[dir="ltr"] .hero-copy{text-align:left;padding-left:2%;padding-right:5%}html[dir="ltr"] .hero-copy .actions{justify-content:flex-start}html[dir="ltr"] .hero-desc{margin-left:0;margin-right:auto}
@media(min-width:801px){html[dir="ltr"] .hero-copy{width:40%;margin-left:auto;margin-right:3%;padding-left:0;padding-right:2%}}
/* Keep the close button at the end of the reading direction, outside the title. */
.cart-panel .dialog-close{left:auto;right:auto;inset-inline-end:1rem;top:1rem;width:40px;height:40px;display:grid;place-items:center;line-height:1}.cart-panel h2{padding-inline-end:3rem;line-height:1.45;margin-block:.3rem 1rem}.cart-panel .cart-line{align-items:center}.cart-panel .cart-line button{margin-inline-start:auto;margin-inline-end:0}.cart-panel .cart-total{gap:1rem}
@media(max-width:800px){.hero-copy,html[dir="ltr"] .hero-copy{margin:0 0 0 auto;padding:4.1rem 7% 3.5rem}html[dir="ltr"] .hero-copy{text-align:left}.cart-panel{padding:1.25rem}.cart-panel .dialog-close{inset-inline-end:.75rem}}
@media(max-width:600px){html[dir="ltr"] .hero-copy{width:62%;padding:3.3rem 5% 3rem .5rem}html[dir="ltr"] .hero h1{font-size:clamp(1.5rem,6.4vw,2.2rem);line-height:1.2}html[dir="ltr"] .hero-desc{font-size:.75rem;line-height:1.7}}
html[lang="en"] .journey small{display:none}
/* On phones, keep the menu with the language and cart controls in both directions. */
@media(max-width:800px){.header{justify-content:flex-start;gap:.35rem}.header .menu-toggle{margin-inline-start:auto;flex:none}.header .market-header-actions{flex:none;gap:.25rem}.header .brand{flex:none}.header .menu-toggle,.header .cart-toggle,.header .language-switch{min-width:40px;min-height:44px;justify-content:center}.header .language-switch{display:inline-flex;align-items:center}}
@media(max-width:800px){.header .brand{order:0}.header .market-header-actions{order:1;direction:inherit;margin-inline-start:auto}.header .menu-toggle{order:2;margin-inline-start:0}}
/* Keep the full navigation readable on tablet widths, without wrapping its labels. */
@media(min-width:801px) and (max-width:1100px){
  .header{padding-inline:2%;gap:.55rem}
  .header nav{gap:clamp(.45rem,1.2vw,.9rem);font-size:.74rem}
  .header nav a{white-space:nowrap}
  .header .market-header-actions{gap:.1rem}
}
@media(min-width:801px) and (max-width:959px){.commerce-results .market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:960px) and (max-width:1100px){.commerce-results .market-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
