:root{
  --bg:#fff7fa;
  --bg-soft:#fff0f5;
  --panel:#ffffff;
  --text:#171114;
  --muted:#6e5962;
  --line:#f0cbd8;
  --rose:#d96f94;
  --rose-dark:#9d3158;
  --rose-soft:rgba(217,111,148,.14);
  --gold:#b98244;
  --gold-soft:rgba(185,130,68,.13);
  --cream:#fffaf3;
  --shadow:0 22px 60px rgba(122,37,61,.12);
  --radius-xl:32px;
  --radius-lg:24px;
  --container:min(1180px, calc(100% - 32px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  direction:rtl;
  text-align:right;
  font-family:"Noto Naskh Arabic","Tahoma","Arial",sans-serif;
  background:
    radial-gradient(circle at 15% 4%, rgba(217,111,148,.18), transparent 30%),
    radial-gradient(circle at 85% 6%, rgba(185,130,68,.12), transparent 30%),
    linear-gradient(180deg,#fffafd 0%, var(--bg) 100%);
  color:var(--text);
}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
button,input{font:inherit}
button{cursor:pointer}
.container{width:var(--container);margin-inline:auto}
.page-shell{position:relative;overflow:hidden;min-height:100vh}

.site-header{position:sticky;top:0;z-index:40;background:rgba(255,247,250,.78);backdrop-filter:blur(12px);border-bottom:1px solid rgba(240,203,216,.65)}
.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:inline-flex;align-items:center;gap:12px;font-weight:900}
.brand-mark{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--rose-soft);color:var(--rose-dark);box-shadow:inset 0 0 0 1px rgba(217,111,148,.2)}
.brand-word{font-family:Georgia,"Times New Roman",serif;letter-spacing:.55em;font-size:1rem;direction:ltr}
.header-nav{display:flex;align-items:center;gap:18px;color:var(--muted);font-weight:750;font-size:.95rem}
.header-nav a:hover{color:var(--rose-dark)}

.hero-section{position:relative;padding:56px 0 34px}
.hero-grid{display:grid;grid-template-columns:1fr .92fr;gap:38px;align-items:center}
.kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;background:var(--rose-soft);color:var(--rose-dark);font-size:.84rem;font-weight:900;letter-spacing:.02em}
h1,h2,h3{font-family:"Noto Naskh Arabic",Tahoma,Arial,sans-serif;letter-spacing:-.035em;line-height:1.12}
.hero-copy h1{font-size:clamp(2.45rem, 5vw, 4.7rem);margin:18px 0;max-width:12ch;font-weight:950}
.hero-copy h1 span{color:var(--rose-dark)}
.hero-copy p,.section-head p,.offer-card p,.video-copy p,.order-form p,.summary-card p,.sheet-description,.thank-copy p{color:var(--muted);line-height:1.85;font-size:1.04rem}
.hero-copy p strong{color:var(--rose-dark)}
.hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}
.hero-badges span{padding:11px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 20px rgba(122,37,61,.04);font-weight:850;font-size:.93rem}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 24px;border-radius:999px;border:1px solid transparent;font-weight:900;transition:transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease}
.btn:hover{transform:translateY(-2px)}
.btn-rose{background:linear-gradient(180deg,#e98aaa 0%,#c24f79 100%);color:#fff;box-shadow:0 16px 32px rgba(217,111,148,.28)}
.btn-ghost{background:#fff;border-color:var(--line);color:var(--text)}
.btn-ghost:hover{border-color:rgba(217,111,148,.52)}

.box-showcase{position:relative;padding:24px;border-radius:36px;background:linear-gradient(180deg,#fff 0%,#fff0f5 100%);border:1px solid rgba(217,111,148,.18);box-shadow:var(--shadow);overflow:hidden}
.box-showcase img{position:relative;z-index:2;width:100%;max-height:690px;object-fit:contain;margin:auto}
.box-glow{position:absolute;inset:14% 9%;border-radius:50%;background:radial-gradient(circle, rgba(217,111,148,.22), transparent 62%);animation:pulseGlow 4.5s ease-in-out infinite}
.price-chip{position:absolute;left:22px;top:22px;z-index:3;background:rgba(255,255,255,.93);backdrop-filter:blur(10px);border:1px solid rgba(217,111,148,.2);border-radius:20px;padding:14px 16px;box-shadow:0 12px 30px rgba(122,37,61,.09)}
.price-chip span{display:block;color:var(--rose-dark);font-size:.82rem;font-weight:900}.price-chip strong{display:block;font-size:1.55rem;color:var(--text)}.price-chip small{color:var(--muted)}
.mama-card{position:absolute;right:20px;bottom:20px;z-index:3;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.93);border:1px solid rgba(217,111,148,.2);border-radius:20px;padding:12px 15px;box-shadow:0 12px 30px rgba(122,37,61,.08)}
.mama-card span{width:34px;height:34px;border-radius:50%;background:var(--rose-soft);color:var(--rose-dark);display:grid;place-items:center}.mama-card p{margin:0;color:var(--muted);font-weight:800}
.rose-deco{position:absolute;pointer-events:none;opacity:.45}.rose-deco-left{left:-90px;top:110px;width:260px;height:260px;background:radial-gradient(circle at 50% 50%, rgba(217,111,148,.25), transparent 56%);border-radius:50%}.rose-deco-right{right:-80px;top:100px;width:230px;height:230px;background:repeating-linear-gradient(45deg, rgba(217,111,148,.28) 0 2px, transparent 2px 18px);border-radius:50%;opacity:.2}

.offer-section,.vertical-carousel-section,.video-section,.selection-section,.order-section{padding:66px 0}
.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.offer-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:24px;box-shadow:0 10px 28px rgba(122,37,61,.05)}
.offer-icon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:var(--rose-soft);color:var(--rose-dark);font-weight:950;margin-bottom:16px}
.offer-card h3{font-size:1.25rem;margin:0 0 8px}.offer-card p{margin:0}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}
.section-head h2{font-size:clamp(1.9rem,3vw,3rem);margin:18px 0 8px;font-weight:950}
.carousel-controls{display:flex;gap:10px}.round-btn{width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--rose-dark);font-weight:950;font-size:1.25rem;box-shadow:0 10px 22px rgba(122,37,61,.06)}
.vertical-carousel{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 18px;scrollbar-width:thin}.vertical-slide{position:relative;flex:0 0 300px;scroll-snap-align:start;border-radius:28px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.vertical-slide img{width:100%;aspect-ratio:9/14;object-fit:cover}.vertical-slide span{position:absolute;right:14px;bottom:14px;background:rgba(122,37,61,.86);color:#fff;padding:8px 12px;border-radius:999px;font-weight:900;font-size:.88rem}

.video-section{background:linear-gradient(180deg, rgba(217,111,148,.08), rgba(255,250,243,.34))}.video-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center}.video-copy h2{font-size:clamp(2rem,3.2vw,3.2rem);margin:18px 0 14px}.video-points{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:12px}.video-points li{display:flex;align-items:center;gap:12px;padding:13px 14px;background:#fff;border:1px solid var(--line);border-radius:18px;color:var(--muted)}.video-points span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--rose-soft);color:var(--rose-dark);font-weight:950}.video-frame{background:#26151d;border-radius:30px;padding:12px;box-shadow:var(--shadow);border:1px solid rgba(217,111,148,.22)}.video-frame video{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:22px;background:#000}.video-placeholder-note{color:#ffeaf2;font-size:.88rem;padding:12px 6px 2px;line-height:1.7}.video-placeholder-note strong{color:#fff}.video-placeholder-note code{direction:ltr;display:inline-block}

.selection-counter{min-width:104px;padding:13px 18px;text-align:center;border-radius:18px;background:#fff;border:1px solid var(--line);color:var(--rose-dark);font-size:1.35rem;font-weight:950;box-shadow:0 10px 24px rgba(122,37,61,.06)}
.product-carousel-wrap{position:relative}.product-carousel{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 4px 18px;scrollbar-width:thin}.product-card{flex:0 0 280px;scroll-snap-align:start;background:#fff;border:1px solid var(--line);border-radius:28px;padding:16px;box-shadow:0 12px 30px rgba(122,37,61,.06);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,opacity .2s ease}.product-card:hover{transform:translateY(-4px);border-color:rgba(217,111,148,.45);box-shadow:0 18px 38px rgba(122,37,61,.1)}.product-card.is-selected{border-color:rgba(217,111,148,.85);box-shadow:0 18px 38px rgba(217,111,148,.2)}.product-card.is-disabled:not(.is-selected){opacity:.48}.product-image{border-radius:22px;overflow:hidden;border:1px solid rgba(240,203,216,.9);background:var(--bg-soft)}.product-image img{width:100%;aspect-ratio:1/1;object-fit:cover}.product-card h3{font-size:1.25rem;margin:15px 0 7px}.product-card p{color:var(--muted);line-height:1.6;margin:0;min-height:48px}.notes-mini{margin-top:10px;color:var(--rose-dark);font-size:.9rem;font-weight:850}.product-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:14px}.product-actions .btn{min-height:48px;padding:0 16px}.detail-btn{background:#fff;border:1px solid var(--line)}.detail-btn:hover{border-color:rgba(217,111,148,.52)}.toggle-btn.is-chosen{background:#171114;color:#fff;box-shadow:none}.carousel-arrow{position:absolute;top:42%;z-index:5}.carousel-arrow.right{right:-14px}.carousel-arrow.left{left:-14px}

.order-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:start}.summary-card,.order-form{background:#fff;border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow);padding:28px}.summary-card{position:sticky;top:102px}.summary-card h2,.order-form h2{font-size:2.15rem;margin:18px 0 10px}.summary-price{font-size:2.4rem;font-weight:950;color:var(--rose-dark);margin-bottom:8px}.selected-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.selected-list span{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border-radius:999px;background:var(--bg-soft);border:1px solid var(--line);font-weight:850;font-size:.92rem}.mini-link{display:inline-block;margin-top:18px;color:var(--rose-dark);font-weight:900}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0}label{display:grid;gap:8px}label span{font-weight:900;font-size:.93rem}input{min-height:54px;border-radius:16px;border:1px solid var(--line);background:#fff;outline:none;padding:0 16px;color:var(--text);transition:border-color .2s ease,box-shadow .2s ease;text-align:right}input:focus{border-color:rgba(217,111,148,.76);box-shadow:0 0 0 4px rgba(217,111,148,.13)}.cod-panel{display:flex;flex-direction:column;gap:5px;padding:18px;border-radius:20px;background:linear-gradient(180deg,rgba(217,111,148,.08),rgba(185,130,68,.05));border:1px solid rgba(217,111,148,.2);margin-bottom:16px}.cod-panel span{font-size:.82rem;color:var(--rose-dark);font-weight:950}.cod-panel small{color:var(--muted)}.form-alert{display:none;margin-bottom:14px;padding:14px 16px;border-radius:16px;background:#fff0f5;border:1px solid rgba(217,111,148,.4);color:var(--rose-dark)}.form-alert.is-visible{display:block}.btn-submit{width:100%}.form-note{font-size:.93rem;margin-top:12px}

.site-footer{padding:24px 0 92px;border-top:1px solid rgba(240,203,216,.65)}.footer-inner{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.footer-brand{font-family:Georgia,"Times New Roman",serif;letter-spacing:.55em;font-weight:850;margin-bottom:8px;direction:ltr}.footer-inner p{color:var(--muted);margin:0}.footer-inner a{color:var(--rose-dark);font-weight:900}.sticky-cta{position:fixed;z-index:38;right:18px;bottom:18px;min-height:54px;padding:0 22px;border-radius:999px;background:#171114;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:950;box-shadow:0 18px 30px rgba(122,37,61,.26)}

.bottom-sheet{position:fixed;inset:0;z-index:80;pointer-events:none}.bottom-sheet.is-visible{pointer-events:auto}.sheet-backdrop{position:absolute;inset:0;background:rgba(23,17,20,.45);opacity:0;transition:opacity .25s ease;backdrop-filter:blur(4px)}.bottom-sheet.is-visible .sheet-backdrop{opacity:1}.sheet-panel{position:absolute;left:0;right:0;bottom:0;height:80vh;background:#fff;border-radius:30px 30px 0 0;box-shadow:0 -22px 60px rgba(122,37,61,.24);transform:translateY(102%);transition:transform .34s cubic-bezier(.2,.8,.2,1);border:1px solid var(--line);overflow:hidden}.bottom-sheet.is-visible .sheet-panel{transform:translateY(0)}.sheet-handle{width:48px;height:5px;border-radius:999px;background:#e5b3c5;margin:12px auto 8px}.sheet-close{position:absolute;top:16px;left:18px;width:44px;height:44px;border-radius:50%;border:0;background:#fff0f5;color:#171114;font-size:1.7rem;z-index:3}.sheet-content{height:calc(80vh - 24px);overflow:auto;display:grid;grid-template-columns:.82fr 1.18fr;gap:24px;padding:24px 28px 32px}.sheet-image-wrap{align-self:start;border-radius:28px;overflow:hidden;background:var(--bg-soft);border:1px solid var(--line);position:sticky;top:0}.sheet-image-wrap img{width:100%;aspect-ratio:1/1;object-fit:cover}.sheet-info h3{font-size:2.3rem;margin:18px 0 8px}.sheet-subtitle{color:var(--rose-dark);font-weight:900;margin:0 0 16px}.notes-box{padding:16px 18px;border-radius:20px;background:var(--bg-soft);border:1px solid var(--line);margin-bottom:16px}.notes-box strong{display:block;margin-bottom:8px}.notes-box p{color:var(--muted);line-height:1.75;margin:0}.sheet-description{margin:0 0 18px}.sheet-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.sheet-tags span{display:inline-flex;padding:8px 11px;border-radius:999px;background:var(--rose-soft);color:var(--rose-dark);font-size:.85rem;font-weight:900}.sheet-add-btn{width:100%}

.thank-main{min-height:100vh;display:grid;place-items:center;padding:52px 0}.thank-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:start}.thank-copy h1{font-size:clamp(2.35rem,4.2vw,4rem);margin:18px 0}.thank-summary{position:relative;top:auto}.thank-customer{margin-top:18px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);line-height:1.8}

.animated-deco{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.animated-deco span{position:absolute;color:rgba(217,111,148,.16);font-size:clamp(1.8rem,2.8vw,3rem);font-weight:900;animation:floatSymbol 14s ease-in-out infinite}.animated-deco span:nth-child(1){top:10%;left:5%;animation-delay:0s}.animated-deco span:nth-child(2){top:20%;right:8%;animation-delay:1.4s}.animated-deco span:nth-child(3){top:48%;left:3%;animation-delay:2.6s}.animated-deco span:nth-child(4){top:63%;right:5%;animation-delay:3.1s}.animated-deco span:nth-child(5){top:78%;left:11%;animation-delay:4.4s}.animated-deco span:nth-child(6){top:38%;right:42%;animation-delay:5.3s}.animated-deco span:nth-child(7){top:12%;right:48%;animation-delay:6.1s}
.reveal-up{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease;position:relative;z-index:1}.reveal-up.is-visible{opacity:1;transform:none}
@keyframes floatSymbol{0%,100%{transform:translateY(0) rotate(0);opacity:.45}50%{transform:translateY(-16px) rotate(-6deg);opacity:.75}}
@keyframes pulseGlow{0%,100%{transform:scale(.96);opacity:.72}50%{transform:scale(1.05);opacity:1}}

@media (max-width:1100px){.hero-grid,.video-grid,.order-layout,.thank-grid{grid-template-columns:1fr}.offer-grid{grid-template-columns:1fr 1fr}.summary-card{position:relative;top:auto}.carousel-arrow.right{right:0}.carousel-arrow.left{left:0}.sheet-content{grid-template-columns:1fr}.sheet-image-wrap{position:relative}.sheet-image-wrap img{max-height:320px}}
@media (max-width:760px){.header-inner{min-height:70px}.header-nav{display:none}.hero-section{padding-top:34px}.hero-copy h1{max-width:none}.offer-grid,.form-grid{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.product-card{flex-basis:78vw}.vertical-slide{flex-basis:72vw}.carousel-arrow{display:none}.summary-card,.order-form{padding:22px;border-radius:24px}.sheet-panel{height:82vh;border-radius:24px 24px 0 0}.sheet-content{height:calc(82vh - 24px);padding:18px 18px 28px}.sheet-info h3{font-size:1.9rem}.sticky-cta{left:14px;right:14px;bottom:14px}.footer-inner{flex-direction:column;align-items:flex-start}.mama-card,.price-chip{position:static;margin-top:12px}.box-showcase{padding:18px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.animated-deco span,.box-glow{animation:none}.reveal-up{opacity:1;transform:none;transition:none}.sheet-panel,.sheet-backdrop{transition:none}}