:root{--content:1240px;--gutter:clamp(18px,4vw,64px)}
html{overflow-x:hidden;text-size-adjust:100%;-webkit-text-size-adjust:100%}body{overflow-x:hidden;font-size:clamp(15px,1vw,17px);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit}button,a,select,input{touch-action:manipulation}.section,.shop-layout,.simple-page{max-width:var(--content);margin-inline:auto;padding-inline:var(--gutter)}
h1{font-size:clamp(2.25rem,5.2vw,5rem);line-height:.98;letter-spacing:-.045em}h2{font-size:clamp(1.85rem,3.4vw,3.35rem);line-height:1.06;letter-spacing:-.035em}h3{font-size:clamp(1.05rem,1.5vw,1.35rem);line-height:1.25}.eyebrow{font-size:clamp(.68rem,.7vw,.78rem);letter-spacing:.13em}.primary,.secondary,.icon-button,.lang-switch,.wish{min-height:44px}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.2vw,30px)}.product-card{min-width:0;overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 2px 0 rgba(32,51,58,.04),0 14px 34px rgba(32,51,58,.08);transition:transform .25s ease,box-shadow .25s ease}.product-card:hover{transform:translateY(-4px);box-shadow:0 3px 0 rgba(32,51,58,.04),0 22px 46px rgba(32,51,58,.13)}
.product-media-button{display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer}.cover.product-media{position:relative;width:100%;height:auto;aspect-ratio:4/5;padding:0;overflow:hidden;border-radius:16px 16px 0 0;background:var(--product-color,#f4e7d8)}.cover.product-media.has-image{display:grid;place-items:center;background:linear-gradient(145deg,#f8f7f3,#eceae4)}.cover.product-media.has-image:after{display:none}.product-cover-image,.product-detail-image{display:block;width:100%;height:100%;object-fit:contain;object-position:center;padding:clamp(10px,1vw,16px);filter:drop-shadow(0 9px 12px rgba(25,40,45,.16));transition:transform .35s ease}.product-card:hover .product-cover-image{transform:scale(1.025)}.media-fallback{display:none;font-size:clamp(3rem,7vw,6rem)}.product-media.image-error img{display:none}.product-media.image-error .media-fallback{display:block}
.card-wish{position:absolute;inset-inline-end:12px;top:12px;z-index:3;width:44px;padding:0;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 4px 16px rgba(32,51,58,.12);backdrop-filter:blur(8px)}.pill{z-index:3;max-width:calc(100% - 76px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-body{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:16px}.card-category{font-size:.72rem;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.card-name{font-size:clamp(1rem,1.25vw,1.18rem);line-height:1.3;min-height:2.6em;margin-top:5px}.rating{font-size:.82rem}.rating span{color:#718086}.price{font-size:clamp(1rem,1.35vw,1.25rem)}.card-actions{width:100%;margin-top:auto;padding-top:12px}.card-actions .primary{flex:1;white-space:nowrap}
.detail-cover.product-media{aspect-ratio:4/5;height:auto;min-height:0;overflow:hidden;background:var(--product-color,#f4e7d8);border-radius:24px}.detail-cover.has-image{display:grid;place-items:center;background:linear-gradient(145deg,#f8f7f3,#ebe9e2)}.detail-cover.has-image:after{display:none}.product-detail-image{padding:clamp(18px,3vw,36px);filter:drop-shadow(0 18px 22px rgba(25,40,45,.2))}.detail-info h1{font-size:clamp(2rem,4.2vw,4rem)}
[dir="rtl"] body{font-family:"Tajawal",Arial,sans-serif;line-height:1.7}[dir="rtl"] h1,[dir="rtl"] h2{letter-spacing:0;line-height:1.18}[dir="rtl"] .eyebrow{letter-spacing:.04em}
@media(max-width:1100px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.site-header,.hero{padding-inline:var(--gutter)}}
@media(max-width:820px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.hero{min-height:auto;padding-top:42px;padding-bottom:42px}.hero>div:first-child{max-width:620px}.section-title{align-items:flex-end;gap:16px}.shop-layout{padding-top:32px}.product-detail{grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:clamp(24px,5vw,48px);padding-inline:var(--gutter)}}
@media(max-width:620px){:root{--gutter:16px}.announcement{font-size:.72rem;padding-inline:12px;text-align:center}.site-header{min-height:68px;gap:8px}.brand{font-size:1.2rem}.header-actions{gap:5px}.icon-button{width:42px}.lang-switch{padding-inline:10px}.hero{padding-top:30px;padding-bottom:34px}.hero .actions{display:grid;grid-template-columns:1fr}.hero .actions button,.hero .actions a{width:100%}.stats{grid-template-columns:repeat(2,1fr)}.benefits{grid-template-columns:1fr}.section{padding-top:54px;padding-bottom:54px}.section-title{align-items:flex-start;flex-direction:column}.section-title .text-link{align-self:flex-start}.product-grid{gap:14px}.card-body{padding:13px}.card-actions{gap:7px}.card-actions button{font-size:.8rem;padding-inline:10px}.product-detail{grid-template-columns:1fr;padding:24px var(--gutter) 48px}.detail-cover.product-media{max-width:440px;margin-inline:auto;width:100%}.toolbar{align-items:flex-start;gap:12px;flex-direction:column}.toolbar select{width:100%}.newsletter{padding-inline:var(--gutter)}.subscribe-form{width:100%;display:grid;grid-template-columns:1fr}.subscribe-form button{width:100%}}
@media(max-width:420px){.product-grid{grid-template-columns:1fr;gap:20px}.product-card{max-width:360px;width:100%;margin-inline:auto}.card-name{min-height:0;font-size:1.08rem}.card-actions button{font-size:.9rem}h1{font-size:clamp(2.1rem,11vw,3rem)}h2{font-size:clamp(1.75rem,8.5vw,2.4rem)}}
@media(prefers-reduced-motion:reduce){.product-card,.product-cover-image{transition:none}}