/* Pad-Thai.eu • design 01: editorial / clean / mobile first. No framework. */
:root{color-scheme:light;--bg:#fcfbf7;--surface:#fff;--surface2:#f6f3eb;--ink:#1e2625;--muted:#66716d;--line:#e9e5dc;--accent:#ee6419;--accent-hover:#d85311;--warm:#fff0df;--green:#213d36;--soft-shadow:0 14px 38px rgba(44,39,27,.07);--hero-bg:#fcf9f0;--hero-ink:#172520;--hero-lead:#3f4944;--hero-kicker:#7a746b;--hero-outline:rgba(255,255,255,.66);--radius:17px;--serif:Georgia,'Times New Roman',serif;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#141a18;--surface:#202823;--surface2:#252f2a;--ink:#f6f3e9;--muted:#b3beb7;--line:#39433d;--accent:#ff8c41;--accent-hover:#ff9f59;--warm:#443025;--green:#152520;--soft-shadow:0 14px 38px rgba(0,0,0,.18);--hero-bg:#1f2823;--hero-ink:#f6f3e9;--hero-lead:#dde7db;--hero-kicker:#b0bcaf;--hero-outline:rgba(30,40,34,.88)}}
:root[data-theme=dark]{color-scheme:dark;--bg:#141a18;--surface:#202823;--surface2:#252f2a;--ink:#f6f3e9;--muted:#b3beb7;--line:#39433d;--accent:#ff8c41;--accent-hover:#ff9f59;--warm:#443025;--green:#152520;--soft-shadow:0 14px 38px rgba(0,0,0,.18);--hero-bg:#1f2823;--hero-ink:#f6f3e9;--hero-lead:#dde7db;--hero-kicker:#b0bcaf;--hero-outline:rgba(30,40,34,.88)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 var(--sans);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,select,input{font:inherit}button,select{cursor:pointer}button,input,select{color:var(--ink)}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{line-height:1.14;letter-spacing:-.03em}h1,h2{font-family:var(--serif)}h2{font-size:clamp(2rem,3.25vw,3.2rem)}h3{font-size:1.2rem}.container{width:min(1180px,calc(100% - 64px));margin-inline:auto}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;z-index:30;top:-100px;left:10px;padding:10px 15px;background:var(--surface)}.skip-link:focus{top:10px}.micro-label,.eyebrow{font-size:.71rem;font-weight:800;letter-spacing:.19em;color:var(--accent);text-transform:uppercase}
.site-header{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.header-inner{min-height:76px;display:flex;align-items:center;gap:36px}.brand{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;line-height:1.1}.brand-icon{font-size:2.15rem;line-height:1}.brand strong{display:block;font-size:1.3rem;letter-spacing:-.065em;color:var(--ink);font-weight:900}.brand-dot{color:var(--accent)}.brand small{display:block;font-size:.53rem;font-weight:750;letter-spacing:.16em;color:var(--muted);margin-top:5px}.main-nav{display:flex;align-items:center;gap:27px;margin-inline:auto;white-space:nowrap}.main-nav a{font-size:.85rem;font-weight:700}.main-nav a:hover,.site-footer a:hover{color:var(--accent)}.header-tools{display:flex;gap:10px;align-items:center}.header-search{position:relative}.header-search input{width:0;min-width:0;opacity:0;padding:8px 0;border:none;position:absolute;right:34px;top:0;transition:.2s;background:var(--surface);outline:0}.header-search:focus-within input,.header-search:hover input{width:180px;opacity:1;padding:8px 12px;border:1px solid var(--line);border-radius:8px;box-shadow:var(--soft-shadow)}.header-search button{border:0;background:none;font-size:1.45rem;color:var(--ink);padding:0 5px}.locale-select{background:transparent;color:var(--ink);border:0;padding:8px 2px;font-size:.81rem;font-weight:800;max-width:74px}.theme-toggle,.menu-toggle{background:none;color:var(--ink);border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;width:36px;height:36px}.theme-toggle{font-size:1.25rem}.menu-toggle{display:none}.btn{display:inline-flex;justify-content:center;align-items:center;gap:15px;border-radius:9px;padding:15px 22px;font-weight:800;font-size:.88rem;transition:transform .16s,background .16s;white-space:nowrap;min-height:52px}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 5px 10px rgba(218,91,28,.18)}.btn-primary:hover{background:var(--accent-hover)}.btn-outline{border:1px solid #c9c4b9;color:var(--ink);background:var(--hero-outline)}.btn-light{background:#fff;color:#283029}
.home-hero{height:600px;position:relative;overflow:hidden;background:var(--hero-bg)}.hero-photo{position:absolute;right:0;top:0;bottom:0;width:79%;background:center / cover no-repeat url('/assets/img/pad-thai-hero-1600.webp');background-position:58% 50%}.hero-scrim{position:absolute;inset:0;background:linear-gradient(90deg,var(--hero-bg) 0%,var(--hero-bg) 26%,color-mix(in srgb,var(--hero-bg) 95%,transparent) 38%,color-mix(in srgb,var(--hero-bg) 48%,transparent) 52%,transparent 72%)}.home-hero-inner{height:100%;position:relative;display:flex;align-items:center}.hero-copy{width:min(520px,53%);padding-top:2rem}.hero-copy h1{font-size:clamp(3.1rem,5.6vw,5.8rem);color:var(--hero-ink);margin:14px 0 23px;line-height:1.03;letter-spacing:-.047em}.hero-lead{font-size:1.05rem;color:var(--hero-lead);line-height:1.8;max-width:450px;margin-bottom:26px}.hero-actions{display:flex;gap:11px;flex-wrap:wrap}.hero-kicker{margin-top:38px;font-size:.78rem;letter-spacing:.06em;color:var(--hero-kicker);font-weight:700}.feature-strip{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:122px;align-items:center;margin-top:-18px;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:var(--soft-shadow)}.feature-item{display:flex;flex-direction:column;text-align:center;justify-content:center;align-items:center;gap:8px;min-height:76px;padding:10px;border-right:1px solid var(--line)}.feature-item:last-child{border:0}.feature-item strong{font-size:.8rem}.feature-icon{font-size:1.65rem;line-height:1;color:var(--accent)}.section{padding:77px 0}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:27px;gap:12px}.section-title h2{margin:7px 0 0}.section-decoration{font-size:2.6rem;color:var(--accent)}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.recipe-card{border-radius:15px;overflow:hidden;background:var(--surface);border:1px solid var(--line);transition:transform .18s,box-shadow .18s;min-width:0}.recipe-card:hover{transform:translateY(-5px);box-shadow:var(--soft-shadow)}.card-visual{height:205px;position:relative;overflow:hidden;background:#18392b}.card-visual img{height:100%;width:100%;object-fit:cover;object-position:70% 53%;transition:transform .25s}.recipe-card:hover .card-visual img{transform:scale(1.05)}.card-visual-illustrated{display:grid;place-items:center;background:radial-gradient(circle at 38% 42%,#ffdd9e,#bf7f37 64%,#58402d 100%)}.food-symbol{font-size:5.5rem;filter:drop-shadow(0 8px 12px rgba(0,0,0,.13))}.card-number{position:absolute;left:13px;top:13px;font-size:.67rem;font-weight:850;background:rgba(255,255,255,.91);color:#354036;border-radius:50px;padding:4px 9px}.recipe-card-body{padding:22px}.recipe-card h3{margin-bottom:9px}.recipe-card p{font-size:.82rem;color:var(--muted);line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:65px}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:15px;margin-top:20px;font-size:.74rem;color:var(--muted);font-weight:750}.empty-card{text-align:center;background:var(--surface2);padding:60px 20px;border-radius:var(--radius);border:1px dashed var(--line)}.empty-card span{font-size:3rem}.empty-card p{color:var(--muted)}.essentials-section{padding-top:35px}.essentials-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.essential-card{background:var(--surface2);border:1px solid var(--line);border-radius:14px;padding:25px 20px;min-height:225px}.essential-icon{display:block;font-size:2.35rem;margin:0 0 23px}.essential-card h3{margin:0 0 7px;font-size:1.08rem}.essential-card p{font-size:.8rem;line-height:1.66;color:var(--muted)}
.recipe-workspace{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:70px;padding-block:76px 92px;border-top:1px solid var(--line)}.recipe-workspace h2{margin:10px 0 15px}.section-description{font-size:1rem;line-height:1.86;color:var(--muted);max-width:730px}.draft-label{display:inline-block;background:var(--warm);color:var(--accent);border-radius:9px;padding:7px 11px;font-size:.72rem;font-weight:750;margin-top:10px}.recipe-facts{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:14px;margin:28px 0 15px;background:var(--surface)}.recipe-facts>div{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:18px 10px;border-right:1px solid var(--line)}.recipe-facts>div:last-child{border:0}.recipe-facts span{color:var(--accent);font-size:1.6rem;line-height:1;margin-bottom:5px}.recipe-facts b{font-size:.89rem}.recipe-facts small{font-size:.7rem;color:var(--muted)}.recipe-toolbar{display:flex;gap:10px;margin-bottom:40px}.tool-button{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:9px 17px;font-size:.76rem;font-weight:700}.tool-button:hover{border-color:var(--accent)}.block-heading{display:flex;justify-content:space-between;gap:12px;align-items:end;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid var(--line)}.block-heading h3{font-family:var(--serif);font-size:2rem;margin:6px 0 0}.serving-selector{display:flex;align-items:center;gap:9px}.serving-selector label{font-size:.74rem;font-weight:700;color:var(--muted)}.serving-selector select{background:var(--surface);border:1px solid var(--line);padding:8px;border-radius:7px;font-weight:800}.ingredient-list{list-style:none;margin:0;padding:0}.ingredient-list li{display:flex;align-items:center;gap:6px;padding:13px 0;border-bottom:1px dashed var(--line);font-size:.87rem}.ingredient-list li label{display:flex;align-items:center;gap:12px;margin-right:auto;cursor:pointer}.ingredient-check{accent-color:var(--accent);width:18px;height:18px}.check-mark{display:none}.ingredient-check:checked~.ingredient-name{text-decoration:line-through;color:var(--muted)}.ingredient-quantity{min-width:26px;text-align:right}.ingredient-unit{color:var(--muted);min-width:22px}.ingredient-note{background:var(--surface2);padding:12px 14px;border-radius:8px;color:var(--muted);font-size:.78rem;margin-top:18px}.method-block,.tips-block,.faq-section{margin-top:62px}.method-list{padding:0;margin:0;list-style:none}.method-list li{display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:start;padding:17px 0;border-bottom:1px solid var(--line)}.step-index{display:grid;place-items:center;background:var(--warm);color:var(--accent);width:43px;height:43px;border-radius:13px;font-size:1.02rem;font-weight:850}.method-list p{margin:3px 0 0;font-size:.91rem;line-height:1.8}.tip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tip-card{background:var(--surface2);padding:19px;border-radius:12px}.tip-card>span{font-size:1.5rem;color:var(--accent)}.tip-card p{font-size:.8rem;margin:12px 0 0}.faq-section h3{font-family:var(--serif);font-size:2rem}.faq-section details{border-bottom:1px solid var(--line);padding:18px 0}.faq-section summary{cursor:pointer;font-weight:750;font-size:.91rem}.faq-section details p{color:var(--muted);font-size:.88rem;padding:12px 0 0;margin:0}.workspace-side{padding-top:84px}.sidebar-card{position:sticky;top:95px;background:var(--surface);border-radius:15px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--soft-shadow)}.sidebar-image{height:215px;background:url('/assets/img/pad-thai-hero-640.webp') 70% center/cover no-repeat}.sidebar-card-body{padding:24px}.sidebar-card h3{font-family:var(--serif);font-size:1.6rem;margin:12px 0}.sidebar-card p{font-size:.8rem;color:var(--muted)}.sidebar-card a{font-size:.78rem;color:var(--accent);font-weight:800}.allergen-card{background:var(--warm);border-radius:12px;padding:19px;margin-top:25px;font-size:.77rem;line-height:1.6}.allergen-card p{margin:8px 0 0;color:var(--muted)}
.detail-hero{background:var(--surface2);padding:38px 0 62px}.back-link{font-size:.81rem;font-weight:750;color:var(--accent)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:54px;margin-top:25px}.detail-grid h1{font-size:clamp(2.8rem,4.8vw,4.7rem);margin:16px 0}.detail-lead{font-size:1.1rem;color:var(--muted);margin-bottom:25px}.detail-visual{border-radius:16px;min-height:290px;max-height:400px;overflow:hidden;box-shadow:var(--soft-shadow)}.detail-visual img{width:100%;height:100%;object-fit:cover}.detail-visual.without-photo{display:grid;place-items:center;background:radial-gradient(circle,#ffe8ae,#b78b55)}.detail-visual.without-photo span{font-size:9rem}
.footer-banner{position:relative;background:#161b18;color:#fff;min-height:330px;overflow:hidden}.footer-banner-bg{position:absolute;inset:0;background:url('/assets/img/thai-ingredients-footer-1600.webp') center/cover no-repeat}.footer-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,15,13,.08),rgba(6,9,7,.82) 31%,rgba(6,9,7,.82) 70%,rgba(9,12,10,.11));z-index:1}.footer-banner-inner{position:relative;z-index:2;min-height:330px;display:flex;align-items:center;justify-content:center;text-align:center}.footer-banner-copy{width:min(560px,100%);padding:40px 0}.footer-banner h2{font-size:clamp(2rem,3.2vw,3rem);margin:12px 0;color:white}.footer-banner p{color:#e1e2d9;font-size:.9rem}.footer-banner .btn{min-height:45px;padding:11px 23px;margin-top:7px}.site-footer{background:var(--surface);padding:52px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:55px;padding-bottom:45px}.footer-grid>div{display:flex;align-items:flex-start;flex-direction:column;gap:7px}.footer-grid>div>strong{font-size:.83rem;margin-bottom:10px}.footer-grid a:not(.brand){font-size:.81rem;color:var(--muted)}.footer-subtext{font-size:.78rem;color:var(--muted);max-width:270px;margin-top:12px}.footer-bottom{border-top:1px solid var(--line);padding:18px 0;display:flex;justify-content:space-between;font-size:.7rem;color:var(--muted);gap:20px}
.language-hero{position:relative;min-height:750px;background:linear-gradient(90deg,rgba(250,247,238,.96),rgba(250,247,238,.81) 60%,rgba(250,247,238,.35)),url('/assets/img/pad-thai-hero-1600.webp') center/cover no-repeat;color:#192722}.language-hero-content{padding-top:106px;padding-bottom:94px}.language-hero h1{font-size:clamp(3.4rem,6vw,6rem);max-width:660px;line-height:1}.language-hero p{max-width:520px;color:#3b4a40;font-size:1.1rem}.language-hero h2{font-size:1.8rem;margin:50px 0 18px}.locale-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:860px}.locale-card{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-radius:11px;background:rgba(255,255,255,.92);box-shadow:0 7px 22px rgba(0,0,0,.09);font-size:.9rem;font-weight:800}.locale-card:hover{background:#fff0dc;color:#b74607}.policy-page{padding-top:92px;padding-bottom:130px;max-width:780px}.policy-page h1{font-size:clamp(3rem,5vw,4rem)}.policy-page p{line-height:1.9;color:var(--muted)}
@media(max-width:1100px){.header-inner{gap:18px}.main-nav{gap:14px}.header-search{display:none}.container{width:min(1140px,calc(100% - 44px))}.recipe-workspace{gap:30px}.hero-copy{width:57%}}
@media(max-width:850px){.menu-toggle{display:grid}.main-nav{position:absolute;top:76px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;padding:16px 25px;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--soft-shadow)}.main-nav.is-open{display:flex}.main-nav a{padding:8px 0}.header-inner{justify-content:space-between}.header-tools{margin-left:auto}.hero-copy{width:64%}.hero-scrim{background:linear-gradient(90deg,var(--hero-bg) 0%,color-mix(in srgb,var(--hero-bg) 93%,transparent) 45%,color-mix(in srgb,var(--hero-bg) 8%,transparent) 100%)}.recipe-workspace{grid-template-columns:1fr}.workspace-side{display:none}.cards-grid{grid-template-columns:repeat(2,1fr)}.essentials-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{gap:25px}}
@media(max-width:600px){.container{width:calc(100% - 32px)}.site-header .header-inner{min-height:65px}.brand strong{font-size:1.07rem}.brand small{font-size:.44rem}.brand-icon{font-size:1.8rem}.header-tools{gap:6px}.locale-select{max-width:48px}.theme-toggle,.menu-toggle{height:32px;width:32px}.main-nav{top:65px}.home-hero{height:auto;min-height:660px}.hero-photo{width:100%;top:0;bottom:auto;height:62%;background-position:68% 35%;background-image:url('/assets/img/pad-thai-hero-1024.webp')}.hero-scrim{background:linear-gradient(0deg,var(--hero-bg) 7%,var(--hero-bg) 44%,color-mix(in srgb,var(--hero-bg) 13%,transparent) 92%)}.home-hero-inner{min-height:660px;align-items:flex-end;padding-bottom:52px}.hero-copy{width:100%;padding-top:0}.hero-copy h1{font-size:clamp(2.5rem,10vw,3.7rem);margin:10px 0 11px;max-width:440px}.hero-lead{font-size:.92rem;line-height:1.6;margin-bottom:18px}.hero-actions{gap:8px}.hero-actions .btn{min-height:46px;font-size:.76rem;padding:12px}.hero-kicker{margin-top:17px;font-size:.68rem}.feature-strip{margin-top:0;grid-template-columns:repeat(2,1fr);border-radius:0}.feature-item{min-height:95px}.feature-item:nth-child(2){border-right:0}.feature-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.feature-icon{font-size:1.5rem}.feature-item strong{font-size:.73rem}.section{padding:48px 0}.section-title h2{font-size:2rem}.cards-grid{gap:11px}.card-visual{height:125px}.recipe-card-body{padding:13px}.recipe-card h3{font-size:.96rem}.recipe-card p{font-size:.75rem;min-height:77px;line-height:1.48}.card-meta{font-size:.66rem;align-items:flex-start;flex-direction:column;gap:3px;margin-top:10px;padding-top:10px}.essentials-grid{gap:9px}.essential-card{padding:16px;min-height:214px}.essential-card h3{font-size:.93rem}.essential-card p{font-size:.74rem}.essential-icon{font-size:1.9rem;margin-bottom:12px}.recipe-workspace{padding-top:40px;padding-bottom:65px}.recipe-workspace h2{font-size:2.3rem}.recipe-facts{margin-top:20px}.recipe-facts b{font-size:.72rem}.recipe-facts small{font-size:.63rem}.recipe-facts>div{padding:12px 3px}.block-heading{align-items:flex-start}.block-heading h3{font-size:1.65rem}.serving-selector{flex-direction:column;align-items:end;gap:3px}.serving-selector label{font-size:.63rem}.tip-grid{grid-template-columns:1fr}.method-list li{grid-template-columns:44px 1fr}.method-list p{font-size:.85rem}.detail-hero{padding:22px 0 34px}.detail-grid{grid-template-columns:1fr;gap:25px}.detail-grid h1{font-size:2.7rem}.detail-visual{min-height:220px}.footer-banner,.footer-banner-inner{min-height:310px}.footer-banner h2{font-size:2.1rem}.footer-grid{grid-template-columns:1fr 1fr;gap:26px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:4px}.language-hero{min-height:auto}.language-hero-content{padding-top:80px;padding-bottom:70px}.language-hero h1{font-size:3.5rem}.locale-grid{grid-template-columns:repeat(2,1fr)}.locale-card{padding:12px 14px;font-size:.8rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.site-header,.footer-banner,.site-footer,.hero-actions,.feature-strip,.recipe-toolbar,.recipe-list-section,.essentials-section,.workspace-side,.detail-hero,.home-hero,.tips-block,.faq-section,.draft-label{display:none!important}.recipe-workspace{display:block;padding:0;border:0}.container{width:100%}.ingredient-list li{padding:7px 0}.ingredient-check{display:none}.method-list li{break-inside:avoid}body{background:#fff;color:#000}}
.article-block{margin-top:62px}.article-block h3{font-family:var(--serif);font-size:1.75rem;margin:36px 0 10px}.article-block h3:first-child{margin-top:0}.article-block p{font-size:.93rem;line-height:1.86;color:var(--muted);margin:0 0 14px;max-width:730px}.sidebar-image img{width:100%;height:100%;object-fit:cover;display:block}.policy-page h2{font-size:1.5rem;margin:38px 0 8px}