:root{--bg:#080d12;--panel:#101820;--panel2:#0c131a;--cyan:#00f0ff;--pink:#249dff;--white:#f8fcff;--muted:#b2c0cc;--line:rgba(0,240,255,.3);--gold:#d7b46a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:'Montserrat',Inter,Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}
header{position:sticky;top:0;z-index:10;background:rgba(8,13,18,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}.logo{font-size:1.4rem;letter-spacing:.13em;font-weight:900;white-space:nowrap}.logo span{color:var(--pink);text-shadow:0 0 10px #249dff99,0 0 22px #249dff55}.navlinks{display:flex;gap:20px;color:var(--muted);font-size:.88rem}.navlinks a:hover{color:var(--cyan)}
.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 19px;border-radius:7px;background:var(--cyan);color:#041015;font-weight:800;border:1px solid var(--cyan);cursor:pointer;font:inherit;font-weight:800;transition:.2s}.button:hover{transform:translateY(-2px);box-shadow:0 0 24px #00eaff3d,0 0 20px #249dff22}.button.secondary{color:var(--white);background:transparent;border-color:#249dff99}.button.pink{background:var(--pink);border-color:var(--pink);color:#041827}
.order-menu{position:relative;display:inline-block}
.order-menu-toggle{display:inline-flex;align-items:center;gap:9px}
.order-menu-options{display:none;position:absolute;top:calc(100% + 9px);left:0;min-width:235px;padding:8px;background:#101820;border:1px solid #249dff88;border-radius:10px;box-shadow:0 12px 36px #0009;z-index:20}
.order-menu.open .order-menu-options{display:grid;gap:7px}
.order-menu-options a{display:block;padding:11px 13px;border-radius:7px;color:var(--white);font-size:.9rem;font-weight:700}
.order-menu-options a:hover{background:#249dff1f;color:var(--pink)}
.order-menu-options a small{display:block;color:var(--muted);font-size:.76rem;font-weight:400;margin-top:2px}

.hero{padding:82px 0 72px;background:radial-gradient(ellipse at 78% 35%,#00eaff20,transparent 38%),radial-gradient(ellipse at 10% 80%,#249dff24,transparent 38%),linear-gradient(180deg,#0b1219,var(--bg));overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center}.eyebrow{color:var(--pink);text-transform:uppercase;letter-spacing:.17em;font-size:.76rem;font-weight:800}h1{margin:15px 0;font-size:clamp(2.7rem,6vw,5.1rem);line-height:1;letter-spacing:-.055em}h1 em{color:var(--pink);font-style:normal;text-shadow:0 0 26px #249dff66}.lead{max-width:610px;color:var(--muted);font-size:1.1rem}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.hero-art{min-height:360px;border:1px solid #249dff55;border-radius:22px;background:linear-gradient(145deg,#00eaff1c,#101820d9 48%,#249dff25);display:grid;place-items:center;position:relative;overflow:hidden}.hero-art:before,.hero-art:after{content:"";position:absolute;border:1px solid #00eaff44;border-radius:50%;width:260px;height:260px}.hero-art:after{width:330px;height:330px;border-color:#00eaff20}.gift{z-index:1;font-size:7rem;filter:drop-shadow(0 0 26px #00eaff30)}.art-label{position:absolute;bottom:20px;left:22px;right:22px;text-align:center;color:var(--muted);font-size:.86rem}
section{padding:72px 0}.section-head{max-width:720px;margin-bottom:30px}h2{font-size:clamp(1.9rem,4vw,3rem);line-height:1.12;margin:8px 0 12px;letter-spacing:-.035em}.section-head p,.muted{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:linear-gradient(145deg,var(--panel),var(--panel2));border:1px solid #249dff22;border-radius:14px;padding:24px;min-height:190px}.emoji{font-size:2rem}.card h3{margin:12px 0 6px;font-size:1.1rem}.card p{margin:0;color:var(--muted);font-size:.94rem}
.story{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.storybox{padding:28px;border-radius:15px;background:var(--panel);border:1px solid #ffffff12}.storybox p{color:var(--muted)}.checklist{padding-left:20px;color:var(--muted)}.gift-section{background:#0b1218;border-block:1px solid #ffffff0d}.gift-panel{display:grid;grid-template-columns:.75fr 1.25fr;gap:34px;align-items:center;padding:34px;border:1px solid #249dff55;border-radius:18px;background:radial-gradient(ellipse at 20% 20%,#00eaff14,transparent 55%),radial-gradient(ellipse at 85% 90%,#249dff16,transparent 45%),var(--panel2)}.gift-icon{text-align:center;font-size:6rem}.gift-panel p{color:var(--muted)}
.brands{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.brand{min-height:100px;display:flex;align-items:center;justify-content:center;text-align:center;padding:18px;background:#101820;border:1px solid #ffffff14;border-radius:12px}.brand strong{font-size:1rem;letter-spacing:.04em}.brand small{display:block;color:var(--muted);font-size:.72rem;font-weight:400;letter-spacing:0;margin-top:5px}.brand-note{margin-top:14px;color:var(--muted);font-size:.86rem}
.order-section{background:radial-gradient(ellipse at 90% 10%,#00eaff12,transparent 40%),#0b1218;border-block:1px solid #ffffff0c}.order-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:28px;align-items:start}.order-intro{color:var(--muted)}form{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:var(--panel);border:1px solid #ffffff16;padding:24px;border-radius:15px}label{display:block;font-size:.84rem;font-weight:700;margin-bottom:5px}input,select,textarea{width:100%;padding:12px 13px;background:#080d12;color:var(--white);border:1px solid #ffffff2a;border-radius:7px;font:inherit;font-size:.93rem}input:focus,select:focus,textarea:focus{outline:1px solid var(--cyan);border-color:var(--cyan)}textarea{min-height:105px;resize:vertical}.field{min-width:0}.full{grid-column:1/-1}.form-help{color:var(--muted);font-size:.8rem;margin:0}.form-result{display:none;padding:14px;border:1px solid var(--line);border-radius:8px;background:#00eaff0d;white-space:pre-wrap;overflow-wrap:anywhere}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.info{background:var(--panel);border:1px solid #ffffff14;padding:26px;border-radius:14px}.info h3{margin-top:0}.hours{display:grid;grid-template-columns:1fr auto;gap:8px 18px;color:var(--muted)}.hours strong{color:var(--white);font-weight:600}.note{color:var(--muted);font-size:.84rem}footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted);font-size:.88rem}.footer-row{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
@media(max-width:780px){.wrap{width:min(100% - 28px,600px)}nav{min-height:66px}.navlinks{display:none}.hero{padding:55px 0}.hero-grid,.story,.gift-panel,.order-grid,.info-grid{grid-template-columns:1fr}.hero-art{min-height:250px}.gift{font-size:5.4rem}section{padding:54px 0}.cards{grid-template-columns:1fr}.card{min-height:auto}.brands{grid-template-columns:repeat(2,1fr)}.gift-panel{padding:24px;gap:5px}.gift-icon{font-size:4rem}form{grid-template-columns:1fr;padding:18px}.full{grid-column:auto}}

/* La Delika neon identity: luminous cyan and pink accents on a deep ink base. */
::selection{background:var(--pink);color:#041827}
body{background:radial-gradient(ellipse at 5% 30%,#249dff0a,transparent 34%),radial-gradient(ellipse at 95% 66%,#00f0ff0b,transparent 32%),var(--bg)}
header{background:rgba(8,13,18,.88);border-bottom-color:#00f0ff45;box-shadow:0 8px 30px #0005}
.logo span{color:var(--pink);text-shadow:0 0 8px #249dff,0 0 24px #249dff99,0 0 42px #249dff44}
.navlinks a{transition:color .18s ease,text-shadow .18s ease}
.navlinks a:hover{color:var(--cyan);text-shadow:0 0 14px #00f0ff99}
.button{box-shadow:0 0 18px #00f0ff25}
.button:hover{box-shadow:0 0 26px #00f0ff77,0 0 34px #249dff33}
.button.secondary{border-color:#249dff;color:#e0f6ff;box-shadow:inset 0 0 18px #249dff11}
.button.secondary:hover{background:#249dff1c;box-shadow:0 0 24px #249dff55}
.button.pink{background:var(--pink);border-color:var(--pink);box-shadow:0 0 20px #249dff4d;color:#041827}
.button.pink:hover{box-shadow:0 0 30px #249dff99,0 0 45px #00f0ff2b}
.hero{background:radial-gradient(ellipse at 78% 35%,#00f0ff2b,transparent 38%),radial-gradient(ellipse at 10% 80%,#249dff2d,transparent 38%),linear-gradient(180deg,#0b1219,var(--bg))}
h1 em{color:var(--pink);text-shadow:0 0 14px #249dff99,0 0 36px #249dff55}
.hero-art{border-color:#249dff7a;box-shadow:inset 0 0 45px #00f0ff12,0 0 34px #249dff12}
.hero-art:before{box-shadow:0 0 25px #00f0ff18}
.card,.storybox,.brand,.info{transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.card:hover,.brand:hover,.info:hover{transform:translateY(-3px);border-color:#00f0ff77;box-shadow:0 12px 30px #0005,0 0 25px #00f0ff12}
.storybox{border-color:#249dff33}
.storybox:hover{border-color:#249dff77;box-shadow:0 0 28px #249dff11}
.gift-section{background:linear-gradient(110deg,#0b1218,#0c1928 52%,#0b1218);border-color:#249dff22}
.gift-panel{border-color:#249dff77;box-shadow:0 0 45px #249dff0d,inset 0 0 45px #00f0ff0b}
.gift-icon{filter:drop-shadow(0 0 24px #00f0ff2e)}
.order-section{background:radial-gradient(ellipse at 90% 10%,#00f0ff1c,transparent 40%),radial-gradient(ellipse at 5% 90%,#249dff14,transparent 38%),#0b1218;border-color:#00f0ff1e}
form{border-color:#00f0ff38;box-shadow:0 16px 45px #0003}
input:focus,select:focus,textarea:focus{outline:1px solid var(--cyan);border-color:var(--cyan);box-shadow:0 0 0 3px #00f0ff1c,0 0 18px #00f0ff1c}
.form-result{border-color:#00f0ff66;background:#00f0ff10;box-shadow:inset 0 0 24px #00f0ff0a}
.info{border-color:#00f0ff2a}
footer{border-top-color:#00f0ff45}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Brand signature: electric light, elegant type, and restrained motion. */
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.16;background-image:linear-gradient(#00f0ff18 1px,transparent 1px),linear-gradient(90deg,#00f0ff18 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 78%)}
.eyebrow{display:flex;align-items:center;gap:10px;text-shadow:0 0 16px #249dff44}
.eyebrow::before{content:"";width:7px;height:7px;flex:none;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan),0 0 18px #00f0ff99}
h1,h2,h3,.logo{font-family:'Montserrat',Inter,Arial,sans-serif}
h1{font-weight:900}
.hero h1 em{background:linear-gradient(105deg,#42b4ff 10%,#8fe9ff 46%,#00f0ff 100%);background-size:190% auto;color:transparent;background-clip:text;-webkit-background-clip:text;animation:neon-text 7s ease-in-out infinite alternate}
.hero-art{isolation:isolate}
.hero-art::before,.hero-art::after{box-shadow:0 0 26px #00f0ff24,inset 0 0 28px #00f0ff0a;animation:orbit-glow 8s ease-in-out infinite alternate}
.hero-art::after{animation-delay:-4s}
.hero-art .gift{animation:gift-float 4.2s ease-in-out infinite;filter:drop-shadow(0 0 16px #00f0ff55) drop-shadow(0 0 34px #249dff33)}
.hero-art .art-label{padding:9px 14px;border:1px solid #00f0ff2b;border-radius:999px;background:#080d12a6;backdrop-filter:blur(8px);box-shadow:0 0 22px #00f0ff12}
.button{position:relative;isolation:isolate;overflow:hidden;transform:translateZ(0)}
.button::after{content:"";position:absolute;z-index:1;top:-70%;left:-45%;width:30%;height:240%;transform:rotate(24deg);background:linear-gradient(90deg,transparent,#ffffffa6,transparent);opacity:0;pointer-events:none;transition:left .65s ease,opacity .2s ease}
.button:hover::after{left:125%;opacity:.65}
.card{position:relative;overflow:hidden}
.card::before{content:"";position:absolute;top:0;left:24px;right:24px;height:1px;background:linear-gradient(90deg,transparent,#00f0ff,#249dff,transparent);opacity:.42;transition:opacity .25s ease,filter .25s ease}
.card:hover::before{opacity:1;filter:drop-shadow(0 0 6px var(--cyan))}
.card:hover{background:radial-gradient(ellipse at 90% 0%,#249dff16,transparent 48%),linear-gradient(145deg,#111d27,#0c131a);box-shadow:0 16px 40px #0007,0 0 34px #00f0ff1b,0 0 28px #249dff14}
.brand:hover{background:linear-gradient(145deg,#101820,#102238);box-shadow:0 0 26px #249dff1c,0 0 22px #00f0ff13}
.gift-panel{position:relative;overflow:hidden}
.gift-panel::after{content:"";position:absolute;inset:-1px;pointer-events:none;background:linear-gradient(115deg,transparent 20%,#00f0ff10 45%,#249dff12 58%,transparent 80%);transform:translateX(-100%);animation:panel-shimmer 9s ease-in-out infinite}
.gift-panel>*{position:relative;z-index:1}
@keyframes gift-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}
@keyframes orbit-glow{from{transform:scale(.97);opacity:.52}to{transform:scale(1.04);opacity:1}}
@keyframes neon-text{from{background-position:0% center;text-shadow:0 0 22px #249dff55}to{background-position:100% center;text-shadow:0 0 32px #00f0ff55}}
@keyframes panel-shimmer{0%,35%{transform:translateX(-100%)}70%,100%{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){.hero h1 em,.hero-art::before,.hero-art::after,.hero-art .gift,.gift-panel::after,.order-form-panel:not([hidden]){animation:none}.button::after{display:none}}


.order-modal-backdrop{display:none;position:fixed;inset:0;z-index:1000;background:rgba(2,6,10,.82);backdrop-filter:blur(10px);align-items:center;justify-content:center;padding:18px}
.order-modal-backdrop.open{display:flex}
.order-modal{position:relative;width:min(760px,100%);max-height:min(92vh,900px);overflow:auto;padding:clamp(24px,5vw,42px);background:radial-gradient(ellipse at 5% 0%,#00f0ff14,transparent 38%),radial-gradient(ellipse at 95% 100%,#249dff1a,transparent 40%),linear-gradient(145deg,#111c25,#080d12 72%);border:1px solid #249dff99;border-radius:20px;box-shadow:0 0 48px #249dff2b,0 0 80px #00f0ff1c;animation:modal-enter .3s ease both}
.order-modal-close{position:sticky;float:right;top:0;margin:-14px -14px 0 0;width:42px;height:42px;border-radius:50%;border:1px solid #ffffff35;background:#101820;color:var(--white);font-size:1.5rem;line-height:1;cursor:pointer;box-shadow:0 0 18px #00f0ff25;z-index:2}
.order-modal-close:hover{border-color:var(--pink);box-shadow:0 0 20px #249dff55}
.order-modal-step[hidden]{display:none}
.order-modal-step h2{padding-right:36px;margin:12px 0 8px;font-size:clamp(1.65rem,4vw,2.25rem)}
.modal-intro{margin:0 0 20px;color:var(--muted)}
.order-modal-choices{display:grid;gap:12px;margin-top:24px}
.order-choice{position:relative;display:flex;align-items:center;gap:16px;min-height:82px;padding:15px 18px;width:100%;border:1px solid #00f0ff77;border-radius:14px;background:linear-gradient(135deg,#0d2028,#101820 58%,#11151e);color:var(--white);text-align:left;cursor:pointer;font:inherit;box-shadow:0 0 24px #00f0ff14,inset 0 0 22px #00f0ff09;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.order-choice:hover,.order-choice:focus-visible{transform:translateY(-2px);border-color:var(--cyan);outline:none;box-shadow:0 0 30px #00f0ff38,inset 0 0 26px #00f0ff12}
.order-choice.local-delivery{border-color:#b88aff77;background:linear-gradient(135deg,#1b1730,#111621 58%,#101820);box-shadow:0 0 24px #b88aff14,inset 0 0 22px #b88aff09}
.order-choice.local-delivery:hover,.order-choice.local-delivery:focus-visible{border-color:#bd9aff;box-shadow:0 0 30px #b88aff38,inset 0 0 26px #b88aff12}
.order-choice.shop-link{border-color:#249dff66;background:linear-gradient(135deg,#102238,#111621 58%,#101820);box-shadow:0 0 24px #249dff10,inset 0 0 22px #249dff08;text-decoration:none}
.order-choice.shop-link:hover,.order-choice.shop-link:focus-visible{border-color:var(--pink);outline:none;box-shadow:0 0 30px #249dff38,inset 0 0 26px #249dff12}
.order-choice.business{border-color:#249dff77;background:linear-gradient(135deg,#102238,#101d2c 58%,#101820);box-shadow:0 0 24px #249dff14,inset 0 0 22px #249dff09}
.order-choice.business:hover,.order-choice.business:focus-visible{border-color:var(--pink);box-shadow:0 0 30px #249dff38,inset 0 0 26px #249dff12}
.order-choice-icon{display:grid;place-items:center;width:50px;height:50px;flex:none;border:1px solid #00f0ff55;border-radius:12px;background:#00f0ff12;font-size:1.55rem;filter:drop-shadow(0 0 9px #00f0ff55)}
.order-choice.local-delivery .order-choice-icon{border-color:#b88aff66;background:#b88aff14;filter:drop-shadow(0 0 9px #b88aff55)}
.order-choice.shop-link .order-choice-icon{border-color:#249dff55;background:#249dff12;filter:drop-shadow(0 0 9px #249dff55)}
.order-choice.business .order-choice-icon{border-color:#249dff55;background:#249dff12;filter:drop-shadow(0 0 9px #249dff55)}
.order-choice-copy{display:grid;gap:4px;flex:1}
.order-choice-copy strong{font-size:.98rem;line-height:1.35}
.order-choice-copy small{color:var(--muted);font-size:.8rem;line-height:1.45}
.order-choice-arrow{color:var(--cyan);font-size:1.25rem;text-shadow:0 0 12px var(--cyan)}
.order-choice.local-delivery .order-choice-arrow{color:#c19cff;text-shadow:0 0 12px #b88aff}
.order-choice.shop-link .order-choice-arrow{color:var(--pink);text-shadow:0 0 12px var(--pink)}
.order-choice.business .order-choice-arrow{color:var(--pink);text-shadow:0 0 12px var(--pink)}
.order-modal .order-choice{width:100%;min-height:82px;padding:15px 18px}
.order-modal .order-choice-copy strong{font-size:1rem}
.order-modal .order-choice-copy small{font-size:.8rem}
.order-modal .order-choice.business{grid-column:auto}
.order-modal-back{display:inline-flex;align-items:center;gap:8px;margin:0 0 22px;padding:8px 0;border:0;background:transparent;color:var(--cyan);font:inherit;font-weight:700;cursor:pointer}
.order-modal-back:hover{color:var(--pink);text-shadow:0 0 12px #249dff77}
.order-modal form{margin-top:20px}
.order-modal form .form-help{margin-top:4px}
.order-modal .form-result{margin-top:10px}
.logo{display:inline-flex;align-items:center;line-height:0}
.logo img{display:block;width:clamp(136px,16vw,190px);height:auto;max-height:52px;object-fit:contain}
.footer-row .logo img{width:168px;max-height:46px}
@keyframes modal-enter{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:600px){.order-modal-backdrop{padding:8px;align-items:flex-end}.order-modal{width:100%;max-height:94vh;border-radius:18px 18px 10px 10px;padding:54px 18px 20px}.order-modal-close{position:absolute;top:12px;right:12px;margin:0}.order-modal form{grid-template-columns:1fr;padding:18px}.order-modal form .full{grid-column:auto}.order-modal .order-choice{gap:12px;padding:14px}.order-modal .order-choice-icon{width:46px;height:46px;font-size:1.4rem}}
@media(prefers-reduced-motion:reduce){.order-modal{animation:none}}

/* A slow ambient neon wash gives the dark canvas a little more life. */
body{position:relative;isolation:isolate;background-size:150% 150%,150% 150%,auto;animation:ambient-neon 24s ease-in-out infinite alternate}
body::before{animation:grid-neon-drift 36s linear infinite alternate}
body::after{content:"";position:fixed;inset:-18%;z-index:-1;pointer-events:none;opacity:.2;filter:blur(54px);background:radial-gradient(ellipse at 18% 32%,#249dff2b,transparent 35%),radial-gradient(ellipse at 78% 62%,#00f0ff30,transparent 38%);animation:neon-aurora 28s ease-in-out infinite alternate}
@keyframes ambient-neon{0%{background-position:0% 0%,100% 100%,0 0}100%{background-position:22% 14%,78% 86%,0 0}}
@keyframes grid-neon-drift{from{background-position:0 0,0 0;opacity:.12}to{background-position:44px 22px,-22px 44px;opacity:.2}}
@keyframes neon-aurora{0%{transform:translate3d(-2%,1%,0) scale(.96);opacity:.14}100%{transform:translate3d(2%,-1%,0) scale(1.04);opacity:.26}}
@media(prefers-reduced-motion:reduce){body,body::before,body::after{animation:none!important}}
.hero-art::before,.hero-art::after{z-index:0;pointer-events:none}
.hero-art .gift{position:relative;z-index:2}
.hero-art .art-label{z-index:3}
.site-neon-lines{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.24;mix-blend-mode:screen;background-image:url('/assets/decor/neon-lines.svg');background-repeat:repeat-y;background-position:center -180px;background-size:min(920px,100vw) auto;mask-image:linear-gradient(to bottom,transparent 0%,black 5%,black 95%,transparent 100%)}
header{z-index:10}
main,footer{position:relative;z-index:1}
@media(max-width:780px){.site-neon-lines{opacity:.2;background-position:center -100px;background-size:min(680px,110vw) auto}}
.online-payment{border-color:#00f0ff99;background:linear-gradient(135deg,#10262a,#101820 58%,#11151e);box-shadow:0 0 24px #00f0ff20,inset 0 0 22px #00f0ff0d}
.online-payment:hover,.online-payment:focus-visible{border-color:var(--cyan);box-shadow:0 0 32px #00f0ff45,inset 0 0 28px #00f0ff18}
.payment-not-configured{padding:20px;border:1px solid #249dff55;border-radius:12px;background:#249dff0d;color:var(--muted)}
.payment-not-configured strong{color:var(--white)}
.payment-not-configured p{margin-bottom:0}
.flash-notices{position:relative;z-index:2}
.flash-notice{padding:12px 16px;border:1px solid #249dff88;border-radius:10px;background:#102238;color:var(--white)}
.payment-result-page{min-height:70vh;display:grid;place-items:center;padding:50px 20px}
.payment-result-card{width:min(650px,100%);padding:clamp(24px,6vw,48px);border:1px solid #00f0ff66;border-radius:20px;background:linear-gradient(145deg,#10232a,#111820 55%,#102238);box-shadow:0 0 38px #00f0ff1c,0 0 46px #249dff1c}
.payment-result-card h1{font-size:clamp(2rem,6vw,3.5rem)}
.payment-result-card p{color:var(--muted);margin-bottom:26px}

/* Clearer content hierarchy and accessible controls. */
:root{--muted:#c0cad3}
section[id]{scroll-margin-top:100px}
:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}
[hidden]{display:none!important}
.skip-link{position:fixed;top:10px;left:10px;padding:12px 20px;background:var(--cyan);color:var(--bg);z-index:2000;transform:translateY(-160%);font-weight:700}
.skip-link:focus{transform:translateY(0)}
.menu-toggle{display:none;background:transparent;color:var(--white);border:1px solid #ffffff40;border-radius:8px;padding:10px 14px;font:inherit;cursor:pointer}
nav{flex-wrap:wrap;gap:18px}.navlinks{gap:18px}.nav-cta{font-size:.85rem}
.hero{padding:82px 0 66px}.hero h1{line-height:1.08}.hero .lead{font-size:1.05rem;line-height:1.85}.actions .button{gap:14px}.hero-note{font-size:.77rem;color:var(--muted);margin-top:20px;line-height:1.9}
.hero-art{min-height:410px;transform:rotate(2deg);background:radial-gradient(ellipse at 50% 25%,#249dff1c,transparent 65%),linear-gradient(145deg,#10262c,#101820 58%,#10233c)}
.art-kicker{position:absolute;top:26px;left:20px;right:20px;text-align:center;color:#acd9f5;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;z-index:2}
.hero-art .art-label{line-height:1.6;background:#080d12df;border-radius:12px;bottom:24px}
.gift-illustration{position:relative;width:210px;height:175px;transform:rotate(-10deg);filter:drop-shadow(14px 24px 15px #0006);margin-top:12px}
.gift-box{position:absolute;inset:32px 10px 0;background:linear-gradient(110deg,#27535b,#13333c);border:1px solid #69b4bd;border-radius:0 0 10px 10px}
.gift-box::after{content:"";position:absolute;inset:0 auto 0 68px;width:42px;background:linear-gradient(90deg,#1678cf,#80e5ff,#1678cf)}
.gift-lid{position:absolute;z-index:2;left:0;right:0;top:20px;height:38px;background:linear-gradient(110deg,#386873,#204952);border:1px solid #7dc6cc;border-radius:5px;box-shadow:0 10px 10px #0004}
.gift-lid::after{content:"";position:absolute;inset:0 auto 0 78px;width:42px;background:linear-gradient(90deg,#1678cf,#80e5ff,#1678cf)}
.gift-bow{position:absolute;top:-18px;left:99px;z-index:3}
.gift-bow::before,.gift-bow::after{content:"";position:absolute;width:65px;height:37px;border:10px solid #4cc9ff;border-radius:70% 70% 10% 70%;transform:rotate(18deg);left:-61px;top:0}
.gift-bow::after{transform:scaleX(-1) rotate(18deg);left:-3px}
.gift-tag{position:absolute;z-index:4;right:-6px;top:84px;background:#f5e9d9;color:#553b47;padding:10px 12px;font-size:.75rem;transform:rotate(24deg);border-radius:3px;box-shadow:2px 4px 8px #0004}
.benefit-strip{border-block:1px solid #ffffff14;background:#101820}.benefit-strip .wrap{display:flex;justify-content:space-between;gap:20px;padding-block:20px;font-size:.78rem;color:var(--muted)}.benefit-strip span::before{content:"✓";color:var(--cyan);margin-right:10px}
.gift-panel{grid-template-columns:1fr 1fr;gap:46px;padding:46px}.gift-intro h2{font-size:clamp(1.9rem,3.5vw,2.8rem)}.gift-intro p{line-height:1.85}.gift-intro .button{margin-top:10px}.gift-ideas{display:grid;gap:22px}.gift-ideas article{border-bottom:1px solid #ffffff20;padding-bottom:22px}.gift-ideas article:last-child{border:0;padding-bottom:0}.gift-ideas span{color:var(--pink);font-size:.73rem;text-transform:uppercase;letter-spacing:.08em}.gift-ideas h3{margin:6px 0;font-size:1.04rem}.gift-ideas p{font-size:.86rem;margin:0}.text-button{font:inherit;font-size:.85rem;font-weight:700;cursor:pointer;background:none;border:0;padding:12px 0 0;color:var(--cyan)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;list-style:none;padding:0;counter-reset:step}.steps li{counter-increment:step;padding:24px 0;border-top:1px solid #00f0ff55}.steps li::before{content:"0" counter(step);font-size:.8rem;color:var(--cyan);letter-spacing:.12em}.steps h3{font-size:1.05rem;margin:14px 0 8px}.steps p{color:var(--muted);font-size:.9rem;margin:0}
.faq-section{background:#0b1218;border-block:1px solid #ffffff12}.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px}.faq-list details{border-bottom:1px solid #ffffff24;padding:0}.faq-list summary{list-style:none;cursor:pointer;padding:21px 30px 21px 0;font-weight:600;font-size:.95rem;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"+";position:absolute;right:4px;top:18px;color:var(--cyan);font-size:1.3rem}.faq-list details[open] summary::after{content:"−"}.faq-list p{color:var(--muted);font-size:.9rem;margin:0 0 22px}
.info h3{margin:14px 0}.info address{font-style:normal;font-size:1.08rem;line-height:1.9;margin-bottom:24px}.info .eyebrow{font-size:.68rem}.info .button{font-size:.85rem}.contact-phone{display:block;font-size:clamp(1.3rem,3vw,1.7rem);font-weight:700;color:var(--cyan);margin:20px 0 8px}.contact-email{display:inline-block;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.info p{color:var(--muted)}
.draft-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.draft-actions .button{font-size:.85rem}.form-result{font-size:.85rem}.noscript-note{padding-block:22px;color:var(--muted)}
.hero h1 em{animation:none}.gift-panel::after{animation:none;display:none}body,body::before,body::after{animation:none}.hero-art::before,.hero-art::after{animation:none}
@media(max-width:1000px){nav{gap:12px}.navlinks{gap:12px;font-size:.8rem}.logo img{width:150px}.nav-cta{padding:10px 12px}}
@media(max-width:780px){section[id]{scroll-margin-top:130px}nav{padding-block:12px}.menu-toggle:not([hidden]){display:inline-flex;gap:12px;align-items:center;margin-left:auto}.nav-cta{display:none}.navlinks{display:flex;flex-wrap:wrap;order:4;width:100%;padding:12px 0 6px;gap:16px}.menu-toggle:not([hidden])~.navlinks{display:none}.menu-toggle:not([hidden])~.navlinks.is-open{display:flex}.navlinks a{padding:6px 0;font-size:.9rem}.hero{padding:44px 0}.hero-grid{gap:32px}.hero-art{min-height:340px;transform:none}.hero h1{font-size:clamp(2.7rem,11vw,4.4rem)}.hero .lead{font-size:1rem}.hero .actions{flex-direction:column;align-items:stretch}.benefit-strip .wrap{flex-direction:column;gap:8px;padding-block:18px}.gift-panel{grid-template-columns:1fr;padding:25px;gap:28px}.steps,.faq-grid{grid-template-columns:1fr;gap:12px}.steps li{padding:20px 0}.faq-grid{gap:10px}.info{padding:24px}.order-modal{max-height:90dvh}.order-modal-step h2{padding-right:0}.order-modal-close{min-width:44px;min-height:44px}}

/* Blue leads the interface; original logo retains its small pink brand accent. */
:root{--cyan:#48d7ff;--pink:#42b4ff}
.button.pink{background:#48d7ff;border-color:#48d7ff;color:#041827;box-shadow:0 0 18px #249dff38}
.button.pink:hover{background:#81e5ff;box-shadow:0 0 26px #249dff66}
.hero h1 em{background:linear-gradient(105deg,#42b4ff,#8fe9ff);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 0 24px #249dff40}
.eyebrow{color:#72d9ff;text-shadow:0 0 14px #249dff33}

/* Daily shopping leads the page; gifts remain an additional service. */
.shop-art{transform:none;min-height:440px}.shop-art::before,.shop-art::after{opacity:.3}.shop-selection{position:relative;z-index:2;display:grid;gap:10px;width:calc(100% - 48px);margin:65px 0 95px}.shop-product{display:grid;grid-template-columns:48px 1fr;column-gap:14px;padding:16px 18px;background:#0b1725e8;border:1px solid #48d7ff38;border-radius:12px}.shop-product>span{grid-row:1/3;align-self:center;font-size:1.9rem}.shop-product strong{font-size:.9rem}.shop-product small{color:var(--muted);font-size:.74rem}.shop-art .art-kicker{font-size:.65rem}.hero h1{font-size:clamp(2.7rem,5.6vw,4.8rem)}
@media(max-width:780px){.shop-art{min-height:420px}.shop-selection{width:calc(100% - 32px)}.shop-product{padding:14px}.hero h1{font-size:clamp(2.6rem,10vw,4.4rem)}}

/* Mobile header puts gift enquiries within one tap. */
.mobile-order{display:none}
@media(max-width:780px){.mobile-order:not([hidden]){display:inline-flex;margin-left:auto;padding:10px 12px;font-size:.78rem;min-height:44px;white-space:nowrap}.mobile-order:not([hidden])~.navlinks{display:none}}
@media(max-width:360px){nav .logo img{width:126px}nav{gap:8px}.mobile-order:not([hidden]){font-size:.72rem;padding-inline:10px}}

/* Customer quotations from the store's Google Maps profile. */
.review-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.google-review {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 26px;
  border: 1px solid #48d7ff38;
  border-radius: 14px;
  background: var(--panel);
}
.review-stars { color: #ffd479; letter-spacing: .12em; }
.google-review blockquote { margin: 16px 0 24px; flex: 1; }
.google-review blockquote p { margin: 0; color: var(--white); line-height: 1.8; }
.google-review figcaption { display: grid; gap: 8px; font-size: .85rem; }
.google-review figcaption a { color: var(--cyan); font-size: .77rem; text-decoration: underline; text-underline-offset: 4px; }
.review-summary strong { font-size: 1.5rem; color: var(--white); }
@media (max-width: 780px) {
  .review-grid { grid-template-columns: 1fr; }
}

/* Small pink accents complement the blue primary controls. */
:root { --accent-pink: #ff4cbd; }
::selection { background: #ff4cbd; color: #170b16; }
.eyebrow::before { background: var(--accent-pink); box-shadow: 0 0 9px #ff4cbd70; }
.hero h1 em { background-image: linear-gradient(105deg, #42b4ff 0%, #8fe9ff 85%, #f5b5e2 100%); }
.gift-panel { border-color: #ff4cbd45; box-shadow: 0 0 28px #ff4cbd0a; }
.google-review { border-top-color: #ff4cbd70; }
.google-review:hover { border-color: #ff4cbd60; }
.contact-email:hover, .text-button:hover { color: var(--accent-pink); }

.move-modal {
  position: fixed;
  width: min(560px, calc(100% - 32px));
  max-height: calc(100dvh - 32px);
  overflow: auto;
  margin: auto;
  padding: 40px;
  color: var(--white);
  background: radial-gradient(ellipse at top right, #ff4cbd15, transparent 60%), #101b25;
  border: 1px solid #48d7ff90;
  border-top-color: #ff4cbd80;
  border-radius: 20px;
  box-shadow: 0 24px 80px #0009, 0 0 36px #48d7ff16;
}
.move-modal::backdrop { background: #02060bd9; backdrop-filter: blur(7px); }
.move-modal h2 { font-size: clamp(1.8rem, 5vw, 2.6rem); margin-top: 16px; }
.move-modal p { color: var(--muted); }
.move-modal address { margin: 24px 0; font-size: 1.6rem; line-height: 1.5; font-style: normal; font-weight: 700; color: var(--cyan); }
.move-modal address span { color: var(--white); font-size: 1.1rem; }
.move-modal .actions { gap: 12px; }
.move-modal .button { font-size: .85rem; }
.move-modal-close { position: absolute; right: 12px; top: 12px; width: 44px; height: 44px; border: 1px solid #ffffff40; border-radius: 50%; background: #101b25; color: var(--white); font-size: 1.6rem; cursor: pointer; }
.move-modal-close:hover { border-color: var(--accent-pink); }
@media (max-width: 600px) {
  .move-modal { padding: 58px 24px 28px; }
  .move-modal .actions { flex-direction: column; }
}

.inquiry-group { min-width: 0; margin: 0; padding: 18px; border: 1px solid #48d7ff40; border-radius: 10px; }
.inquiry-group legend { padding: 0 8px; color: var(--cyan); font-weight: 700; }
.inquiry-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.form-trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.button:disabled { cursor: default; opacity: .65; transform: none; }
@media (max-width: 600px) { .inquiry-fields { grid-template-columns: 1fr; } .inquiry-fields .full { grid-column: auto; } }