/* Small screens use their own layout, with natural browser zoom preserved. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-width:0}main,.section,.perfume-card,.perfume-bottom>div,.header>*{min-width:0}img,video,canvas{max-width:100%}.perfume-bottom h3{overflow-wrap:anywhere}.intro-start{position:absolute;z-index:4;inset:auto 50% 18px auto;transform:translateX(50%);background:#10120fe8;border:1px solid #cbb58090;border-radius:24px;color:#e5d4a6;padding:10px 18px;font:500 14px 'Tajawal',Tahoma,sans-serif;white-space:nowrap;cursor:pointer;min-height:44px}.intro-start[hidden]{display:none!important}.intro-start:focus-visible{outline:2px solid #dfcc9d;outline-offset:4px}
@media(max-width:900px){
 input,textarea,select,.ga-form input{font-size:16px!important}
 .header{width:100%;max-width:100%;padding:10px 4%;height:72px;gap:10px;inset:auto;justify-content:space-between}
 .header .wordmark{gap:7px;flex:0 1 auto;min-width:0}.header .wordmark svg{width:32px;flex-shrink:0}.header .wordmark span{font-size:18px;letter-spacing:2.5px}.header .wordmark small{font-size:6px;letter-spacing:4px;margin-top:5px}
 .header .nav{display:none}.header .actions{gap:4px;flex-shrink:0;margin:0;align-items:center}.header .lang-btn{font-size:12px;padding:9px 10px;min-height:44px}.header .menu-btn{display:block;min-width:40px;min-height:44px;padding:4px;font-size:24px}
 .mobile-menu{position:absolute;top:72px;padding:18px 5%;width:100%;max-height:calc(100svh - 72px);overflow:auto;left:0;right:0;z-index:110}.mobile-menu a{min-height:42px;display:flex;align-items:center}
 .cinema-hero{width:100%;height:clamp(200px,34svh,350px);min-height:0;aspect-ratio:auto;padding:0;margin:0;grid-template-columns:none}
 #intro-video{object-fit:contain;width:100%;height:100%;max-width:100%;display:block}
 .section{width:100%;max-width:100%;padding:34px 5%}.section-heading{margin-bottom:24px}.section-heading h1{font-size:clamp(21px,5.8vw,28px);line-height:1.6;margin:10px 0}.section-heading .welcome{font-size:16px;margin:0}.delivery-note{font-size:13px;line-height:1.9;max-width:34ch;margin:10px auto 0}
 #dynamicProducts{grid-template-columns:minmax(0,1fr);width:100%;max-width:440px;margin:auto;gap:32px}
 .perfume-card{width:100%;min-width:0}.perfume-image{aspect-ratio:auto!important;height:clamp(280px,95vw,410px)!important;max-width:100%;background:#0c0d0b}.perfume-image img{object-fit:contain!important;width:100%;height:100%}
 .perfume-bottom{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:16px 0 7px}.perfume-bottom>div:first-child{flex:1;min-width:0}.perfume-bottom h3{font-size:clamp(16px,4.4vw,19px);letter-spacing:.3px;line-height:1.5}.perfume-bottom p{font-size:13px;margin:4px 0 0}.price{flex:0 0 auto;flex-direction:column;gap:0}.price strong{font-size:21px}.price del{font-size:11px}
 .card-actions{grid-template-columns:minmax(0,1fr);margin-top:8px}.card-actions .order-btn{min-height:48px;font-size:16px;grid-column:1;grid-row:auto;padding:10px;border-radius:5px;touch-action:manipulation}
 .collection-divider{margin:32px auto;max-width:440px;gap:12px}.collection-divider svg{width:110px;max-width:40%}.upcoming-products{width:100%;max-width:440px;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.upcoming-card{min-width:0}.upcoming-card h3{font-size:13px}.upcoming-visual{gap:12px}.upcoming-visual span{font-size:14px}
 .standalone-contact .contact-link{display:block;width:100%;margin:12px 0;max-width:100%;overflow-wrap:anywhere}.standalone-contact .contact-link strong{font-size:18px}.social-links{gap:16px;justify-content:center}.social-links a{min-height:40px;display:flex;align-items:center;font-size:13px}.faq-list summary{font-size:16px}.faq-list p{font-size:14px}.faq-section h2{font-size:24px!important;letter-spacing:0!important}
 .gerizim-assistant{right:12px;bottom:calc(max(12px,env(safe-area-inset-bottom)) + var(--keyboard-gap,0px));max-width:calc(100% - 24px)}.ga-panel{width:min(390px,calc(100vw - 24px));height:540px;max-height:calc(var(--visible-height,100dvh) - 88px);bottom:56px;right:0}.ga-head{flex-shrink:0;padding:12px 14px}.ga-messages{padding:12px;min-height:50px;overflow-wrap:anywhere}.ga-message p{font-size:15px;line-height:1.75}.ga-form{flex-shrink:0;padding:8px 10px;gap:7px}.ga-form input{height:46px}.ga-send{width:44px;height:46px;flex-shrink:0}.ga-note{padding:0 12px 9px;font-size:10px}.ga-quick{flex-shrink:0;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;padding:8px 10px;scrollbar-width:none;max-width:100%}.ga-quick button{font-size:12px;white-space:nowrap;flex:0 0 auto;min-height:36px;padding:7px 10px}.ga-actions button,.ga-actions a{font-size:14px;min-height:42px}.ga-launcher{font-size:12px;padding:10px 13px;min-height:44px}
 .toast{max-width:calc(100vw - 32px);width:max-content;text-align:center;overflow-wrap:anywhere;box-sizing:border-box}
 .accessories-main{padding:38px 5%;width:100%;min-width:0}.accessories-main h1{font-size:30px}.accessories-main blockquote{font-size:20px;overflow-wrap:anywhere}
 .admin-shell,.admin-main,.panel{min-width:0}.admin-main{width:100%;max-width:100%}.raffle-heading h3{font-size:24px}.raffle-overview-head{gap:12px}.raffle-overview-head h3{font-size:20px}.raffle-search{flex-wrap:wrap}.raffle-search input{min-width:0}.raffle-create{width:100%;max-width:100%}.raffle-table-wrap{max-width:100%;overscroll-behavior-x:contain}.raffle-actions button{min-height:44px}.recovery-card{max-height:calc(100svh - 30px);overflow:auto}
}
@media(max-width:360px){.header{gap:5px;padding-inline:12px}.header .wordmark span{font-size:16px;letter-spacing:2px}.header .wordmark svg{width:27px}.header .lang-btn{padding:8px;font-size:11px}.header .menu-btn{min-width:35px}.header .actions{gap:1px}.section{padding-inline:16px}.ga-head small{font-size:10px}.ga-mark{width:32px;height:32px}.ga-note{font-size:9px}}
@media(max-height:500px) and (max-width:900px){.ga-panel{height:calc(var(--visible-height,100dvh) - 80px);max-height:none}.ga-head{padding:7px 10px}.ga-head small,.ga-note{display:none}.ga-quick{padding-block:4px}.ga-message p{padding:8px 10px}.cinema-hero{height:70svh}}
@media(max-width:900px){.login-shell{padding:24px 16px}.login-card{width:min(430px,100%);padding:clamp(22px,6vw,38px)}.recovery-card{box-sizing:border-box;max-width:calc(100vw - 24px)}}