/*
Theme Name: JLC Bicycles
Theme URI: https://jlcbicycles.com.au
Author: JLC Bicycles
Description: Comic-book one-page theme for JLC Bicycles, Maroochydore. E-bike motor rebuilds, suspension tuning, service estimator, booking form with stored bookings.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.0
License: GPLv2 or later
Text Domain: jlc-bicycles
*/
@font-face{font-family:Bangers;src:url(assets/fonts/bangers-v25-latin-regular.woff2) format("woff2");font-display:swap}
@font-face{font-family:Fredoka;font-weight:400;src:url(assets/fonts/fredoka-v17-latin-regular.woff2) format("woff2");font-display:swap}
@font-face{font-family:Fredoka;font-weight:600;src:url(assets/fonts/fredoka-v17-latin-600.woff2) format("woff2");font-display:swap}
@font-face{font-family:Fredoka;font-weight:700;src:url(assets/fonts/fredoka-v17-latin-700.woff2) format("woff2");font-display:swap}
@font-face{font-family:Inter;font-weight:400;src:url(assets/fonts/inter-v20-latin-regular.woff2) format("woff2");font-display:swap}
@font-face{font-family:Inter;font-weight:600;src:url(assets/fonts/inter-v20-latin-600.woff2) format("woff2");font-display:swap}
@font-face{font-family:Inter;font-weight:700;src:url(assets/fonts/inter-v20-latin-700.woff2) format("woff2");font-display:swap}
:root{--o:#FF6B00;--od:#D95200;--n:#0D1B3A;--nl:#182C59;--y:#FFD000;--c:#FFF9E8;--dots:#E8DDB8;--b:#00A3FF;--dirt:#7A3E1D;--sh:5px 5px 0 var(--n)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--n);background:var(--c);background-image:radial-gradient(var(--dots) 1.5px,transparent 1.5px);background-size:18px 18px;line-height:1.6}
::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--n)}::-webkit-scrollbar-thumb{background:var(--o);border:3px solid var(--n);border-radius:8px}
html{scrollbar-color:var(--o) var(--n)}
img{max-width:100%;display:block}a{color:inherit}
h1,h2,h3,.bangers{font-family:Bangers,Impact,sans-serif;letter-spacing:.04em;font-weight:400;margin:0;line-height:1.05}
.fred{font-family:Fredoka,sans-serif}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.btn{display:inline-flex;align-items:center;gap:.5em;font-family:Fredoka,sans-serif;font-weight:700;text-decoration:none;border:3px solid var(--n);border-radius:12px;padding:.75em 1.3em;box-shadow:var(--sh);cursor:pointer;transition:transform .15s,box-shadow .15s;font-size:1rem;background:var(--o);color:#fff;letter-spacing:.02em}
.btn:hover{transform:translate(-2px,-3px);box-shadow:7px 8px 0 var(--n)}.btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--n)}
.btn-y{background:var(--y);color:var(--n)}.btn-w{background:#fff;color:var(--n)}.btn-n{background:var(--n);color:#fff}.btn-b{background:var(--b);color:#fff}
.btn-sm{padding:.5em .9em;font-size:.9rem}
.label{display:inline-block;font-family:Fredoka,sans-serif;font-weight:700;background:var(--y);border:3px solid var(--n);border-radius:999px;padding:.25em 1em;box-shadow:3px 3px 0 var(--n);font-size:.85rem;transform:rotate(-2deg)}
.sec{padding:80px 0}.sec-head{text-align:center;max-width:760px;margin:0 auto 44px}
.sec-head h2{font-size:clamp(2.3rem,5vw,3.6rem);margin:14px 0 10px;text-shadow:3px 3px 0 var(--y)}
.sec-head p{font-size:1.1rem}
.card{background:#fff;border:4px solid var(--n);border-radius:14px;box-shadow:var(--sh)}
/* strip */
.strip{background:var(--y);border-bottom:3px solid var(--n);font-family:Fredoka,sans-serif;font-weight:600;font-size:.9rem}
.strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:7px;padding-bottom:7px;flex-wrap:wrap}
.strip .badge{background:var(--n);color:var(--y);border-radius:6px;padding:2px 10px;font-weight:700}
.strip a{font-weight:700;text-decoration:underline}
/* header */
.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:4px solid var(--n)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:10px;padding-bottom:10px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand img{width:58px;height:58px;border-radius:50%;box-shadow:3px 3px 0 var(--n)}
.obadge{width:4rem;height:4rem;flex:none;border-radius:50%;border:4px solid var(--n);background:var(--o);display:flex;align-items:center;justify-content:center;padding:4px;box-sizing:border-box;box-shadow:5px 5px 0 var(--n);transition:transform .3s}.obadge svg{width:100%;height:100%;display:block}.brand:hover .obadge{transform:rotate(12deg)}
.brand b{font-family:Bangers,sans-serif;font-size:1.9rem;letter-spacing:.05em;line-height:1;display:block}
.brand small{font-family:Fredoka,sans-serif;font-weight:700;color:var(--o);font-size:.78rem;letter-spacing:.08em}
.nav{display:flex;gap:22px;align-items:center}
.nav a{font-family:Fredoka,sans-serif;font-weight:600;text-decoration:none}.nav a:hover{color:var(--o)}
.hdr-actions{display:flex;gap:10px;align-items:center}
.burger{display:none;background:var(--y);border:3px solid var(--n);border-radius:10px;width:46px;height:46px;font-size:1.3rem;box-shadow:3px 3px 0 var(--n);cursor:pointer}
.mnav{display:none;border-top:3px solid var(--n);background:var(--c);padding:14px 20px}
.mnav a{display:block;padding:10px 0;font-family:Fredoka,sans-serif;font-weight:700;text-decoration:none;border-bottom:2px dashed var(--dots)}
.mnav.open{display:block}
/* hero */
/* contact strip */
.cstrip{background:var(--o);border-bottom:4px solid var(--n);color:#fff}
.cstrip .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:22px;padding-bottom:22px}
.cstrip .it{display:flex;gap:12px;align-items:center;font-family:Fredoka,sans-serif}
.cstrip .ic{width:50px;height:50px;flex:none;border-radius:12px;background:var(--n);border:3px solid #fff;display:grid;place-items:center;font-size:1.3rem;color:var(--y)}
.cstrip small{display:block;font-weight:700;opacity:.9;font-size:.8rem;letter-spacing:.06em}.cstrip b{font-size:1.1rem}.cstrip a{text-decoration:none}
/* services */
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.svc{padding:24px;display:flex;flex-direction:column;transition:transform .2s}
.svc:nth-child(odd){transform:rotate(-1deg)}.svc:nth-child(even){transform:rotate(1deg)}.svc:hover{transform:rotate(0) translateY(-6px)}
.svc .ic{width:62px;height:62px;border-radius:14px;border:3px solid var(--n);display:grid;place-items:center;font-size:1.6rem;box-shadow:3px 3px 0 var(--n);margin-bottom:14px}
.svc h3{font-size:1.75rem;margin-bottom:8px}.svc p{margin:0 0 12px;flex:1}
.svc .covers{font-size:.88rem;background:var(--c);border:2px dashed var(--n);border-radius:10px;padding:8px 10px;margin-bottom:16px}
/* motor */
.motor{background:var(--nl);color:#fff;border-top:6px solid var(--n);border-bottom:6px solid var(--n);background-image:radial-gradient(#22396f 2px,transparent 2px);background-size:16px 16px}
.motor .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:start}
.motor h2{font-size:clamp(2.2rem,4.6vw,3.4rem);color:var(--y);text-shadow:3px 3px 0 var(--o);margin:14px 0}
.brands{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}
.brand-box{background:var(--n);border:3px solid var(--y);border-radius:12px;padding:16px;box-shadow:4px 4px 0 var(--o)}
.brand-box h3{color:var(--o);font-size:1.6rem}.brand-box p{margin:4px 0 0;font-size:.95rem;color:#DDE3F2}
.panel{background:var(--c);color:var(--n);padding:26px;position:relative;transform:rotate(1deg)}
.panel .gbadge{position:absolute;top:-20px;right:-10px;transform:rotate(8deg);background:var(--y);border:3px solid var(--n);border-radius:10px;padding:4px 12px;font-family:Bangers,sans-serif;font-size:1.25rem;box-shadow:3px 3px 0 var(--n)}
.panel h3{font-size:1.8rem;margin-bottom:12px}
.steps{list-style:none;margin:0;padding:0;counter-reset:s}
.steps li{counter-increment:s;display:flex;gap:12px;padding:10px 0;border-bottom:2px dashed var(--dots)}
.steps li:before{content:counter(s);flex:none;width:34px;height:34px;border-radius:50%;background:var(--o);color:#fff;border:3px solid var(--n);display:grid;place-items:center;font-family:Bangers,sans-serif;font-size:1.2rem}
.steps b{font-family:Fredoka,sans-serif;display:block}.steps span{font-size:.92rem}
.local{margin-top:16px;text-align:center;background:var(--n);color:var(--y);border-radius:10px;padding:8px;font-family:Fredoka,sans-serif;font-weight:700}
/* estimator */
.est{display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:start}
.est .card{padding:26px}
.est h3{font-size:1.6rem;margin-bottom:12px}
.toggle{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:26px}
.toggle button{font-family:Fredoka,sans-serif;font-weight:700;font-size:1rem;padding:14px;border:3px solid var(--n);border-radius:12px;background:#fff;cursor:pointer;box-shadow:3px 3px 0 var(--n)}
.toggle button.on{background:var(--o);color:#fff}
.opt{display:flex;align-items:center;gap:12px;padding:12px 14px;border:3px solid var(--n);border-radius:12px;margin-bottom:10px;cursor:pointer;background:#fff;font-family:Fredoka,sans-serif;font-weight:600}
.opt input{width:22px;height:22px;accent-color:var(--o)}.opt .pr{margin-left:auto;font-weight:700;color:var(--od)}
.opt.dis{opacity:.45;cursor:not-allowed;background:#eee}.opt.express{background:#FFF3C4}
.result{background:var(--n)!important;color:#fff;text-align:center;transform:rotate(-1deg)}
.result .tot{font-family:Bangers,sans-serif;font-size:3.6rem;color:var(--y);text-shadow:3px 3px 0 var(--o);line-height:1;margin:10px 0}
.result ul{text-align:left;list-style:none;padding:0;margin:18px 0}.result li{padding:4px 0}.result li i{color:var(--y);margin-right:8px}
.result small{color:#C9D2E8}
/* gallery */
.gal{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.gal figure{margin:0;border:4px solid var(--n);border-radius:12px;overflow:hidden;box-shadow:var(--sh);background:#fff;transition:transform .2s}
.gal figure:nth-child(3n){transform:rotate(1.5deg)}.gal figure:nth-child(3n+1){transform:rotate(-1.2deg)}.gal figure:hover{transform:scale(1.03) rotate(0)}
.gal img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.gal figcaption{font-family:Fredoka,sans-serif;font-weight:600;font-size:.85rem;padding:6px 10px;border-top:3px solid var(--n)}
/* trail */
.trail{background:var(--y);border-top:6px solid var(--n);border-bottom:6px solid var(--n)}
.tc{max-width:820px;margin:0 auto;padding:26px;overflow-x:auto}
.tc table{width:100%;border-collapse:collapse;font-family:Fredoka,sans-serif}
.tc th,.tc td{border:3px solid var(--n);padding:10px;text-align:center}.tc th{background:var(--n);color:#fff}
.tc td:first-child{text-align:left;font-weight:700;background:var(--c)}
.tc input{width:100%;max-width:120px;font:inherit;font-weight:700;padding:6px;border:2px solid var(--n);border-radius:8px;text-align:center}
.tc .out td{background:#FFE9D6;font-weight:700;font-size:1.15rem}.tc .notes{font-size:.88rem;margin-top:14px}
/* faq */
.faq{max-width:860px;margin:0 auto}
.faq details{background:#fff;border:4px solid var(--n);border-radius:14px;box-shadow:var(--sh);margin-bottom:16px;overflow:hidden}
.faq summary{list-style:none;cursor:pointer;padding:18px 22px;font-family:Fredoka,sans-serif;font-weight:700;font-size:1.1rem;display:flex;justify-content:space-between;gap:10px}
.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:Bangers;font-size:1.8rem;line-height:1;color:var(--o)}
.faq details[open] summary{background:var(--y);border-bottom:3px solid var(--n)}.faq details[open] summary:after{content:"–"}
.faq details p{padding:0 22px 18px;margin:16px 0 0}
/* footer */
.site-footer{background:var(--n);color:#DDE3F2;border-top:6px solid var(--o);padding:60px 0 24px}
.site-footer .cols{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:36px}
.site-footer h4{font-family:Bangers,sans-serif;font-size:1.6rem;color:var(--y);margin:0 0 14px;letter-spacing:.05em;font-weight:400}
.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{padding:5px 0}.site-footer li i{color:var(--o);width:22px}
.site-footer a{text-decoration:none}.site-footer a:hover{color:var(--y)}
.site-footer .brand b{color:#fff}.copy{text-align:center;border-top:2px dashed var(--nl);margin-top:40px;padding-top:20px;font-size:.9rem}
/* modal */
.modal{position:fixed;inset:0;z-index:100;background:rgba(13,27,58,.75);display:none;align-items:flex-start;justify-content:center;padding:30px 14px;overflow-y:auto}
.modal.open{display:flex}
.mbox{background:var(--c);border:5px solid var(--n);border-radius:18px;box-shadow:10px 10px 0 var(--o);width:100%;max-width:620px;position:relative}
.mhead{background:var(--o);color:#fff;border-bottom:4px solid var(--n);padding:18px 24px;border-radius:12px 12px 0 0}
.mhead h3{font-size:2.1rem;text-shadow:2px 2px 0 var(--n)}.mhead p{margin:0;font-family:Fredoka,sans-serif;font-weight:600}
.mclose{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:50%;border:3px solid var(--n);background:var(--y);font-size:1.2rem;cursor:pointer}
.mform{padding:22px 24px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mform .full{grid-column:1/-1}
.mform label{font-family:Fredoka,sans-serif;font-weight:700;font-size:.9rem;display:block;margin-bottom:4px}
.mform input,.mform select,.mform textarea{width:100%;font:inherit;padding:10px 12px;border:3px solid var(--n);border-radius:10px;background:#fff}
.mform input:focus,.mform select:focus,.mform textarea:focus{outline:3px solid var(--b);outline-offset:1px}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.ferr{color:#B00020;font-weight:700;font-family:Fredoka,sans-serif}
.msuccess{padding:40px 26px;text-align:center;display:none}.msuccess h3{font-size:2.4rem;color:var(--o);text-shadow:2px 2px 0 var(--n);margin-bottom:12px}
@media (max-width:1024px){.grid4{grid-template-columns:1fr 1fr}.gal{grid-template-columns:repeat(3,1fr)}.nav{display:none}.burger{display:block}.hdr-actions .btn-y{display:none}}
@media (max-width:820px){.motor .wrap,.est,.site-footer .cols{grid-template-columns:1fr}.cstrip .wrap{grid-template-columns:1fr}.gal{grid-template-columns:1fr 1fr}.strip .wrap{justify-content:center;text-align:center}}
@media (max-width:560px){.grid4,.brands{grid-template-columns:1fr}.mform{grid-template-columns:1fr}.brand b{font-size:1.5rem}.brand img{width:46px;height:46px}.obadge{width:3.5rem;height:3.5rem}.hdr-actions .btn{padding:.5em .8em;font-size:.85rem}.sec{padding:56px 0}.strip .badge{display:none}.brand small{font-size:.62rem;white-space:nowrap}}

/* original Google Site hero (Tailwind converted) */
.ohero{background-color:#0D1B3A;background-image:radial-gradient(#182C59 25%,transparent 25%),radial-gradient(#182C59 25%,transparent 25%);background-size:20px 20px;background-position:0 0,10px 10px;color:#fff;padding:3rem 1rem;position:relative;overflow:hidden;border-bottom:4px solid #0D1B3A}
.oh-pop{position:absolute;font-family:Bangers,cursive;font-size:1.875rem;line-height:2.25rem;padding:.5rem 1rem;border-radius:1rem;border:4px solid #0D1B3A;box-shadow:8px 8px 0 #0D1B3A;z-index:1}
.oh-pow{top:2rem;left:3rem;background:#FFD000;color:#0D1B3A;transform:rotate(-6deg);animation:ohBounce 1s infinite}
.oh-boom{bottom:2rem;right:3rem;background:#FF6B00;color:#fff;transform:rotate(6deg)}
@keyframes ohBounce{0%,100%{translate:0 -25%;animation-timing-function:cubic-bezier(.8,0,1,1)}50%{translate:0 0;animation-timing-function:cubic-bezier(0,0,.2,1)}}
.oh-grid{max-width:80rem;margin:0 auto;display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:center;position:relative;z-index:10}
.oh-left{text-align:center}.oh-left>*+*{margin-top:1.5rem}
.oh-pill{display:inline-block;background:#FFD000;color:#0D1B3A;font-family:Fredoka,sans-serif;font-weight:700;font-size:1rem;line-height:1.5rem;padding:.375rem 1rem;border-radius:9999px;border:4px solid #0D1B3A;box-shadow:5px 5px 0 #0D1B3A;text-transform:uppercase;letter-spacing:.05em;transform:rotate(-1deg)}
.oh-h1{font-family:Bangers,cursive;font-weight:400;font-size:8rem;line-height:1;letter-spacing:.025em;color:#FFD000;margin-bottom:0;filter:drop-shadow(0 6px 0 #0D1B3A);text-shadow:none}.oh-h1 span{color:#FF6B00}
.oh-lead{font-family:Fredoka,sans-serif;font-size:1.5rem;line-height:1.625;color:#f1f5f9;max-width:42rem;margin-bottom:0}
.oh-ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;padding-top:.5rem}
.oh-btn{display:flex;align-items:center;gap:.75rem;font-family:Bangers,cursive;font-size:1.5rem;line-height:2rem;padding:1rem 2rem;border-radius:1rem;border:4px solid #0D1B3A;box-shadow:8px 8px 0 #0D1B3A;color:#fff;text-decoration:none;cursor:pointer;letter-spacing:normal;transition:all .15s cubic-bezier(.175,.885,.32,1.275)}
.oh-btn:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 #0D1B3A}.oh-btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 #0D1B3A}
.oh-btn-o{background:#FF6B00}.oh-btn-o:hover{background:#D95200}.oh-btn-b{background:#00A3FF}.oh-btn-b:hover{background:#2563eb}
.oh-ticks{padding-top:1.5rem;border-top:2px solid rgba(51,65,85,.6);display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;font-family:Fredoka,sans-serif;font-size:.875rem;line-height:1.25rem}
.oh-ticks>div{display:flex;align-items:center;gap:.5rem}.oh-ticks i{color:#FFD000;font-size:1.125rem}
.oh-right{display:flex;justify-content:center}
.oh-frame{position:relative;max-width:28rem;width:100%}
.oh-back{position:absolute;inset:-1rem;background:#FFD000;border-radius:1.5rem;border:4px solid #0D1B3A;transform:rotate(3deg);box-shadow:12px 12px 0 #0D1B3A}
.oh-card{position:relative;background:#fff;padding:1rem;border-radius:1.5rem;border:4px solid #0D1B3A;box-shadow:8px 8px 0 #0D1B3A;transform:rotate(-2deg)}
.oh-inner{position:relative;overflow:hidden;border-radius:1rem;border:4px solid #0D1B3A;background:linear-gradient(to bottom,#00A3FF,#0D1B3A);padding:1.5rem;text-align:center}
.oh-svg{width:100%;height:auto;display:block;filter:drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06))}
.oh-label{margin-top:.5rem;background:#FFD000;color:#0D1B3A;font-family:Bangers,cursive;font-size:1.5rem;line-height:2rem;padding:.25rem .75rem;border-radius:.75rem;border:4px solid #0D1B3A}
.oh-bubble{position:absolute;top:-1.5rem;right:-.5rem;background:#FFD000;color:#0D1B3A;font-family:Bangers,cursive;font-size:1.25rem;line-height:1.75rem;padding:.5rem 1rem;border-radius:1rem;border:4px solid #0D1B3A;box-shadow:5px 5px 0 #0D1B3A;transform:rotate(4deg)}
.oh-bubble:after{content:"";position:absolute;bottom:-20px;left:30px;border-width:20px 20px 0 0;border-style:solid;border-color:#FFD000 transparent transparent transparent;width:0}
@media (max-width:1023px){.oh-pow{left:1rem}.oh-boom{right:1rem}.oh-h1{font-size:6rem}}
@media (min-width:1024px){.ohero{padding:5rem 2rem}.oh-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.oh-left{grid-column:span 7/span 7;text-align:left}.oh-right{grid-column:span 5/span 5}.oh-ctas,.oh-ticks{justify-content:flex-start}}
@media (max-width:767px){.oh-pop{font-size:1.5rem;line-height:2rem}.oh-h1{font-size:4.5rem}.oh-lead{font-size:1.25rem;line-height:1.75rem}.oh-pill{font-size:.875rem;line-height:1.25rem}.obadge{width:3.5rem;height:3.5rem}}
@media (max-width:639px){.oh-pop{display:none}.oh-h1{font-size:3.75rem}}
.oh-left h1,.oh-left p{margin:0}.oh-left>*+*{margin-top:1.5rem}

/* Workshop banner (full width, above hero) */
.jlc-banner{background-color:#0D1B3A;background-image:radial-gradient(#182C59 25%,transparent 25%),radial-gradient(#182C59 25%,transparent 25%);background-size:20px 20px;background-position:0 0,10px 10px;padding:24px 16px 8px;display:flex;justify-content:center}
.jlc-banner picture{display:block;width:100%;max-width:1100px}
.jlc-banner img{display:block;width:100%;height:auto;border:4px solid #111;border-radius:14px;box-shadow:8px 8px 0 #ffd400}
@media (max-width:640px){.jlc-banner{padding:14px 10px 4px}.jlc-banner img{border-width:3px;border-radius:10px;box-shadow:5px 5px 0 #ffd400}}

/* Jeffrey's JLC monkey logo */
.jlc-logo{width:5rem;flex:none;display:block;transition:transform .3s}
.jlc-logo img{width:100%;height:auto;display:block;filter:drop-shadow(3px 3px 0 rgba(13,27,58,.35))}
.brand:hover .jlc-logo{transform:rotate(-6deg) scale(1.05)}
@media (max-width:640px){.jlc-logo{width:3.8rem}}
.oh-logo{width:100%;height:auto;display:block;filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 3px #fff) drop-shadow(0 6px 6px rgba(0,0,0,.4))}