html:has(.oak-ev),body:has(.oak-ev){overflow-x:clip} .oak-ev{--ch:#1F1F1F;--gold:#C9A24B;--cream:#FAF6EE;--w:#fff;font-family:Inter,system-ui,sans-serif;color:var(--ch);width:100vw;max-width:100vw;position:relative;left:50%;margin-left:-50vw;background:var(--cream);line-height:1.6;box-sizing:border-box;overflow-x:clip} .oak-ev *,.oak-ev *::before,.oak-ev *::after{box-sizing:border-box} .oak-ev h1,.oak-ev h2,.oak-ev h3{font-family:'Playfair Display',Georgia,serif!important;margin:0;color:inherit} .oak-ev p{margin:0}.oak-ev a{color:inherit} .oak-ev .oe-wrap{max-width:1100px;margin:0 auto;padding:0 24px} .oak-ev .oe-sec{padding:64px 0}.oak-ev .oe-white{background:#fff} .oak-ev .oe-crumb{padding:18px 0 0;font-size:14px;color:#555}.oak-ev .oe-crumb a{text-decoration:none}.oak-ev .oe-crumb a:hover{text-decoration:underline}.oak-ev .oe-crumb span{margin:0 6px} .oak-ev .oe-hero{padding:40px 0 64px} .oak-ev .oe-label{color:#8a6a1c;font-size:13px;font-weight:600;letter-spacing:.18em;margin:0 0 14px;text-transform:uppercase;display:flex;gap:12px;align-items:center;flex-wrap:wrap} .oak-ev .oe-badge{background:var(--gold);color:var(--ch);letter-spacing:.06em;padding:4px 12px;border-radius:999px;font-size:12px} .oak-ev h1{font-size:clamp(34px,5vw,54px);line-height:1.12;font-weight:700;margin-bottom:18px;max-width:820px} .oak-ev .oe-intro{font-size:18px;color:#444;max-width:720px;margin-bottom:28px} .oak-ev .oe-btns{display:flex;gap:12px;flex-wrap:wrap} .oak-ev .oe-btn{display:inline-block;font-size:16px;font-weight:600;text-decoration:none!important;padding:14px 28px;border-radius:999px;background:var(--gold);color:var(--ch)!important;border:2px solid var(--gold);text-align:center;transition:transform .15s} .oak-ev .oe-btn:hover{transform:translateY(-2px)} .oak-ev .oe-out{background:transparent;border-color:var(--ch)} .oak-ev a:focus-visible,.oak-ev summary:focus-visible{outline:3px solid var(--ch);outline-offset:3px} .oak-ev .oe-h2{font-size:clamp(26px,3.4vw,36px);line-height:1.2;font-weight:600;margin-bottom:22px} .oak-ev .oe-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px} .oak-ev .oe-item{display:flex;flex-direction:column;gap:10px} .oak-ev .oe-ph{aspect-ratio:2/3;width:100%;border-radius:14px;border:2px solid var(--gold);display:flex;align-items:flex-end;justify-content:center;padding:14px 8px;background:repeating-linear-gradient(45deg,#fff 0 12px,#f3e9d0 12px 24px);box-shadow:0 8px 20px rgba(31,31,31,.1)} .oak-ev .oe-ph span{background:rgba(255,255,255,.94);padding:6px 10px;border-radius:8px;font-size:13px;font-weight:600;text-align:center} .oak-ev .oe-chips{display:flex;gap:6px;justify-content:center} .oak-ev .oe-chips b{font-size:12px;font-weight:600;border:1px solid var(--gold);border-radius:999px;padding:2px 10px;background:#fff} .oak-ev .oe-two{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center} .oak-ev .oe-two .oe-ph{max-width:260px;margin:0 auto} .oak-ev .oe-text p+p{margin-top:16px}.oak-ev .oe-text p{font-size:17px;color:#333;max-width:720px}.oak-ev .oe-text a{color:#8a6a1c;font-weight:600} .oak-ev .oe-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px} .oak-ev .oe-list li{background:var(--cream);border:1px solid #e8dfc9;border-radius:12px;padding:16px 18px 16px 48px;position:relative;font-size:16px} .oak-ev .oe-list li::before{content:"";position:absolute;left:18px;top:21px;width:14px;height:14px;border-radius:50%;background:var(--gold)} .oak-ev .oe-list a{color:#8a6a1c;font-weight:600} .oak-ev .oe-fmt{background:var(--ch);color:#fff;padding:36px 0} .oak-ev .oe-fmt .oe-wrap{display:flex;gap:28px;align-items:center;justify-content:space-between;flex-wrap:wrap} .oak-ev .oe-fmt ul{list-style:none;display:flex;gap:10px;flex-wrap:wrap;margin:0;padding:0} .oak-ev .oe-fmt li{border:1px solid var(--gold);color:var(--gold);padding:6px 16px;border-radius:999px;font-weight:600;font-size:15px} .oak-ev .oe-fmt p{font-size:15px}.oak-ev .oe-fmt a{color:var(--gold)} .oak-ev .oe-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px} .oak-ev .oe-rc{display:block;background:#fff;border:1px solid #e8dfc9;border-radius:14px;padding:26px;text-decoration:none;transition:transform .15s} .oak-ev .oe-rc:hover{transform:translateY(-3px)} .oak-ev .oe-rc h3{font-size:22px;margin-bottom:8px}.oak-ev .oe-rc p{font-size:15px;color:#555;margin-bottom:12px}.oak-ev .oe-rc em{font-style:normal;font-weight:600;color:#8a6a1c} .oak-ev .oe-band{background:var(--ch);color:#fff;text-align:center;padding:72px 0} .oak-ev .oe-band h2{font-size:clamp(26px,3.6vw,38px);margin-bottom:14px} .oak-ev .oe-band p{color:#ddd;margin:0 auto 26px;max-width:640px} @media(max-width:900px){.oak-ev .oe-grid{grid-template-columns:repeat(2,1fr)}.oak-ev .oe-two{grid-template-columns:1fr;gap:28px}.oak-ev .oe-cards{grid-template-columns:1fr}.oak-ev .oe-list{grid-template-columns:1fr}.oak-ev .oe-sec{padding:44px 0}.oak-ev .oe-hero{padding:28px 0 44px}} .oak-ev .oe-ph.oe-pv{padding:0;flex-shrink:0;overflow:hidden;background:#efe7d6;cursor:zoom-in;font:inherit;display:block;position:relative} .oak-ev .oe-ph.oe-pv img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s} .oak-ev .oe-ph.oe-pv:hover img{transform:scale(1.03)} .oak-ev .oe-ph.oe-pv:focus-visible{outline:3px solid var(--ch);outline-offset:3px} .oak-ev .oe-ph.oe-pv .oe-more{position:absolute;right:10px;top:10px;background:rgba(31,31,31,.82);color:#FAF6EE;font-size:12px;font-weight:600;padding:5px 11px;border-radius:999px} .oak-ev .oe-cap{font-family:'Playfair Display',Georgia,serif;font-size:17px;font-weight:600;text-align:center;line-height:1.3} .oak-ev .oe-all{margin-top:24px;text-align:center}.oak-ev .oe-all a{color:#8a6a1c;font-weight:600} .oak-ev .ol-lb{position:fixed;inset:0;z-index:99999;background:rgba(20,20,20,.92);display:none;align-items:center;justify-content:center;padding:56px 16px 110px} .oak-ev .ol-lb.open{display:flex} .oak-ev .ol-fig{margin:0;max-width:min(1000px,100%);max-height:100%;display:flex;flex-direction:column;align-items:center;gap:12px} .oak-ev .ol-fig img{max-width:100%;max-height:calc(100vh - 210px);width:auto;height:auto;border-radius:8px;box-shadow:0 10px 40px rgba(0,0,0,.5);background:#2a2a2a} .oak-ev .ol-cap{color:#FAF6EE;font-size:15px;text-align:center}.oak-ev .ol-cap strong{font-family:'Playfair Display',Georgia,serif;font-size:20px;display:block;color:#FAF6EE} .oak-ev .ol-x,.oak-ev .ol-nav{position:absolute;background:rgba(250,246,238,.12);color:#FAF6EE;border:1px solid rgba(250,246,238,.35);border-radius:999px;cursor:pointer;font:600 22px/1 Inter,system-ui,sans-serif;width:48px;height:48px;display:flex;align-items:center;justify-content:center;padding:0} .oak-ev .ol-x:hover,.oak-ev .ol-nav:hover{background:#C9A24B;color:#1F1F1F;border-color:#C9A24B} .oak-ev .ol-x:focus-visible,.oak-ev .ol-nav:focus-visible,.oak-ev .ol-th button:focus-visible{outline:3px solid #C9A24B;outline-offset:2px} .oak-ev .ol-x{top:14px;right:14px}.oak-ev .ol-prev{left:14px;top:50%;transform:translateY(-50%)}.oak-ev .ol-next{right:14px;top:50%;transform:translateY(-50%)} .oak-ev .ol-th{position:absolute;left:0;right:0;bottom:14px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:0 12px} .oak-ev .ol-th button{width:60px;height:60px;padding:0;border:2px solid transparent;border-radius:6px;overflow:hidden;background:#333;cursor:pointer;opacity:.6} .oak-ev .ol-th button.on{border-color:#C9A24B;opacity:1}.oak-ev .ol-th img{width:100%;height:100%;object-fit:cover;display:block} @media(max-width:600px){.oak-ev .ol-nav{top:auto;bottom:86px;transform:none;width:42px;height:42px}.oak-ev .ol-th button{width:48px;height:48px}.oak-ev .ol-lb{padding:56px 8px 150px}} .oak-ev .oe-ph.oe-wide{aspect-ratio:16/9} .oak-ev .oe-ph.oe-strip{aspect-ratio:1/3;max-width:220px;margin:0 auto} .oak-ev .oe-guide{max-width:760px} .oak-ev .oe-guide h3{font-size:22px;margin:28px 0 10px} .oak-ev .oe-guide ol,.oak-ev .oe-guide ul{margin:0 0 16px;padding-left:22px;color:#333;font-size:17px} .oak-ev .oe-guide li+li{margin-top:8px} .oak-ev .oe-guide code{background:#efe7d6;padding:1px 6px;border-radius:4px;font-size:14px} .oak-ev .oe-note{background:#fff;border-left:4px solid var(--gold);padding:14px 18px;margin:18px 0;font-size:16px;color:#333} .oak-ev .oe-price{background:#fff;border:1px solid #e8dfc9;border-radius:12px;padding:18px 20px;margin:18px 0;font-size:16px} .oak-ev .oe-faq details{background:#fff;border:1px solid #e8dfc9;border-radius:12px;padding:14px 18px;margin:0 0 10px} .oak-ev .oe-faq summary{font-weight:600;cursor:pointer;font-size:17px} .oak-ev .oe-faq details p{margin-top:10px;color:#333;font-size:16px} .oak-ev .oe-soft{font-size:14px;color:#666;margin-top:8px} (function(){var r=document.querySelector('.oak-ev');if(!r||r.dataset.lb)return;r.dataset.lb=1; var BASE='https://photoboothtemplatesfree.com/wp-content/uploads/oak-previews/',G={"celestial-eid": ["Celestial Eid", ["celestial-eid-hero.webp", "celestial-eid-1.webp", "celestial-eid-2.webp", "celestial-eid-3.webp"]], "eid-gold-corners": ["Eid Gold Corners", ["eid-gold-corners-hero.webp", "eid-gold-corners-1.webp", "eid-gold-corners-2.webp", "eid-gold-corners-3.webp"]], "ramadan-lantern-green": ["Ramadan Lantern Green", ["ramadan-lantern-green-hero.webp", "ramadan-lantern-green-1.webp", "ramadan-lantern-green-2.webp", "ramadan-lantern-green-3.webp"]]},CAP=["4x6 print preview with sample guests", "Welcome screen (16:9)", "Mockup: prints on a table", "2x6 photo strip preview"]; var lb=r.querySelector('.ol-lb'),im=lb.querySelector('.ol-fig img'),cap=lb.querySelector('.ol-cap'),th=lb.querySelector('.ol-th'),cur=null,i=0,last=null,tx=null; function show(n){var g=G[cur],f=g[1];i=(n+f.length)%f.length;im.src=BASE+f[i];im.alt=g[0]+': '+CAP[i]; cap.innerHTML='';var s=document.createElement('strong');s.textContent=g[0];cap.appendChild(s);cap.appendChild(document.createTextNode(CAP[i]+' ('+(i+1)+' of '+f.length+')')); [].forEach.call(th.children,function(b,k){b.classList.toggle('on',k===i);b.setAttribute('aria-current',k===i?'true':'false')})} function open(slug,from){if(!G[slug])return;cur=slug;last=from||document.activeElement;th.innerHTML=''; G[slug][1].forEach(function(f,k){var b=document.createElement('button');b.type='button';b.setAttribute('aria-label','Show image '+(k+1)+': '+CAP[k]);var t=document.createElement('img');t.src=BASE+f;t.alt='';t.loading='lazy';b.appendChild(t);b.addEventListener('click',function(){show(k)});th.appendChild(b)}); lb.hidden=false;lb.classList.add('open');document.documentElement.style.overflow='hidden';show(0);lb.querySelector('.ol-x').focus()} function close(){lb.classList.remove('open');lb.hidden=true;im.removeAttribute('src');document.documentElement.style.overflow='';if(last&&last.focus)last.focus()} lb.querySelector('.ol-x').addEventListener('click',close); lb.querySelector('.ol-prev').addEventListener('click',function(){show(i-1)}); lb.querySelector('.ol-next').addEventListener('click',function(){show(i+1)}); lb.addEventListener('click',function(e){if(e.target===lb)close()}); lb.addEventListener('touchstart',function(e){tx=e.touches[0].clientX},{passive:true}); lb.addEventListener('touchend',function(e){if(tx===null)return;var d=e.changedTouches[0].clientX-tx;if(Math.abs(d)>50)show(i+(d<0?1:-1));tx=null}); document.addEventListener('keydown',function(e){if(lb.hidden)return;if(e.key==='Escape')close();else if(e.key==='ArrowRight')show(i+1);else if(e.key==='ArrowLeft')show(i-1); else if(e.key==='Tab'){var f=[].slice.call(lb.querySelectorAll('button'));var a=f.indexOf(document.activeElement);if(e.shiftKey&&a<=0){e.preventDefault();f[f.length-1].focus()}else if(!e.shiftKey&&a===f.length-1){e.preventDefault();f[0].focus()}}}); r.querySelectorAll('.oe-pv[data-g]').forEach(function(b){b.addEventListener('click',function(e){e.preventDefault();open(b.getAttribute('data-g'),b)})}); })();