/* نجمة دمياط: Editorial Product Lookbook — صور حقيقية، مساحات واسعة، نص قصير، وانتقالات هادئة. */
.wardrobe-lookbook-hero { position: relative; min-height: min(830px, 91vh); display: grid; align-items: end; overflow: hidden; padding: clamp(8rem, 13vw, 11rem) 0 clamp(4rem, 8vw, 7.5rem); color: #fcf7ec; background: #17130f; }.wardrobe-lookbook-hero__image, .wardrobe-lookbook-hero__image::after { position: absolute; inset: 0; }.wardrobe-lookbook-hero__image::after { content: ''; background: linear-gradient(90deg, rgba(17,13,10,0.95) 4%, rgba(17,13,10,0.54) 48%, rgba(17,13,10,0.14) 100%), linear-gradient(0deg, rgba(17,13,10,0.55), transparent 45%); }.wardrobe-lookbook-hero__image img { width: 100%; height: 100%; object-fit: cover; object-position: center; filter: saturate(0.77) contrast(1.06) brightness(0.79); }.wardrobe-lookbook-hero__inner { position: relative; z-index: 1; max-width: 1240px; }.wardrobe-lookbook-hero__back { display: inline-block; margin-bottom: clamp(3rem, 8vw, 7rem); padding-bottom: 0.45rem; border-bottom: 1px solid #d0ad70; color: #f0d69e; font-size: 0.82rem; text-decoration: none; transition: color 180ms ease, transform 180ms ease; }.wardrobe-lookbook-hero__back:hover { color: #fff9ea; transform: translateX(-4px); }
.wardrobe-lookbook-kicker { display: flex; align-items: center; gap: 0.7rem; margin: 0; color: #d8bb87; font: 800 0.68rem/1 'Outfit', sans-serif; letter-spacing: 0.16em; text-transform: uppercase; }.wardrobe-lookbook-kicker span { display: grid; width: 1.8rem; height: 1.8rem; place-items: center; border: 1px solid rgba(218,186,132,0.68); color: #fff0cd; font-size: 0.58rem; }.wardrobe-lookbook-hero h1 { max-width: 835px; margin: 1.3rem 0 1.15rem; font-size: clamp(3.15rem, 7vw, 7.1rem); line-height: 0.98; letter-spacing: -0.068em; }.wardrobe-lookbook-hero h1 + p { max-width: 630px; margin: 0; color: rgba(253,247,236,0.76); font-size: clamp(1rem, 1.3vw, 1.16rem); line-height: 1.9; }.wardrobe-lookbook-hero__scroll { position: absolute; z-index: 1; right: max(1.5rem, 6vw); bottom: 2rem; display: flex; align-items: center; gap: 0.7rem; margin: 0; color: rgba(255,247,230,0.65); font: 800 0.62rem/1 'Outfit', sans-serif; letter-spacing: 0.13em; }.wardrobe-lookbook-hero__scroll i { width: 2.7rem; height: 1px; background: #d0ad70; animation: lookbook-pulse 1.8s ease-in-out infinite; }

.wardrobe-lookbook { height: 410vh; position: relative; background: #dcd4c6; }.wardrobe-lookbook__sticky { position: sticky; top: 0; min-height: 100vh; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1.06fr) minmax(310px, 0.66fr); align-items: center; gap: clamp(2rem, 7vw, 9rem); padding: 5rem clamp(1.25rem, 7vw, 9rem); background: linear-gradient(110deg, #dcd4c6 0%, #e9e3d9 57%, #c8bba8 100%); }.wardrobe-lookbook__sticky::before { content: ''; position: absolute; inset: 1.4rem; border: 1px solid rgba(59,44,29,0.17); pointer-events: none; }.wardrobe-lookbook__index { position: absolute; top: 2.5rem; right: max(1.8rem, 6vw); z-index: 2; color: #241a11; font-family: 'Outfit', sans-serif; }.wardrobe-lookbook__index b { font-size: 1.65rem; letter-spacing: -0.07em; }.wardrobe-lookbook__index span { color: #846f56; font-size: 0.72rem; }.wardrobe-lookbook__line { position: absolute; bottom: 2.25rem; right: max(1.8rem, 6vw); left: max(1.8rem, 6vw); z-index: 2; height: 1px; background: rgba(51,37,23,0.2); }.wardrobe-lookbook__line i { display: block; width: calc(var(--scroll-progress, 0) * 100%); height: 100%; background: #3a2517; }
.wardrobe-lookbook__visual { position: relative; width: min(100%, 780px); aspect-ratio: 0.92 / 1; overflow: hidden; background: #1b1510; box-shadow: 0 34px 75px rgba(49,34,19,0.23); }.wardrobe-lookbook__visual::before { content: ''; position: absolute; z-index: 5; inset: 1rem; border: 1px solid rgba(255,245,221,0.36); pointer-events: none; }.wardrobe-lookbook__frame { position: absolute; inset: 0; z-index: 1; margin: 0; opacity: 0; transform: scale(1.055); transition: opacity 640ms cubic-bezier(0.23, 1, 0.32, 1), transform 920ms cubic-bezier(0.23, 1, 0.32, 1); }.wardrobe-lookbook__frame.is-active { z-index: 2; opacity: 1; transform: scale(1); }.wardrobe-lookbook__frame::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(18,13,10,0.63), transparent 42%), linear-gradient(90deg, rgba(20,14,10,0.3), transparent 55%); }.wardrobe-lookbook__frame img { width: 100%; height: 100%; object-fit: cover; object-position: center; filter: saturate(0.82) contrast(1.06); }.wardrobe-lookbook__frame figcaption { position: absolute; z-index: 3; right: 2rem; bottom: 1.9rem; display: flex; align-items: center; gap: 0.65rem; color: #fff6dd; font: 800 0.65rem/1 'Outfit', sans-serif; letter-spacing: 0.15em; }.wardrobe-lookbook__frame figcaption span { display: grid; width: 1.6rem; height: 1.6rem; place-items: center; border: 1px solid rgba(255,239,199,0.8); font-size: 0.57rem; }.wardrobe-lookbook__visual-mark { position: absolute; z-index: 6; top: 1.9rem; left: 1.9rem; padding: 0.38rem 0.42rem; border: 1px solid rgba(255,239,199,0.76); color: #fff5dc; font: 800 0.68rem/0.75 'Outfit', sans-serif; letter-spacing: 0.08em; }.wardrobe-lookbook__visual-mark em { display: block; font-size: 0.35rem; font-style: normal; letter-spacing: 0.1em; }
.wardrobe-lookbook__copy { position: relative; z-index: 2; min-height: 290px; }.wardrobe-lookbook__card { position: absolute; inset: 0; opacity: 0; transform: translateY(1.6rem); pointer-events: none; transition: opacity 470ms cubic-bezier(0.23, 1, 0.32, 1), transform 470ms cubic-bezier(0.23, 1, 0.32, 1); }.wardrobe-lookbook__card.is-active { opacity: 1; transform: translateY(0); pointer-events: auto; }.wardrobe-lookbook__card p { margin: 0 0 1.2rem; color: #745c40; font: 800 0.69rem/1 'Outfit', sans-serif; letter-spacing: 0.16em; }.wardrobe-lookbook__card h2 { max-width: 540px; margin: 0 0 1.2rem; color: #271b12; font-size: clamp(2.25rem, 4.4vw, 4.9rem); line-height: 1.01; letter-spacing: -0.066em; }.wardrobe-lookbook__card span { display: block; max-width: 465px; color: #584633; font-size: clamp(0.97rem, 1.2vw, 1.1rem); line-height: 1.9; }
.wardrobe-lookbook-outro { padding: clamp(5rem, 11vw, 10rem) 0; background: #211711; }.wardrobe-lookbook-outro__inner { max-width: 950px; }.wardrobe-lookbook-outro h2 { max-width: 890px; margin: 1.3rem 0 2.3rem; color: #fff4dc; font-size: clamp(2.45rem, 5vw, 5.3rem); line-height: 1.05; letter-spacing: -0.066em; }.wardrobe-lookbook-outro__button { display: inline-flex; align-items: center; gap: 1rem; padding: 1rem 1.35rem; background: #d4b575; border: 1px solid #d4b575; color: #25170e; font-weight: 800; text-decoration: none; transition: transform 180ms ease, background 180ms ease, color 180ms ease; }.wardrobe-lookbook-outro__button:hover { transform: translateY(-4px); background: transparent; color: #f6e4b7; }.wardrobe-lookbook-outro__button span { font-size: 1.18rem; }
@keyframes lookbook-pulse { 0%,100% { transform: scaleX(0.55); transform-origin: right; opacity: 0.4; } 50% { transform: scaleX(1); transform-origin: right; opacity: 1; } }
@media (max-width: 900px) { .wardrobe-lookbook { height: 390vh; }.wardrobe-lookbook__sticky { grid-template-columns: 1fr; grid-template-rows: 0.98fr 0.5fr; gap: 0.25rem; padding: 5rem 2rem 3.8rem; }.wardrobe-lookbook__visual { justify-self: center; width: min(76vw, 570px); }.wardrobe-lookbook__copy { width: min(100%, 600px); min-height: 230px; justify-self: center; }.wardrobe-lookbook__card h2 { max-width: 660px; }.wardrobe-lookbook__index { top: 1.7rem; right: 1.7rem; } }
@media (max-width: 600px) { .wardrobe-lookbook-hero { min-height: 86svh; padding-top: 7.3rem; }.wardrobe-lookbook-hero__image::after { background: linear-gradient(0deg, rgba(17,13,10,0.94), rgba(17,13,10,0.18) 75%); }.wardrobe-lookbook-hero h1 { font-size: clamp(2.8rem, 12.3vw, 4.3rem); }.wardrobe-lookbook-hero__scroll { right: 1.2rem; bottom: 1.35rem; }.wardrobe-lookbook { height: 345vh; }.wardrobe-lookbook__sticky { min-height: 100svh; grid-template-rows: 0.89fr 0.63fr; padding: 4rem 1.2rem 3rem; }.wardrobe-lookbook__sticky::before { inset: 0.65rem; }.wardrobe-lookbook__visual { width: min(92vw, 440px); }.wardrobe-lookbook__visual::before { inset: 0.65rem; }.wardrobe-lookbook__frame figcaption { right: 1.15rem; bottom: 1.15rem; }.wardrobe-lookbook__visual-mark { top: 1.15rem; left: 1.15rem; }.wardrobe-lookbook__copy { min-height: 250px; }.wardrobe-lookbook__card h2 { font-size: clamp(2rem, 8.5vw, 3.1rem); }.wardrobe-lookbook__card span { font-size: 0.89rem; line-height: 1.78; }.wardrobe-lookbook__line { right: 1.2rem; bottom: 1.3rem; left: 1.2rem; } }
@media (prefers-reduced-motion: reduce) { .wardrobe-lookbook { height: auto; padding: 2.5rem 0; }.wardrobe-lookbook__sticky { position: relative; display: block; min-height: auto; padding: 4rem 1.2rem; }.wardrobe-lookbook__visual { width: min(100%, 580px); margin: 0 auto 2rem; }.wardrobe-lookbook__frame { display: none; }.wardrobe-lookbook__frame[data-frame="3"] { display: block; opacity: 1; transform: none; }.wardrobe-lookbook__copy { min-height: auto; width: min(100%, 580px); margin: 0 auto; }.wardrobe-lookbook__card { position: relative; display: none; }.wardrobe-lookbook__card[data-stage="3"] { display: block; opacity: 1; transform: none; }.wardrobe-lookbook__line { display: none; } }

/* الصفحة الرئيسية: النسخة المدمجة تحافظ على فحمي الموقع والذهبي الدافئ مع صورة المنتج كبطل بصري. */
.home-lookbook { height: 390vh; position: relative; border-top: 1px solid var(--card-border); background: #0d0a08; }.home-lookbook__sticky { position: sticky; top: 0; min-height: 100vh; overflow: hidden; padding: 5rem 0; background: radial-gradient(circle at 9% 65%, rgba(212,175,55,0.14), transparent 29%), radial-gradient(circle at 86% 14%, rgba(212,175,55,0.1), transparent 22%), #0d0a08; }.home-lookbook__inner { position: relative; min-height: calc(100vh - 10rem); display: grid; grid-template-columns: minmax(0, 1.06fr) minmax(310px, 0.65fr); grid-template-rows: auto 1fr; align-items: center; column-gap: clamp(2rem, 7vw, 9rem); }.home-lookbook__heading { grid-column: 1 / -1; align-self: start; max-width: 850px; margin-bottom: 2.5rem; }.home-lookbook__eyebrow { display: flex; align-items: center; gap: 0.7rem; margin: 0 0 0.85rem; color: var(--gold-accent); font: 800 0.68rem/1 'Outfit', sans-serif; letter-spacing: 0.16em; text-transform: uppercase; }.home-lookbook__eyebrow span { display: grid; width: 1.7rem; height: 1.7rem; place-items: center; border: 1px solid rgba(212,175,55,0.68); color: #fff0c9; font-size: 0.58rem; }.home-lookbook__heading h2 { margin: 0; color: #fff8e9; font-size: clamp(2.2rem, 4.3vw, 4.65rem); line-height: 1.05; letter-spacing: -0.06em; }.home-lookbook__counter { position: absolute; top: 0; left: 0; color: #fff2d2; font-family: 'Outfit', sans-serif; }.home-lookbook__counter b { color: var(--gold-accent); font-size: 1.55rem; letter-spacing: -0.07em; }.home-lookbook__counter span { color: var(--text-muted); font-size: 0.72rem; }.home-lookbook__visual { position: relative; grid-column: 1; width: min(100%, 750px); aspect-ratio: 0.92 / 1; overflow: hidden; background: #19120d; border: 1px solid rgba(212,175,55,0.34); box-shadow: 0 28px 70px rgba(0,0,0,0.45); }.home-lookbook__visual::before { content: ''; position: absolute; z-index: 5; inset: 0.9rem; border: 1px solid rgba(255,242,208,0.28); pointer-events: none; }.home-lookbook__frame { position: absolute; inset: 0; z-index: 1; margin: 0; opacity: 0; transform: scale(1.045); transition: opacity 620ms cubic-bezier(0.23, 1, 0.32, 1), transform 850ms cubic-bezier(0.23, 1, 0.32, 1); }.home-lookbook__frame.is-active { z-index: 2; opacity: 1; transform: scale(1); }.home-lookbook__frame::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(13,10,8,0.76), transparent 45%); }.home-lookbook__frame img { width: 100%; height: 100%; object-fit: cover; object-position: center; filter: saturate(0.84) contrast(1.06); }.home-lookbook__frame figcaption { position: absolute; z-index: 3; right: 1.7rem; bottom: 1.55rem; color: #fff1c9; font: 800 0.66rem/1 'Outfit', sans-serif; letter-spacing: 0.13em; }.home-lookbook__copy { position: relative; grid-column: 2; min-height: 270px; z-index: 2; }.home-lookbook__card { position: absolute; inset: 0; opacity: 0; transform: translateY(1.5rem); pointer-events: none; transition: opacity 460ms cubic-bezier(0.23, 1, 0.32, 1), transform 460ms cubic-bezier(0.23, 1, 0.32, 1); }.home-lookbook__card.is-active { opacity: 1; transform: translateY(0); pointer-events: auto; }.home-lookbook__card p { margin: 0 0 1.1rem; color: var(--gold-accent); font: 800 0.68rem/1 'Outfit', sans-serif; letter-spacing: 0.16em; }.home-lookbook__card h3 { max-width: 500px; margin: 0 0 1.15rem; color: #fff8e9; font-size: clamp(2.05rem, 3.5vw, 3.85rem); line-height: 1.06; letter-spacing: -0.055em; }.home-lookbook__card span { display: block; max-width: 455px; color: var(--text-secondary); font-size: clamp(0.96rem, 1.18vw, 1.08rem); line-height: 1.9; }.home-lookbook__progress { position: absolute; right: 0; bottom: 0; left: 0; height: 1px; background: rgba(212,175,55,0.25); }.home-lookbook__progress i { display: block; width: calc(var(--scroll-progress, 0) * 100%); height: 100%; background: var(--gold-accent); }
@media (max-width: 900px) { .home-lookbook { height: 375vh; }.home-lookbook__sticky { padding: 4.5rem 0 3.8rem; }.home-lookbook__inner { min-height: calc(100vh - 8.3rem); grid-template-columns: 1fr; grid-template-rows: auto 0.92fr 0.45fr; gap: 0.5rem; }.home-lookbook__heading { margin-bottom: 0.8rem; padding-left: 4rem; }.home-lookbook__visual { grid-column: 1; justify-self: center; width: min(74vw, 540px); }.home-lookbook__copy { grid-column: 1; width: min(100%, 600px); min-height: 230px; justify-self: center; }.home-lookbook__counter { top: 0.1rem; left: 1.5rem; } }
@media (max-width: 600px) { .home-lookbook { height: 340vh; }.home-lookbook__sticky { min-height: 100svh; padding: 3.8rem 0 3rem; }.home-lookbook__inner { min-height: calc(100svh - 6.8rem); grid-template-rows: auto 0.86fr 0.62fr; }.home-lookbook__heading { padding-left: 3.4rem; }.home-lookbook__heading h2 { font-size: clamp(1.95rem, 8.2vw, 3rem); }.home-lookbook__visual { width: min(91vw, 435px); }.home-lookbook__visual::before { inset: 0.65rem; }.home-lookbook__frame figcaption { right: 1.1rem; bottom: 1.1rem; }.home-lookbook__copy { min-height: 245px; }.home-lookbook__card h3 { font-size: clamp(1.82rem, 7.6vw, 2.75rem); }.home-lookbook__card span { font-size: 0.89rem; line-height: 1.76; }.home-lookbook__counter { left: 1.2rem; }.home-lookbook__progress { right: 1.2rem; left: 1.2rem; } }
@media (prefers-reduced-motion: reduce) { .home-lookbook { height: auto; padding: 2.5rem 0; }.home-lookbook__sticky { position: relative; min-height: auto; padding: 3.5rem 0; }.home-lookbook__inner { min-height: auto; display: block; }.home-lookbook__heading { padding-left: 0; margin-bottom: 1.5rem; }.home-lookbook__counter, .home-lookbook__progress { display: none; }.home-lookbook__visual { width: min(100%, 580px); margin: 0 auto 2rem; }.home-lookbook__frame { display: none; }.home-lookbook__frame[data-frame="3"] { display: block; opacity: 1; transform: none; }.home-lookbook__copy { min-height: auto; width: min(100%, 580px); margin: 0 auto; }.home-lookbook__card { position: relative; display: none; }.home-lookbook__card[data-stage="3"] { display: block; opacity: 1; transform: none; } }

/* الصفحة الرئيسية على الهاتف: بطاقة ملهمة متسلسلة بدل مشهد مثبت طويل. */
@media (max-width: 600px) and (prefers-reduced-motion: no-preference) {
  .home-lookbook { height: auto; }
  .home-lookbook__sticky { position: relative; min-height: auto; padding: 3.25rem 0; }
  .home-lookbook__inner { min-height: auto; display: block; }
  .home-lookbook__heading { padding-left: 0; margin-bottom: 1.25rem; }
  .home-lookbook__heading h2 { font-size: clamp(1.95rem, 8.2vw, 3rem); }
  .home-lookbook__counter { position: static; display: inline-flex; gap: 0.35rem; align-items: baseline; margin: 0 0 0.85rem; }
  .home-lookbook__visual { width: 100%; aspect-ratio: 0.98 / 1; }
  .home-lookbook__visual::before { inset: 0.65rem; }
  .home-lookbook__frame { display: none; transition: none; }
  .home-lookbook__frame[data-frame="0"] { display: block; opacity: 1; transform: none; }
  .home-lookbook__frame figcaption { right: 1.1rem; bottom: 1.1rem; }
  .home-lookbook__copy { width: 100%; min-height: 0; margin-top: 1.35rem; }
  .home-lookbook__card { position: relative; display: block; opacity: 1; transform: none; pointer-events: auto; padding: 1.05rem 0; border-top: 1px solid var(--card-border); transition: none; }
  .home-lookbook__card:last-child { border-bottom: 1px solid var(--card-border); }
  .home-lookbook__card h3 { font-size: clamp(1.45rem, 6.5vw, 2rem); margin-bottom: 0.65rem; }
  .home-lookbook__card span { font-size: 0.91rem; line-height: 1.8; }
  .home-lookbook__progress { position: relative; right: auto; bottom: auto; left: auto; margin-top: 1.35rem; }
}