/* Homepage Instagram section — based on the supplied Al Mokhtar Sweets reference */
.home-instagram{padding-block:clamp(5rem,9vw,8rem);background:#f8f3e9;color:var(--ink)}
.home-instagram-head{text-align:center;max-inline-size:760px;margin-inline:auto;margin-block-end:clamp(2.3rem,5vw,4rem)}
.home-instagram-head h2{font-family:var(--display);font-size:clamp(2.6rem,5.8vw,5rem);font-weight:300;line-height:1.02;letter-spacing:-.04em;margin-block:.75rem 1rem}
.home-instagram-head>p:last-child{color:var(--ink-3);font-size:1rem}
html[lang="ar"] .home-instagram-head h2{letter-spacing:0;line-height:1.35}
.instagram-profile-card{max-inline-size:1060px;margin-inline:auto;background:#fff;border:1px solid rgba(22,16,17,.1);border-radius:clamp(1.7rem,3.5vw,3rem);padding:clamp(1.5rem,4vw,3.4rem);box-shadow:0 24px 70px rgba(44,24,28,.1);overflow:hidden}
.instagram-profile-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(1.1rem,3vw,2rem);padding:0 clamp(.15rem,1vw,.75rem) clamp(2rem,4vw,3rem)}
.instagram-avatar{inline-size:clamp(90px,11vw,132px);block-size:clamp(90px,11vw,132px);padding:4px;border:1px solid rgba(22,16,17,.12);border-radius:50%;background:#fff}
.instagram-avatar img{inline-size:100%;block-size:100%;object-fit:cover;object-position:top;border-radius:50%}
.instagram-profile-copy{min-inline-size:0;line-height:1.3}.instagram-profile-copy strong{display:block;font-size:clamp(1.1rem,2vw,1.45rem);font-weight:700;letter-spacing:-.03em}.instagram-profile-copy h3{font-family:var(--display);font-size:clamp(1.2rem,2.2vw,1.7rem);font-weight:500;line-height:1.25;margin-block:.25rem .65rem}.instagram-profile-copy p{display:inline-flex;gap:.25rem;color:var(--ink-3);font-size:clamp(.95rem,1.5vw,1.15rem)}.instagram-profile-copy p b{color:var(--ink);font-weight:600}.instagram-profile-copy i{display:inline-block;margin-inline:.55rem;color:var(--ink-4);font-style:normal}
.instagram-mark{align-self:start;inline-size:38px;block-size:38px}.instagram-mark svg{inline-size:100%;block-size:100%}
.instagram-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;background:#fff}
.instagram-live-post{position:relative;overflow:hidden;min-block-size:590px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.instagram-live-post iframe{display:block;inline-size:100%;block-size:650px;border:0;background:#fff}
.instagram-open{text-align:center;margin-block-start:clamp(2rem,4vw,3.2rem)}.instagram-open a{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.55rem;border:1px solid var(--wine-600);border-radius:999px;color:var(--wine-600);font-size:.85rem;font-weight:600;transition:background .25s,color .25s,transform .25s}.instagram-open a:hover{background:var(--wine-600);color:#fff;transform:translateY(-2px)}
@media(max-width:900px){.instagram-photo-grid{grid-template-columns:1fr}.instagram-live-post{min-block-size:620px}.instagram-live-post iframe{block-size:680px}}
@media(max-width:680px){.instagram-profile-card{padding:1rem;border-radius:1.5rem}.instagram-profile-head{grid-template-columns:auto minmax(0,1fr);gap:.85rem;padding:1rem .25rem 1.5rem}.instagram-avatar{inline-size:72px;block-size:72px}.instagram-mark{position:absolute;inset-inline-end:2rem;inline-size:30px;block-size:30px}.instagram-profile-copy{padding-inline-end:2rem}.instagram-profile-copy h3{font-size:1rem}.instagram-profile-copy p{font-size:.78rem}.instagram-profile-copy i{margin-inline:.25rem}.instagram-live-post{min-block-size:560px}.instagram-live-post iframe{block-size:620px}}

/* Automatic real-Reel carousel */
.home-reels{padding-block:clamp(5rem,9vw,8rem);background:#fff;color:var(--ink);overflow:hidden}
.home-reels-copy{max-inline-size:840px;margin-block-end:clamp(2.5rem,5vw,4.5rem)}
.home-reels-copy h2{font-family:var(--display);font-size:clamp(2.8rem,6vw,5.5rem);font-weight:300;line-height:.98;letter-spacing:-.045em;margin-block:.8rem 1.2rem;max-inline-size:12ch}.home-reels-copy>p:last-child{max-inline-size:62ch;color:var(--ink-3);font-size:1rem;line-height:1.7}html[lang="ar"] .home-reels-copy h2{letter-spacing:0;line-height:1.35}
.home-reels-viewport{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;cursor:grab;padding:8px max(1rem,calc((100vw - var(--maxw))/2 + var(--gutter))) 26px}.home-reels-viewport::-webkit-scrollbar{display:none}.home-reels-viewport:active{cursor:grabbing}
.home-reels-track{display:flex;gap:16px;inline-size:max-content}
.home-reel{position:relative;scroll-snap-align:start;inline-size:clamp(235px,22vw,300px);block-size:clamp(420px,42vw,560px);border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#bfc4c5,#252729);box-shadow:0 12px 28px rgba(22,16,17,.13);isolation:isolate}
.home-reel:nth-child(3n+2){background:linear-gradient(180deg,#c6cbc5,#314138)}.home-reel:nth-child(3n){background:linear-gradient(180deg,#ddd4bd,#3f392b)}
.home-reel iframe{position:absolute;z-index:1;inset:0;inline-size:100%;block-size:650px;border:0;background:#fff;transform:translateY(-66px)}
.home-reel-loader{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.22),transparent 35%,rgba(12,10,11,.48));animation:reelPulse 1.8s ease-in-out infinite}.home-reel.is-loaded .home-reel-loader{display:none}@keyframes reelPulse{50%{opacity:.55}}
.home-reel>a{position:absolute;z-index:4;inset-block-start:12px;inset-inline-end:12px;inline-size:38px;block-size:38px;border-radius:50%;background:rgba(20,8,12,.56);backdrop-filter:blur(8px)}.home-reel>a::before{content:"↗";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:1rem}.home-reel>span{position:absolute;z-index:3;inset-inline:15px;inset-block-end:14px;color:#fff;font-size:.75rem;font-weight:600;text-shadow:0 2px 10px rgba(0,0,0,.85);pointer-events:none}.home-reel::after{content:"";position:absolute;z-index:2;inset:auto 0 0;block-size:100px;background:linear-gradient(transparent,rgba(13,8,10,.75));pointer-events:none}
.home-reels-progress{block-size:2px;background:var(--surface-3);overflow:hidden}.home-reels-progress i{display:block;inline-size:12%;block-size:100%;background:var(--wine-600);transition:inline-size .45s var(--ease-out)}
@media(max-width:680px){.home-reels-copy{margin-block-end:2rem}.home-reel{inline-size:min(74vw,285px);block-size:500px}.home-reel iframe{block-size:620px}.home-reels-viewport{padding-inline:1rem}.home-reels-progress{margin-inline:1rem}}
@media(prefers-reduced-motion:reduce){.home-reel-loader{animation:none}}

/* Compact Instagram card + seamless empty upload carousel */
.home-instagram{padding-block:clamp(4rem,7vw,6rem)}
.home-instagram-head{margin-block-end:clamp(2rem,4vw,3rem)}
.home-instagram-head h2{font-size:clamp(2.35rem,4.7vw,4rem)}
.instagram-profile-card{max-inline-size:920px;padding:clamp(1.35rem,3vw,2.5rem);border-radius:clamp(1.5rem,3vw,2.5rem)}
.instagram-profile-head{padding-block-end:clamp(1.5rem,3vw,2.25rem)}
.instagram-avatar{inline-size:clamp(78px,9vw,112px);block-size:clamp(78px,9vw,112px)}
.instagram-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,220px);gap:2px}
.instagram-photo-grid a{position:relative;overflow:hidden;background:var(--surface-2)}
.instagram-photo-grid img{inline-size:100%;block-size:100%;object-fit:cover;transition:transform .6s var(--ease-out),filter .3s}
.instagram-photo-grid a:hover img{transform:scale(1.04);filter:saturate(1.08)}
.instagram-profile-card.instagram-live{position:relative;max-inline-size:680px;padding:14px;border-radius:28px;box-shadow:0 24px 70px rgba(44,24,28,.1)}
.instagram-live .instagram-media{min-inline-size:0!important;inline-size:100%!important;max-inline-size:none!important;margin:0!important;border:0!important}
.instagram-fallback{min-block-size:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;border-radius:20px;color:var(--ink-3);background:linear-gradient(145deg,#fffaf2,#f4ead9)}
.instagram-fallback svg{color:var(--gold-500)}
.instagram-fallback strong{color:var(--ink);font-size:1.1rem}
.instagram-fallback span{max-inline-size:38ch;font-size:.9rem;line-height:1.6}
.home-reels{padding-block:clamp(4.5rem,8vw,7rem)}
.home-reels-viewport{overflow:hidden;scroll-snap-type:none;cursor:default;padding:8px 0 30px}
.home-reels-track{display:flex;gap:16px;inline-size:max-content;animation:emptyReelsLoop 44s linear infinite;will-change:transform}
.home-reels-group{display:flex;gap:16px;flex:none}
.home-reels-track:hover{animation-play-state:paused}
.home-reel{flex:none;inline-size:clamp(210px,18vw,260px);block-size:clamp(370px,34vw,480px);scroll-snap-align:none;box-shadow:0 10px 22px rgba(22,16,17,.1)}
.home-reel::after{block-size:42%;background:linear-gradient(transparent,rgba(18,13,14,.62))}
.home-reel>.home-reel-play{position:absolute;z-index:3;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;inline-size:48px;block-size:48px;border-radius:50%;background:rgba(255,255,255,.24);color:#fff;font-size:.72rem;text-shadow:none;backdrop-filter:blur(8px);pointer-events:none}
html[dir="rtl"] .home-reel>.home-reel-play{inset:50% 50% auto auto;transform:translate(50%,-50%)}
@keyframes emptyReelsLoop{to{transform:translateX(calc(-50% - 8px))}}
html[dir="rtl"] .home-reels-track{animation-name:emptyReelsLoopRtl}
@keyframes emptyReelsLoopRtl{to{transform:translateX(calc(50% + 8px))}}
@media(max-width:680px){.instagram-profile-card{padding:1rem}.instagram-profile-card.instagram-live{padding:8px;border-radius:22px}.instagram-fallback{min-block-size:160px;border-radius:16px}.instagram-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,165px)}.home-reel{inline-size:210px;block-size:390px}.home-reels-copy{padding-inline:1.15rem}}
@media(prefers-reduced-motion:reduce){.home-reels-track{animation-play-state:paused}}