/* Fun2Cebu · Taiwanese pantry, Cebu sunshine. September 2026. */
body.seaside{--navy:#18396e;--navy-deep:#102951;--yellow:#f2d570;--cream:#fff4cf;--bg:#fffdf6;--surface:#fff;--surface2:#f8efcf;--fg:#18396e;--text:#18396e;--muted:#52617a;--border:#d9dccf;--border2:#d9dccf;--primary:#18396e;--accent:#18396e;--accent-dark:#102951;--accent-light:#31598e;--accent-soft:#18396e0c;--ocean:#18396e;--ocean-dark:#102951;--ocean-soft:#18396e0c;--sand:#f2d570;--sand-soft:#fff4cf;background:var(--bg);color:var(--text);color-scheme:light;font-size:16px}
body.seaside :is(h1,h2,h3,.h1,.h2,.h3,.card-title,.pillar-title,.phase-title){color:var(--navy);font-family:Georgia,'Noto Serif TC','PMingLiU',serif;font-weight:600;line-height:1.4;letter-spacing:.025em;text-wrap:balance}
body.seaside :is(.lead,.card-desc,.card-meta,.card-stock,.pillar-desc,.phase-desc,.meta,.admin-hint,.admin-status,.contact-label,.contact-subtitle,.product-detail-description,.product-detail-meta-label){color:var(--muted);line-height:1.8}
body.seaside :is(.section,.section-alt){background:var(--bg);color:var(--navy);padding-block:88px}
body.seaside .container{width:88%;max-width:1380px}
body.seaside .topnav{background:#fffdf6f5;color:var(--navy);border-bottom:1px solid #18396e18;backdrop-filter:blur(14px)}
body.seaside .topnav.scrolled{box-shadow:0 4px 22px #18396e0c}
body.seaside .topnav-inner{min-height:84px;padding-block:12px;gap:24px}
body.seaside :is(.logo,.foot-logo){font-family:Georgia,serif;font-weight:700;letter-spacing:-.05em;font-size:30px;color:var(--navy)}
body.seaside :is(.logo span,.foot-logo span){color:#a77a12;font-style:italic}
body.seaside :is(.nav-links a,.lang-switch,.menu-toggle){color:var(--navy);font-size:14px}
body.seaside .nav-links{gap:32px}
body.seaside .nav-links a{letter-spacing:.08em}
body.seaside :is(.mobile-nav-panel,.mobile-nav-inner,.menu-toggle){background:var(--bg);border-color:var(--border)}
body.seaside .mobile-nav-panel a{color:var(--navy)}
body.seaside .btn{border-radius:999px;min-height:46px;padding:13px 24px;font-size:14px;font-weight:600;letter-spacing:.03em;box-shadow:none;white-space:normal}
body.seaside :is(.btn-primary,.mobile-quick-btn-cta){background:var(--navy);border:1px solid var(--navy);color:#fffdf6;box-shadow:none}
body.seaside .btn-primary:hover{background:var(--navy-deep);border-color:var(--navy-deep);transform:translateY(-2px)}
body.seaside :is(.btn-outline,.btn-ghost,.btn-secondary){background:transparent;color:var(--navy);border-color:#18396e65}
body.seaside .lang-switch{background:transparent;border:1px solid #18396e40;border-radius:999px;padding:9px 16px;min-height:44px}
body.seaside :is(input,select,textarea){background:#fffdf8;color:var(--navy);border:1px solid #abb5bc;border-radius:8px;accent-color:var(--navy);font-size:16px}
body.seaside :is(input,textarea)::placeholder{color:#67728a;opacity:1}
body.seaside :is(a,button,input,select,textarea):focus-visible{outline:3px solid #bc8115;outline-offset:4px}
body.seaside :is(.eyebrow,.gourmet-kicker){color:#85630d;font-size:14px;letter-spacing:.16em}
body.seaside :is(.back-to-top,.card-badge){border-radius:50%;background:var(--navy);color:#fffdf6;border-color:var(--navy);font-size:16px}
body.seaside .pagefoot{padding:48px 0;background:var(--navy-deep);border-top:0;color:#fff4cf}
body.seaside .pagefoot :is(.foot-logo,.foot-logo span,.foot-links a,.foot-copy){color:#fff4cf}
body.seaside .foot-inner{gap:30px;flex-wrap:wrap;border:0}
body.seaside .foot-links{gap:24px;flex-wrap:wrap}
body.seaside .foot-copy{font-size:14px}
/* Hero: a bright editorial spread, with the meal crossing the colour divide. */
body.seaside.gourmet-home main{padding-top:84px}
body.seaside.gourmet-home .gourmet-hero{display:grid;grid-template-columns:42% 58%;align-items:center;gap:0;min-height:670px;height:auto;max-height:none;padding:54px 6% 96px;background:linear-gradient(90deg,var(--cream) 0 54%,var(--navy) 54% 100%);isolation:isolate;overflow:hidden}
body.seaside .gourmet-hero>.container{grid-column:1;grid-row:1;width:100%;z-index:2}
body.seaside.gourmet-home .gourmet-hero .gourmet-copy{max-width:100%;padding:28px 28px 28px 0}
body.seaside.gourmet-home .gourmet-hero .gourmet-copy h1{font-size:clamp(36px,3.8vw,64px);line-height:1.45;letter-spacing:.055em;margin:0 0 26px;color:var(--navy);max-width:10em}
body.seaside.gourmet-home .gourmet-copy p:not(.gourmet-kicker){color:#445570;font-size:17px;max-width:350px;line-height:1.9;margin:0 0 30px}
body.seaside .gourmet-copy .gourmet-kicker{max-width:28ch;line-height:1.8;margin-bottom:24px;font-size:13px;color:#536383}
body.seaside.gourmet-home .gourmet-hero-photo{position:relative;inset:auto;left:auto;grid-column:2;grid-row:1;width:100%;height:auto;aspect-ratio:1;max-height:620px;object-fit:cover;object-position:center;border-radius:50%;border:12px solid #fff4cf25;box-shadow:20px 26px 0 #10295155;z-index:1;animation:none}
body.seaside.gourmet-home .packaging-slide .gourmet-hero-photo{object-fit:contain;background:var(--cream)}
body.seaside.gourmet-home .gourmet-hero-photo{max-width:620px;justify-self:center}
body.seaside .gourmet-hero .steam{display:none}
body.seaside .gourmet-hero::after{display:none}
body.seaside .hero-wordmark{position:absolute;bottom:-.18em;left:4%;font:700 clamp(80px,15vw,235px)/1 Georgia,serif;color:#18396e08;letter-spacing:-.04em;pointer-events:none;z-index:0}
body.seaside .hero-carousel-controls{right:6%;bottom:22px;gap:16px;color:var(--cream);font:14px/1.5 Georgia,serif}
body.seaside .hero-carousel-controls button{background:transparent;border:1px solid #fff4cf65;border-radius:50%;color:var(--cream);min-width:44px;min-height:44px;font-size:16px}
body.seaside .hero-carousel-controls [data-pause]{border-radius:24px;padding-inline:16px;font-size:14px}
body.seaside .gourmet-strip{background:var(--yellow);color:var(--navy);padding:18px 6%;font-size:14px;letter-spacing:.11em;justify-content:space-between;border:0}
/* Product entry points are existing catalogue products, presented as a collection. */
body.seaside .pantry-shortcuts{background:var(--bg);padding:62px 6% 66px;text-align:center}
body.seaside .section-script{font:italic 25px/1.4 Georgia,serif;color:#95751d;margin:0 0 6px}
body.seaside .pantry-shortcuts h2{font-size:26px;margin:0 0 32px}
body.seaside .pantry-shortcut-list{display:flex;justify-content:center;gap:clamp(22px,5vw,80px);flex-wrap:wrap}
body.seaside .pantry-shortcut{display:flex;flex-direction:column;align-items:center;gap:14px;color:var(--navy);font-size:15px;font-weight:600;text-decoration:none;max-width:145px}
body.seaside .pantry-shortcut img{display:block;width:100px;height:100px;border-radius:50%;object-fit:cover;background:var(--cream);border:1px solid #18396e14;transition:transform .25s,border-color .25s}
body.seaside .pantry-shortcut:hover img{transform:translateY(-5px);border-color:var(--navy)}
body.seaside.gourmet-home #featured-products{background:var(--navy);color:var(--cream);padding:86px 0 72px;--muted:#d6dfef}
body.seaside.gourmet-home #featured-products :is(.h2,.card-title){color:var(--cream)}
body.seaside.gourmet-home #featured-products :is(.lead,.card-desc,.card-meta,.card-stock,.product-qty-wrap,.card-tag){color:#e0e6f1}
body.seaside.gourmet-home #featured-products .eyebrow{color:var(--yellow)}
body.seaside.gourmet-home #featured-products .h2{font-size:clamp(32px,3.5vw,48px);font-weight:600}
body.seaside.gourmet-home #productGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin-top:56px;margin-bottom:44px;align-items:start}
body.seaside.gourmet-home #productGrid .product-card:nth-child(even){margin-top:46px}
body.seaside :is(.product-card,.product-filter-shell,.product-detail-content,.contact-flow-guide,.cart-item,.pillar-item){background:transparent;border-color:var(--border);box-shadow:none}
body.seaside .product-card .card-img-wrap{border-radius:100px 100px 8px 8px;background:#fff4cf;aspect-ratio:4/5;height:auto;overflow:hidden;border:0}
body.seaside .product-card .card-img-wrap img{height:100%;width:100%;object-fit:contain;transition:transform .4s}
body.seaside .product-card .card-image-link:hover .card-img-wrap img{transform:scale(1.035)}
body.seaside .product-card .card-body{padding:22px 0;gap:12px}
body.seaside .product-card .card-title{font-size:22px;line-height:1.5}
body.seaside .product-card .card-desc{font-size:14px;line-height:1.8}
body.seaside .product-card :is(.card-meta,.card-stock,.product-qty-wrap){font-size:14px}
body.seaside .product-card .card-actions a{color:var(--navy);border-color:#18396e80}
body.seaside .product-card .card-cart-controls{gap:10px;flex-wrap:wrap}
body.seaside .product-card .card-cart-controls .btn{font-size:14px;padding:10px 14px}
body.seaside.gourmet-home #featured-products :is(.btn-primary,.card-cart-controls .btn){background:var(--yellow);color:var(--navy);border-color:var(--yellow)}
body.seaside.gourmet-home #featured-products :is(.btn-outline,.card-actions a){color:var(--cream);border-color:#fff4cf80}
body.seaside.gourmet-home #featured-products .product-qty-input{color:var(--navy);background:#fffdf6;border-color:#fff4cf;padding:9px;width:64px;border-radius:6px}
/* Brand story and serving photographs use alternating scale and generous space. */
body.seaside.gourmet-home #home-story{background:var(--cream);padding:100px 0}
body.seaside.gourmet-home #home-story .gourmet-story{max-width:1020px;text-align:left;display:grid;grid-template-columns:1fr 1fr;column-gap:90px;align-items:start}
body.seaside #home-story .gourmet-kicker{grid-column:1;margin:0 0 18px}
body.seaside #home-story h2{grid-column:1;margin:0;font-size:clamp(32px,3.6vw,52px)}
body.seaside #home-story p:not(.gourmet-kicker){grid-column:2;grid-row:1 / 3;margin:0;color:#52617a;font-size:17px;line-height:2}
body.seaside #home-story .btn{grid-column:2;justify-self:start;margin-top:24px}
body.seaside .gourmet-heading h2{color:var(--navy);font-size:clamp(30px,3.4vw,48px)}
body.seaside .gourmet-heading>span{font-size:14px;color:var(--muted)}
body.seaside .recipe-grid{grid-template-columns:1.1fr 1fr;gap:52px;align-items:start}
body.seaside .recipe-tile{border-radius:8px;min-height:510px}
body.seaside .recipe-tile:nth-child(2){margin-top:72px;min-height:430px}
body.seaside .recipe-caption h3{color:#fff4cf;font-size:30px}
body.seaside .recipe-caption :is(p,.gourmet-kicker){color:#fff4cf}
body.seaside #orders{background:var(--yellow);padding:72px 0}
body.seaside #orders h2{color:var(--navy);font-size:clamp(30px,3.5vw,48px)}
/* Inner routes: the same typography, cream surfaces and blue actions. */
body.seaside.dining-site main{padding-top:84px}
body.seaside.dining-site :is(h1.h2,.h1){font-size:clamp(36px,4.2vw,60px)}
body.seaside.dining-site :is(.contact-panel,.contact-product-summary,.cart-empty,.inquiry-card,.inquiry-tracker-toolbar,.news-stream>article,.news-stream>.phase-card){background:#fff8e1;border:1px solid #dfd9bf;border-radius:16px;color:var(--navy);box-shadow:none}
body.seaside.dining-site .cart-summary{background:var(--navy);color:var(--cream);border-radius:16px;padding:32px}
body.seaside.dining-site .cart-summary :is(h2,h3,.admin-status,.btn-outline,.btn-ghost){color:var(--cream);border-color:#fff4cf80}
body.seaside.dining-site .cart-summary .btn-primary{background:var(--yellow);color:var(--navy);border-color:var(--yellow)}
body.seaside.dining-site :is(.contact-input,.contact-textarea,.cart-qty-input,.product-detail-qty-input){background:#fffdf8;color:var(--navy);border-color:#a9b3bc;border-radius:8px}
body.seaside.dining-site .contact-form button[type=reset]{color:var(--navy)}
body.seaside.dining-site .contact-flow-step{border-radius:30px;background:var(--cream);color:var(--navy);border-color:#ddd3ad}
body.seaside.dining-site .contact-flow-step.is-active{background:var(--navy);color:#fff4cf;border-color:var(--navy)}
body.seaside.dining-site .product-filter-shell{border-color:#d4d7cc}
body.seaside.dining-site .product-detail-media{background:#fff4cf;border-radius:18px;border:0}
body.seaside.dining-site :is(.product-detail-gallery-item,.cart-item-media){background:#fff4cf;border-radius:12px}
body.seaside.dining-site .product-detail-food-info{background:#fff4cf;border-radius:12px;color:var(--navy)}
body.seaside.dining-site .product-detail-price{color:var(--navy)}
body.seaside.dining-site .culinary-applications{background:var(--navy);border-radius:18px;color:var(--cream)}
body.seaside.dining-site .culinary-applications :is(h2,h3,p,.culinary-note){color:var(--cream)}
body.seaside.dining-site .philosophy-visual{border-radius:180px 180px 12px 12px;overflow:hidden;background:var(--cream)}
body.seaside.dining-site .story-journey>:last-child::before{background:var(--yellow)}
body.seaside.dining-site :is(.pillar-title,.phase-title){color:var(--navy)}
body.seaside :is(th,thead){background:var(--cream);color:var(--navy)}
body.seaside :is(td,tr){border-color:var(--border)}
body.seaside .error,body.seaside .admin-error{color:#ac3525}
body.seaside [hidden]{display:none!important}
@media(min-width:1600px){body.seaside.gourmet-home .gourmet-hero{padding-inline:max(6%,calc((100% - 1380px)/2));grid-template-columns:42% 58%}}
@media(max-width:1100px){body.seaside.gourmet-home #productGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}body.seaside.gourmet-home #productGrid .product-card:nth-child(even){margin-top:0}body.seaside.gourmet-home .gourmet-hero{min-height:560px}body.seaside.gourmet-home .gourmet-hero .gourmet-copy h1{font-size:36px}body.seaside .recipe-grid{gap:28px}body.seaside .recipe-tile{min-height:430px}body.seaside.gourmet-home #home-story .gourmet-story{column-gap:44px}}
@media(max-width:760px){body.seaside .container{width:88%}body.seaside .topnav-inner{min-height:76px;gap:12px}body.seaside .logo{font-size:25px}body.seaside.gourmet-home main,body.seaside.dining-site main{padding-top:76px}body.seaside.gourmet-home .gourmet-hero{display:grid;grid-template-columns:1fr;padding:38px 6% 80px;min-height:0;background:linear-gradient(180deg,var(--cream) 0 58%,var(--navy) 58% 100%)}body.seaside .gourmet-hero>.container{grid-column:1;grid-row:1}body.seaside.gourmet-home .gourmet-hero .gourmet-copy{padding:0 0 30px;max-width:100%}body.seaside.gourmet-home .gourmet-hero .gourmet-copy h1{font-size:clamp(30px,7.4vw,43px);line-height:1.5;max-width:100%;margin-bottom:16px}body.seaside.gourmet-home .gourmet-copy p:not(.gourmet-kicker){max-width:100%;font-size:16px;margin-bottom:20px}body.seaside .gourmet-copy .gourmet-kicker{max-width:100%;margin-bottom:12px;font-size:12px}body.seaside.gourmet-home .gourmet-hero-photo{grid-column:1;grid-row:2;max-width:470px;justify-self:center;width:100%;height:auto;max-height:none;border-width:8px;box-shadow:10px 12px 0 #10295155}body.seaside .hero-wordmark{display:none}body.seaside .gourmet-strip{font-size:12px;gap:10px;flex-wrap:wrap;justify-content:center;text-align:center}body.seaside .pantry-shortcuts{padding-block:42px}body.seaside .pantry-shortcut-list{gap:24px 20px}body.seaside .pantry-shortcut{width:calc((100% - 40px)/3);font-size:14px}body.seaside .pantry-shortcut img{width:78px;height:78px}body.seaside :is(.section,.section-alt),body.seaside.gourmet-home #featured-products{padding-block:56px}body.seaside.gourmet-home #productGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px;margin-top:34px}body.seaside .product-card .card-title{font-size:20px!important}body.seaside .product-card .card-actions{flex-wrap:wrap}body.seaside .product-card .card-cart-controls .btn{padding:10px 12px}body.seaside.gourmet-home #home-story{padding-block:60px}body.seaside.gourmet-home #home-story .gourmet-story{display:block}body.seaside #home-story h2{margin-bottom:22px}body.seaside #home-story p:not(.gourmet-kicker){font-size:16px}body.seaside .recipe-grid{grid-template-columns:1fr;gap:24px}body.seaside .recipe-tile,body.seaside .recipe-tile:nth-child(2){min-height:390px;margin-top:0}body.seaside .gourmet-heading{flex-direction:column;align-items:start;gap:12px}body.seaside .recipe-caption{left:24px;right:24px}body.seaside .recipe-caption h3{font-size:26px}body.seaside .pagefoot{padding-block:38px}body.seaside .foot-inner{gap:22px}body.seaside.dining-site .contact-panel{padding:24px}body.seaside.dining-site .cart-summary-actions{gap:12px}body.seaside.dining-site .philosophy-visual{border-radius:100px 100px 10px 10px}}
@media(max-width:380px){body.seaside .product-card .card-cart-controls{flex-direction:column;align-items:stretch}body.seaside .product-card .card-title{font-size:18px!important}body.seaside .lang-switch{padding:8px 11px}}
@media(prefers-reduced-motion:reduce){body.seaside *,body.seaside *::before,body.seaside *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}