/* Food Tray Ordering Checklist — Jojie's Website Suite v1.10.9 */
.fto,.fto *{box-sizing:border-box}
.fto{--fto-primary:var(--jws-page-primary,#12324a);--fto-accent:var(--jws-page-accent,#c49a3a);--fto-bg:var(--jws-page-bg,#fff);--fto-soft:var(--jws-page-soft,#f7f4ed);--fto-text:var(--jws-page-text,#27323b);--fto-muted:var(--jws-page-muted,#66717a);--fto-border:var(--jws-page-border,rgba(18,50,74,.16));--fto-heading:var(--jws-page-heading,"Playfair Display",Georgia,serif);--fto-body:var(--jws-page-body,"Poppins",Arial,sans-serif);--fto-shadow:0 18px 50px rgba(18,50,74,.1);--fto-gold-soft:#fff7e6;--fto-blue-soft:#edf4f7;--fto-terracotta:#a83232;background:#fff;color:var(--fto-text);font-family:var(--fto-body);font-size:16px;line-height:1.75}
.fto h1,.fto h2,.fto h3{color:var(--fto-primary);font-family:var(--fto-heading);line-height:1.13;margin:0}
.fto h1{font-size:clamp(3rem,5.3vw,5.7rem);letter-spacing:-.045em;max-width:860px}
.fto h2{font-size:clamp(2.15rem,3.8vw,3.8rem);letter-spacing:-.025em;margin-bottom:18px}
.fto h3{font-size:clamp(1.25rem,2vw,1.62rem);margin-bottom:10px}
.fto p{margin:0 0 18px}.fto ul,.fto ol{margin:0 0 22px;padding-left:1.35rem}.fto li+li{margin-top:7px}
.fto a{color:var(--fto-primary);font-weight:600;text-decoration-thickness:1px;text-underline-offset:3px}
.fto img{display:block;height:auto;max-width:100%}
.fto button,.fto a{transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease}
.fto :focus-visible{outline:3px solid #1d75aa;outline-offset:3px}
.fto__wrap{margin-inline:auto;max-width:none;padding-inline:clamp(24px,4vw,72px);width:100%}
.fto__eyebrow,.fto__section-kicker,.fto__mini-label{color:#9a6b16;font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}

/* Hero */
.fto__hero{background:linear-gradient(135deg,#f7f0df 0%,#fff 49%,#eaf2f6 100%);border-bottom:1px solid #e8ddc5;overflow:hidden}
.fto__hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);margin:0;max-width:none;min-height:700px;width:100%}
.fto__hero-copy{align-self:center;max-width:980px;padding:clamp(54px,6vw,105px) clamp(28px,5vw,88px)}
.fto__hero-subtitle{color:#9b6a12;font-family:var(--fto-heading);font-size:clamp(1.45rem,2.6vw,2.6rem);font-weight:700;line-height:1.2;margin:11px 0 25px}
.fto__dek{color:#203846;font-size:clamp(1.12rem,1.7vw,1.45rem);line-height:1.58;max-width:760px}
.fto__guide-label{align-items:flex-start;background:rgba(255,255,255,.76);border:1px solid #e5d4ad;border-radius:14px;display:flex;gap:13px;margin:26px 0 0;max-width:720px;padding:17px 19px}
.fto__guide-label>span{align-items:center;background:var(--fto-accent);border-radius:50%;color:#21180d;display:flex;flex:0 0 31px;font-weight:900;height:31px;justify-content:center}
.fto__guide-label strong,.fto__guide-label small{display:block}.fto__guide-label strong{color:#203846;font-size:.84rem}.fto__guide-label small{color:var(--fto-muted);font-size:.76rem;line-height:1.55;margin-top:3px}
.fto__hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:27px}
.fto__hero-image{margin:0;min-height:700px;min-width:0;overflow:hidden;position:relative}
.fto__hero-image:after{background:linear-gradient(90deg,rgba(255,255,255,.32),transparent 22%);content:"";inset:0;pointer-events:none;position:absolute}
.fto__hero-image img{height:100%;object-fit:cover;object-position:72% center;width:100%}
.fto__button{align-items:center;border:1px solid var(--fto-primary);border-radius:999px;display:inline-flex;font-size:.88rem;font-weight:800;justify-content:center;min-height:50px;padding:12px 22px;text-decoration:none!important}
.fto__button:hover{box-shadow:0 10px 24px rgba(18,50,74,.15);transform:translateY(-2px)}
.fto__button--gold{background:var(--fto-accent);border-color:var(--fto-accent);color:#21180d!important}.fto__button--ghost{background:#fff;color:var(--fto-primary)!important}
.fto__button--terracotta{background:var(--fto-terracotta);border-color:var(--fto-terracotta);color:#fff!important}.fto__button--ghost-light{background:transparent;border-color:#fff;color:#fff!important}

/* Quick answer */
.fto__quick-answer{background:#f7edda;border-bottom:1px solid #e7d4ae;border-top:1px solid #ead9bb;padding:26px 0}
.fto__quick-grid{align-items:center;display:grid;gap:clamp(24px,3vw,48px);grid-template-columns:minmax(280px,.58fr) minmax(0,1.42fr);width:100%}
.fto__quick-grid h2{font-size:clamp(1.65rem,2.4vw,2.45rem);margin:5px 0 0}
.fto__quick-grid ul{display:grid;gap:8px 10px;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:0}
.fto__quick-grid li{background:#fff;border:1px solid #e5d1a8;border-radius:999px;color:#2a4250;font-size:.78rem;font-weight:700;margin:0;padding:9px 12px;text-align:center}

/* Main layout */
.fto__layout{align-items:start;display:grid;gap:clamp(30px,3vw,56px);grid-template-columns:250px minmax(0,1fr);max-width:none;padding-bottom:104px;padding-top:52px;width:100%}
.fto__toc{background:#fffaf0;border-left:4px solid var(--fto-accent);border-radius:0 14px 14px 0;padding:20px 18px;position:sticky;top:24px}
.fto__toc-title{color:var(--fto-primary);display:block;font-size:.76rem;letter-spacing:.12em;margin-bottom:12px;text-transform:uppercase}
.fto__toc nav{display:grid;gap:2px}.fto__toc a{border-radius:8px;color:#53626b;font-size:.78rem;font-weight:600;line-height:1.35;padding:9px 10px;text-decoration:none}.fto__toc a:hover,.fto__toc a.is-active{background:#f1e2c3;color:var(--fto-primary)}
.fto__content{min-width:0;width:100%}.fto__section{scroll-margin-top:90px;width:100%}.fto__section+.fto__section{border-top:1px solid var(--fto-border);margin-top:82px;padding-top:82px}
.fto__section>p:not(.fto__section-kicker):not(.fto__emphasis){max-width:940px}
.fto__section-kicker{margin-bottom:8px}.fto__mini-label{display:block;margin-bottom:5px}
.fto__figure{background:#f8f5ee;border:1px solid var(--fto-border);border-radius:18px;box-shadow:var(--fto-shadow);margin:32px 0;overflow:hidden;width:100%}.fto__figure img{width:100%}.fto__figure--wide{max-width:none;width:100%}

/* Content components */
.fto__steps{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:30px}.fto__step{background:#fff;border:1px solid var(--fto-border);border-radius:14px;padding:24px}.fto__step>span{color:#ad7b20;font-family:var(--fto-heading);font-size:2rem;font-weight:700}.fto__step h3{font-size:1.28rem;margin:8px 0}.fto__step p{color:var(--fto-muted);font-size:.89rem;margin:0}
.fto__note{background:var(--fto-gold-soft);border-left:5px solid var(--fto-accent);border-radius:0 13px 13px 0;display:block;margin-top:28px;padding:20px 23px}.fto__note strong{color:var(--fto-primary);display:block;font-family:var(--fto-heading);font-size:1.23rem;margin-bottom:4px}.fto__note p{margin:0}
.fto__chip-list{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 30px}.fto__chip-list span{background:#eef4f7;border:1px solid #cedde4;border-radius:999px;color:#345166;font-size:.78rem;font-weight:700;padding:9px 13px}
.fto__two-column{display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr));margin:30px 0}.fto__two-column>div{background:#fff;border:1px solid var(--fto-border);border-radius:14px;padding:26px}.fto__two-column p:last-child{margin-bottom:0}
.fto__corporate-callout{align-items:center;background:linear-gradient(135deg,#12324a,#1d516e);border-radius:17px;color:#eaf4f8;display:grid;gap:28px;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);margin:30px 0;padding:clamp(27px,4vw,42px)}.fto__corporate-callout h3{color:#fff}.fto__corporate-callout .fto__mini-label{color:#e3bc67}.fto__corporate-callout p:last-child,.fto__corporate-callout ul{margin-bottom:0}
.fto__choice-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin:28px 0}.fto__choice-grid article{background:#fff;border:1px solid var(--fto-border);border-radius:15px;padding:27px}.fto__choice-grid span{color:#b27c19;font-family:var(--fto-heading);font-size:2.3rem}.fto__choice-grid p:last-child{margin-bottom:0}
.fto__tick-list{list-style:none;padding:0}.fto__tick-list li{padding-left:28px;position:relative}.fto__tick-list li:before{background:var(--fto-accent);border-radius:50%;color:#1e160d;content:"✓";font-size:.68rem;font-weight:900;height:18px;left:0;line-height:18px;position:absolute;text-align:center;top:5px;width:18px}
.fto__context-cta{align-items:center;background:linear-gradient(135deg,#15374d,#0f293a);border-radius:17px;color:#eaf3f7;display:grid;gap:30px;grid-template-columns:minmax(0,1fr) auto;margin:34px 0;padding:clamp(26px,4vw,42px)}.fto__context-cta h3{color:#fff}.fto__context-cta .fto__mini-label{color:#e1bb69}.fto__context-cta p:last-child{margin-bottom:0}.fto__context-actions{display:flex;flex-direction:column;gap:10px;min-width:220px}
.fto__info-grid,.fto__warning-grid,.fto__review-grid{display:grid;gap:15px;grid-template-columns:repeat(2,minmax(0,1fr));margin:27px 0}.fto__info-grid article,.fto__warning-grid article,.fto__review-grid article{background:#fff;border:1px solid var(--fto-border);border-radius:14px;padding:24px}.fto__info-grid ul{margin-bottom:0}.fto__warning-grid article{background:#fffaf1;border-color:#ead7af}.fto__warning-grid strong{color:var(--fto-primary);font-family:var(--fto-heading);font-size:1.14rem}.fto__warning-grid p{font-size:.88rem;margin:6px 0 0}.fto__review-grid article>span{color:#9d701e;font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.fto__review-grid p:last-child{margin-bottom:0}
.fto__copy-card{background:#122f42;border-radius:17px;color:#edf5f8;margin:32px 0;padding:clamp(24px,4vw,40px)}.fto__copy-card h3{color:#fff}.fto__copy-card .fto__mini-label{color:#e1bb69}.fto__copy-head{align-items:center;display:flex;gap:20px;justify-content:space-between}.fto__copy-button{background:var(--fto-accent);border:0;border-radius:999px;color:#21180d;cursor:pointer;font:800 .82rem/1 var(--fto-body);min-height:48px;padding:12px 18px}.fto__copy-card pre{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:12px;color:#fff;font:500 .83rem/1.75 var(--fto-body);margin:22px 0 0;overflow:auto;padding:21px;white-space:pre-wrap}.fto__copy-status{color:#f4d58f;font-size:.78rem;margin:10px 0 0;min-height:1.5em}
.fto__transport-options{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin:28px 0}.fto__transport-options article{background:var(--fto-blue-soft);border:1px solid #cedde5;border-radius:14px;padding:25px}.fto__transport-options p:last-child{margin-bottom:0}.fto__vehicle-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));margin:25px 0}.fto__vehicle-grid>div{border:1px solid var(--fto-border);border-radius:14px;padding:25px}.fto__vehicle-grid ul{margin-bottom:0}.fto__emphasis{background:#f7edda;border-radius:12px;color:#354b58;font-weight:700;max-width:1000px;padding:17px 20px}
.fto__location-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin:27px 0}.fto__location-grid article{background:#fff;border:1px solid var(--fto-border);border-radius:14px;padding:23px}.fto__location-grid article:last-child{grid-column:span 2}.fto__location-grid p:last-child{margin-bottom:0}
.fto__handover-layout{align-items:center;display:grid;gap:38px;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);margin:28px 0}.fto__handover-layout .fto__figure{margin:0}
.fto__good-to-know{background:linear-gradient(135deg,#fff8e8,#edf4f7);border:1px solid #e0cfaa;border-radius:18px;padding:clamp(28px,5vw,52px)}.fto__good-to-know ul{column-count:2;column-gap:42px;margin-bottom:0}.fto__good-to-know li{break-inside:avoid;margin-bottom:10px}


/* True full-width editorial canvas: section structures use the available width while prose remains readable. */
.fto__steps,.fto__two-column,.fto__corporate-callout,.fto__choice-grid,.fto__context-cta,.fto__info-grid,.fto__warning-grid,.fto__review-grid,.fto__copy-card,.fto__transport-options,.fto__vehicle-grid,.fto__location-grid,.fto__handover-layout,.fto__good-to-know,.fto__checklist-toolbar,.fto__checklist-grid,.fto__faq,.fto__cta,.fto__related{width:100%}
.fto__note{max-width:1100px}
.fto__emphasis{max-width:1100px}
@media(min-width:1500px){.fto__location-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.fto__location-grid article:last-child{grid-column:auto}.fto__checklist-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Checklist */
.fto__checklist-toolbar{align-items:center;background:#f4f7f8;border:1px solid var(--fto-border);border-radius:14px;display:flex;flex-wrap:wrap;gap:9px;margin:28px 0;padding:14px}.fto__checklist-toolbar button{background:#fff;border:1px solid #9cb0bc;border-radius:999px;color:var(--fto-primary);cursor:pointer;font:800 .78rem/1 var(--fto-body);min-height:46px;padding:11px 16px}.fto__checklist-toolbar button:first-child{background:var(--fto-primary);color:#fff}.fto__checklist-toolbar span{color:var(--fto-muted);font-size:.77rem;margin-left:auto;min-height:1.5em}
.fto__checklist-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.fto__check-group{background:#fff;border:1px solid var(--fto-border);border-radius:15px;margin:0;padding:22px}.fto__check-group legend{color:var(--fto-primary);font-family:var(--fto-heading);font-size:1.25rem;font-weight:700;padding:0 7px}.fto__check-group label{align-items:flex-start;cursor:pointer;display:flex;gap:11px;font-size:.86rem;line-height:1.5;padding:7px 0}.fto__check-group input{accent-color:var(--fto-primary);flex:0 0 20px;height:20px;margin-top:1px;width:20px}.fto__check-group input:checked+span{color:#647079;text-decoration:line-through}

/* FAQ and CTA */
.fto__faq{border-top:1px solid var(--fto-border);margin-top:24px}.fto__faq-item{border-bottom:1px solid var(--fto-border)}.fto__faq-item h3{margin:0}.fto__faq-button{align-items:center;background:transparent;border:0;color:var(--fto-primary);cursor:pointer;display:flex;font:700 1.12rem/1.35 var(--fto-heading);justify-content:space-between;min-height:62px;padding:17px 0;text-align:left;width:100%}.fto__faq-button:after{content:"+";font-family:Arial,sans-serif;font-size:1.5rem;font-weight:400;margin-left:20px}.fto__faq-button[aria-expanded="true"]:after{content:"−"}.fto__faq-panel{padding:0 0 20px}.fto__faq-panel p{margin:0;max-width:960px}
.fto__cta{background:linear-gradient(135deg,#0e2939,#174f68);border-radius:20px;color:#eaf4f8;margin-top:80px;padding:clamp(34px,6vw,64px);text-align:center}.fto__cta h2{color:#fff}.fto__cta>p{margin:0 auto 28px;max-width:840px}.fto__cta .fto__section-kicker{color:#e1bb69}.fto__cta-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));text-align:left}.fto__cta-grid a{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:14px;color:#fff;display:block;padding:24px;text-decoration:none}.fto__cta-grid a:hover{background:rgba(255,255,255,.14);transform:translateY(-2px)}.fto__cta-grid span,.fto__cta-grid strong,.fto__cta-grid em{display:block}.fto__cta-grid span{color:#cbdde6;font-size:.72rem;margin-bottom:8px;text-transform:uppercase}.fto__cta-grid strong{font-family:var(--fto-heading);font-size:1.25rem}.fto__cta-grid em{color:#f1cf83;font-size:.79rem;font-style:normal;margin-top:12px}.fto__contact-line{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:28px 0 8px!important}.fto__contact-line a{color:#fff}.fto__trust{color:#c7dbe4;font-size:.78rem!important;margin:0!important}
.fto__related{margin-top:62px}.fto__related>div{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.fto__related a{background:#fff;border:1px solid var(--fto-border);border-radius:14px;display:block;padding:22px;text-decoration:none}.fto__related a:hover{box-shadow:0 12px 28px rgba(18,50,74,.08);transform:translateY(-2px)}.fto__related strong,.fto__related span{display:block}.fto__related strong{color:var(--fto-primary);font-family:var(--fto-heading);font-size:1.2rem}.fto__related span{color:var(--fto-muted);font-size:.82rem;margin-top:4px}

@media(max-width:1180px){.fto__hero-grid{grid-template-columns:1fr}.fto__hero-image{min-height:clamp(420px,54vw,620px)}.fto__hero-image img{object-position:70% center}.fto__hero-copy{max-width:none;padding:60px clamp(24px,5vw,52px)}.fto__quick-grid{grid-template-columns:1fr}.fto__quick-grid ul{grid-template-columns:repeat(4,minmax(0,1fr))}.fto__layout{grid-template-columns:1fr;padding-top:0}.fto__toc{border-left:0;border-radius:0;margin:0 calc(50% - 50vw) 44px;overflow:visible;padding:9px 15px;position:sticky;top:0;width:100vw;z-index:40}.fto__toc-title{display:none}.fto__toc nav{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.fto__toc a{background:#fff8e8;border:1px solid #ead5ac;border-radius:999px;flex:0 0 auto;min-height:44px;padding:11px 14px;white-space:nowrap}.fto__section{scroll-margin-top:76px}.fto__location-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fto__location-grid article:last-child{grid-column:auto}.fto__handover-layout{grid-template-columns:1fr}.fto__handover-layout .fto__figure{max-width:900px}}
@media(max-width:860px){.fto__wrap{padding-inline:18px;width:100%}.fto__steps,.fto__transport-options,.fto__cta-grid{grid-template-columns:1fr}.fto__two-column,.fto__choice-grid,.fto__info-grid,.fto__warning-grid,.fto__review-grid,.fto__vehicle-grid,.fto__checklist-grid,.fto__related>div{grid-template-columns:1fr}.fto__corporate-callout,.fto__context-cta{grid-template-columns:1fr}.fto__context-actions{flex-direction:row;flex-wrap:wrap;min-width:0}.fto__good-to-know ul{column-count:1}.fto__quick-grid ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.fto{font-size:15.5px}.fto__wrap{padding-inline:14px;width:100%}.fto__hero-copy{padding:42px 18px 34px}.fto__hero-image{min-height:330px}.fto__hero-actions .fto__button,.fto__context-actions .fto__button{flex:1 1 100%}.fto__quick-answer{padding:21px 0}.fto__quick-grid ul{grid-template-columns:1fr}.fto__section+.fto__section{margin-top:54px;padding-top:54px}.fto__location-grid{grid-template-columns:1fr}.fto__copy-head{align-items:flex-start;flex-direction:column}.fto__copy-button{width:100%}.fto__copy-card pre{font-size:.77rem;padding:16px}.fto__checklist-toolbar{align-items:stretch;flex-direction:column}.fto__checklist-toolbar button{width:100%}.fto__checklist-toolbar span{margin-left:0;text-align:center}.fto__cta{border-radius:14px;margin-inline:-3px}.fto__contact-line{flex-direction:column}.fto__contact-line span{display:none}}
@media(prefers-reduced-motion:reduce){.fto *,.fto *:before,.fto *:after{scroll-behavior:auto!important;transition:none!important}}
@media print{body *{visibility:hidden!important}#ordering-checklist,#ordering-checklist *{visibility:visible!important}#ordering-checklist{background:#fff!important;left:0;position:absolute;top:0;width:100%}#ordering-checklist .fto__figure,#ordering-checklist .fto__checklist-toolbar{display:none!important}#ordering-checklist .fto__checklist-grid{grid-template-columns:1fr 1fr}#ordering-checklist .fto__check-group{break-inside:avoid;box-shadow:none}}
