/* Frozen Tilapia Supply — v1.1 editorial commerce system | mobile-first & multilingual */
:root{--ink:#133038;--dark:#102e37;--sea:#1d6968;--paper:#f8f7f1;--chalk:#fffdf8;--sand:#e8e1d1;--line:#dcded7;--muted:#567078;--gold:#d2aa78;--max:1280px;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Arial,sans-serif;--serif:Georgia,"Times New Roman",serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:var(--paper);color:#25434b;font-family:var(--sans);font-size:17px;line-height:1.63;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
a:hover{color:var(--sea)}
:focus-visible{outline:3px solid #bb7e3f;outline-offset:3px}
.container{width:min(var(--max),calc(100% - 96px));margin-inline:auto}
h1,h2,h3,p{margin-block-start:0}
h1,h2{font-family:var(--serif);font-weight:500;color:var(--ink);letter-spacing:-.032em;text-wrap:balance}
h1{font-size:clamp(44px,5.7vw,78px);line-height:1.08}
h2{font-size:clamp(32px,3.9vw,53px);line-height:1.15}
h3{font-size:clamp(21px,2.1vw,27px);line-height:1.28;color:var(--ink)}
p{margin-block-end:1.15em}
.kicker{display:inline-flex;gap:13px;align-items:center;color:var(--sea);font-size:12px;font-weight:750;letter-spacing:.12em;text-transform:uppercase;line-height:1.4}
.kicker:before{content:"";display:inline-block;background:currentColor;width:23px;height:1px;flex:none}
.kicker.inverse{color:#efd9b7}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:53px;padding:13px 24px;background:var(--sea);border:1px solid var(--sea);color:white;font-weight:700;font-size:15px;line-height:1.35;text-align:center;transition:background .18s,border-color .18s,transform .18s}
.btn:hover{background:#164e50;border-color:#164e50;color:white;transform:translateY(-1px)}
.btn-outline{background:transparent;color:var(--ink);border-color:#879d9c}
.btn-outline:hover{color:#fff}
.btn-sand{background:#dfb98a;border-color:#dfb98a;color:#123239}
.btn-sand:hover{background:#f0c998;border-color:#f0c998;color:#123239}
.btn-light{background:var(--chalk);border-color:var(--chalk);color:var(--dark)}
.btn-light:hover{background:#e4d1af;border-color:#e4d1af;color:var(--dark)}
.skip-link{position:absolute;z-index:200;top:-100px;inset-inline-start:16px;padding:12px;background:white}
.skip-link:focus{top:10px}
.top-rule{height:4px;background:linear-gradient(90deg,#16363e 0 35%,#c49e6e 35% 65%,#19706b 65%)}
.site-header{position:sticky;top:0;z-index:40;background:rgba(251,250,245,.98);border-bottom:1px solid #d8ded9;box-shadow:0 2px 12px rgba(11,47,55,.03)}
.header-inner{display:flex;align-items:center;gap:28px;min-height:88px}
.brand{display:inline-flex;flex:none;align-items:center;gap:12px;min-width:225px;color:var(--ink)}
.brand:hover{color:var(--ink)}
.brand-icon{font-family:var(--serif);display:grid;place-items:center;position:relative;width:47px;height:47px;background:var(--dark);color:white;font-size:20px;letter-spacing:-.09em}
.brand-icon span,.detail-icon span{color:var(--gold)}
.brand-word{font-size:13px;line-height:1.24;font-weight:850;letter-spacing:.115em;white-space:nowrap}
.brand-word span{display:block;letter-spacing:.36em;font-weight:500;font-size:11px}
.main-nav{display:flex;align-items:center;gap:clamp(12px,1.45vw,24px);margin-inline:auto}
.main-nav>a{font-size:14px;font-weight:650;white-space:nowrap;position:relative;padding:8px 0}
.main-nav>a[aria-current=page]:after,.main-nav>a:hover:after{content:"";height:2px;background:var(--sea);position:absolute;inset-inline:0;bottom:0}
.header-actions{display:flex;align-items:center;gap:13px;flex:none}
.header-quote{background:var(--dark);color:white;font-size:13px;font-weight:700;padding:13px 15px;white-space:nowrap}
.header-quote:hover{background:var(--sea);color:white}
.language{position:relative}
.language-toggle{display:inline-flex;gap:7px;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;color:var(--ink);padding:10px 5px;font-size:13px;white-space:nowrap;max-width:146px}
.language-toggle:hover{border-color:var(--line)}
.language-panel{position:absolute;inset-inline-end:0;top:calc(100% + 13px);width:258px;max-height:min(70vh,560px);overflow:auto;background:white;border:1px solid #d7dfdc;box-shadow:0 14px 40px rgba(11,44,49,.16);padding:8px;z-index:80}
.language-panel[hidden]{display:none!important}
.language-panel a{display:block;padding:9px 14px;font-size:14px;border-radius:2px}
.language-panel a:hover,.language-panel a[aria-current=page]{background:#e5f0e9;color:var(--sea)}
.menu-toggle{display:none;background:transparent;border:0;padding:10px}
.menu-toggle span{display:block;width:23px;height:2px;margin:5px;background:var(--dark)}
.breadcrumbs{display:flex;align-items:center;gap:12px;padding-block:16px;font-size:12px;color:#637981;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.breadcrumbs>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis}
.home-hero{background:var(--dark);overflow:hidden}
.home-hero-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);min-height:580px}
.hero-left{padding:82px 60px 30px 0;display:flex;align-items:flex-start;flex-direction:column;color:#e8f1ed}
.hero-left h1{color:#fffdfa;margin:21px 0 22px;max-width:750px}
.hero-left>p{font-size:clamp(17px,1.45vw,20px);line-height:1.7;color:#c0d1d3;max-width:650px;margin:0 0 30px}
.hero-cta{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.hero-mail{color:#f3e4cb;text-decoration:underline;text-underline-offset:7px;font-weight:700}
.hero-mail:hover{color:white}
.hero-bottom{margin-top:auto;padding-top:60px;display:flex;gap:23px;flex-wrap:wrap;color:#cbd9d7;font-size:11px;letter-spacing:.12em;font-weight:650}
.hero-image{position:relative;min-height:560px;background:radial-gradient(circle at 51% 45%,#f8f2e7 0%,#e8e1d3 50%,#d4e1d9 100%);border-inline-start:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center}
.hero-image img{width:104%;max-width:none;filter:drop-shadow(0 22px 18px rgba(14,35,32,.12))}
.hero-art-badge{position:absolute;z-index:2;top:25px;inset-inline-start:24px;font-size:11px;letter-spacing:.1em;color:#2c5c5c;font-weight:800}
.hero-art-badge span{display:block;font-size:25px;font-family:var(--serif);letter-spacing:0;margin-top:5px}
.hero-art-caption{position:absolute;bottom:25px;inset-inline-end:26px;font-size:10px;letter-spacing:.13em;color:#46645c;font-weight:700}
.home-stripe{background:#e9eee7;border-bottom:1px solid #dbe3dc}
.home-stripe .container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px;padding-block:18px;color:#3b5b5e;font-size:13px;font-weight:700}
.content-section{padding:90px 0}
.content-section.section-tinted{background:#ecefe9}
.section-heading{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:34px}
.section-heading>div{max-width:700px}
.section-heading h2{margin:15px 0 0}
.section-heading>p{max-width:450px;color:var(--muted);margin:0;font-size:17px}
.product-layout{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:260px 260px;gap:13px}
.product-card{display:flex;position:relative;overflow:hidden;background:#ecede5;padding:25px;min-height:260px;color:var(--ink);border:1px solid rgba(20,66,72,.05)}
.product-card:hover{color:var(--ink);border-color:#93b0a7}
.product-card.pc-fillets{grid-row:span 2;min-height:530px;background:#e0e7df}
.product-card.pc-canned{grid-row:span 2;min-height:530px;background:#dbe9e7}
.product-card.pc-whole{background:#ede7d8}
.product-card.pc-clean{background:#e6e8df}
.product-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;max-width:350px}
.product-index{font-size:11px;letter-spacing:.16em;font-weight:850;color:#58777a;margin-bottom:18px}
.product-card h3{margin:0 0 9px;font-family:var(--serif);font-size:clamp(23px,2.25vw,34px);font-weight:500;line-height:1.2}
.product-card p{font-size:14px;line-height:1.55;max-width:280px;margin:0 0 20px}
.text-link{margin-top:auto;padding-bottom:3px;border-bottom:1px solid var(--ink);font-size:13px;font-weight:800}
.text-link b{padding-inline-start:8px}
.product-card img{position:absolute;object-fit:contain;pointer-events:none;inset-inline-end:-30px;bottom:-35px;width:63%;height:60%;opacity:.93}
.pc-fillets img,.pc-canned img{width:95%;height:58%;inset-inline-end:-18%;bottom:2%}
.pc-canned img{inset-inline-end:-10%;width:102%;height:65%}
.buy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #bacdc4}
.buy-grid>div{padding:24px 32px 27px 0;border-bottom:1px solid #cdd6cf}
.buy-grid>div:not(:nth-child(3n+1)){padding-inline-start:30px;border-inline-start:1px solid #cdd6cf}
.buy-grid small{color:#3a7771;font-weight:750;font-size:12px;letter-spacing:.09em}
.buy-grid h3{margin:13px 0 8px;font-size:20px;font-family:var(--sans);font-weight:750;letter-spacing:-.015em}
.buy-grid p{font-size:15px;margin:0;color:#516b70;line-height:1.58}
.guide-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.guide-panel{padding:42px 42px 34px;min-height:230px;border-top:3px solid var(--sea);background:#eff1e9;position:relative}
.guide-panel:nth-child(2){background:#ede6d9;border-color:#b68b60}
.guide-panel>span{display:block;font-size:11px;letter-spacing:.14em;color:#486b6a;margin-bottom:20px}
.guide-panel h3{font-family:var(--serif);font-size:clamp(23px,2.6vw,34px);font-weight:500;margin:0 0 16px}
.guide-panel p{font-size:15px;color:var(--muted);max-width:500px;margin:0}
.guide-panel>b{position:absolute;right:27px;top:20px;font-size:24px}
.final-cta{background:#1c5153;color:white;padding:78px 0}
.final-layout{display:flex;justify-content:space-between;align-items:center;gap:44px}
.final-layout>div:first-child{max-width:800px}
.final-layout h2{color:white;margin:16px 0 15px}
.final-layout p{color:#dae9e4;margin:0;font-size:17px;max-width:690px}
.final-action{display:flex;align-items:flex-start;flex-direction:column;gap:12px;white-space:nowrap}
.final-action span{font-size:13px;color:#ecf4eb;white-space:normal;overflow-wrap:anywhere}
.page-intro{padding:80px 0 88px;background:linear-gradient(117deg,#f8f7f1 0%,#f7f7f1 62%,#e1ebe6 62%,#dfeae3 100%)}
.intro-layout{display:grid;grid-template-columns:1.45fr .55fr;gap:100px;align-items:end}
.intro-copy h1{margin:20px 0 22px;max-width:900px}
.intro-copy>p{font-size:20px;line-height:1.7;max-width:820px;color:#48656a}
.intro-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:28px}
.quiet-link{font-weight:750;border-bottom:1px solid;padding-bottom:2px}
.intro-aside{border-top:1px solid #9fb4af;border-inline-start:2px solid #98aaa0;padding:23px 0 20px 27px;align-self:stretch;display:flex;flex-direction:column;justify-content:end}
.intro-aside span{font-size:11px;color:#4a6c68;letter-spacing:.14em;font-weight:750}
.intro-aside span i{color:#b09f85}
.intro-aside strong{font-family:var(--serif);font-size:26px;font-weight:500;line-height:1.27;color:var(--ink);margin:18px 0 15px}
.intro-aside p{font-size:14px;color:#557276;line-height:1.7;margin:0}
.detail-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}
.product-detail{padding:90px 0}
.detail-visual{background:#dfe8e2;min-height:570px;position:sticky;top:110px;display:flex;align-items:center;justify-content:center}
.detail-visual img{width:110%;max-height:480px;object-fit:contain}
.detail-icon{position:absolute;top:26px;inset-inline-start:26px;font-family:var(--serif);font-size:22px;color:var(--ink)}
.detail-caption{position:absolute;bottom:20px;inset-inline-end:26px;font-size:10px;letter-spacing:.1em}
.detail-copy h2{margin:16px 0 15px}
.detail-copy>p{font-size:18px;line-height:1.7;color:var(--muted)}
.detail-copy>.btn{margin-top:26px}
.spec-table{border-top:1px solid #a9beb7;margin-top:24px}
.spec-row{display:grid;grid-template-columns:minmax(170px,.42fr) 1fr;align-items:start;gap:25px;border-bottom:1px solid #cad9d1;padding:19px 0}
.spec-row strong{font-size:15px;color:var(--ink);line-height:1.45}
.spec-row p{margin:0;color:#557078;font-size:15px;line-height:1.55}
.email-panel{display:flex;justify-content:space-between;gap:40px;background:#e4ebe3;border-inline-start:4px solid var(--sea);padding:40px 45px}
.email-panel>div:first-child{min-width:0}
.big-email{display:block;font-family:var(--serif);font-size:clamp(22px,3.1vw,35px);overflow-wrap:anywhere;color:var(--ink);line-height:1.25;margin:12px 0 14px}
.email-panel p{margin:0;color:var(--muted)}
.email-actions{display:flex;flex-direction:column;gap:10px;align-items:stretch;flex:none}
.copy-status{min-height:20px;font-size:13px}
.editorial-copy{max-width:800px;font-size:19px;line-height:1.8;color:#4c666c}
.site-footer{background:#102b33;color:#cbddd8;padding-top:68px}
.footer-top{display:grid;grid-template-columns:1fr 350px;gap:100px;padding-bottom:66px}
.foot-kicker{font-size:11px;letter-spacing:.16em;font-weight:750;color:#d1bd9f}
.footer-intro h2{color:white;margin:17px 0 15px;font-size:clamp(27px,3.2vw,44px)}
.footer-intro p{margin:0 0 20px;max-width:580px}
.foot-email{font-size:19px;color:#f7e6c8;text-decoration:underline;text-underline-offset:5px;overflow-wrap:anywhere}
.footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 27px;align-content:start}
.footer-links a{font-size:14px}
.footer-links a:hover{color:white;text-decoration:underline}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:17px 0 22px;font-size:12px;border-top:1px solid #42626a;color:#b7c9c3}
[dir=rtl] .product-card img{transform:scaleX(-1)}
[dir=rtl] .guide-panel>b{right:auto;left:27px}
[dir=rtl] .hero-left{padding:82px 0 30px 60px}
[dir=rtl] .buy-grid>div{padding-inline-end:28px}
@media(max-width:1260px){
.container{width:min(var(--max),calc(100% - 62px))}
.header-inner{gap:16px}
.brand{min-width:200px}
.main-nav{gap:13px}
.header-quote{padding:12px;font-size:12px}
.language-toggle{font-size:12px}
}
@media(max-width:1070px){
.header-inner{min-height:74px}
.menu-toggle{display:block;order:4}
.main-nav{display:none;position:absolute;top:100%;inset-inline:0;background:#fffdfa;border-bottom:1px solid #d4ddd9;box-shadow:0 14px 20px rgba(0,0,0,.08);padding:16px 30px}
.main-nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}
.main-nav a{font-size:16px;padding:9px}
.header-actions{margin-inline-start:auto}
.intro-layout{gap:35px}
.product-layout{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}
.product-card,.product-card.pc-fillets,.product-card.pc-canned{grid-row:auto;min-height:390px}
.product-card img{width:85%;height:50%}
.hero-left{padding:60px 35px 30px 0}
[dir=rtl] .hero-left{padding:60px 0 30px 35px}
.hero-bottom{padding-top:45px}
}
@media(max-width:740px){
body{font-size:16px}
.container{width:calc(100% - 38px)}
.header-inner{min-height:70px;gap:8px}
.brand{min-width:unset;gap:9px}
.brand-icon{width:40px;height:40px;font-size:17px}
.brand-word{font-size:11px;letter-spacing:.07em}
.brand-word span{font-size:9px;letter-spacing:.28em}
.header-quote{display:none}
.language-toggle{font-size:0;gap:0;width:40px;height:40px}
.language-toggle .globe{font-size:23px}
.language-toggle span:last-child{font-size:0}
.language-panel{inset-inline-end:-52px;max-width:calc(100vw - 25px)}
.menu-toggle{padding:8px}
.home-hero-grid{display:block;min-height:auto}
.hero-left,[dir=rtl] .hero-left{padding:52px 0 30px}
.hero-left h1{font-size:clamp(43px,11vw,65px);margin:18px 0}
.hero-left>p{font-size:17px}
.hero-cta{gap:15px}
.hero-bottom{gap:12px;padding-top:48px}
.hero-bottom span{font-size:9px}
.hero-image{min-height:300px;margin-inline:-19px;border:0}
.hero-image img{max-height:340px;width:95%}
.home-stripe .container{gap:8px;padding-block:13px}
.home-stripe span{font-size:12px}
.content-section,.product-detail{padding:64px 0}
.section-heading{display:block;margin-bottom:27px}
.section-heading h2{font-size:37px}
.section-heading>p{margin-top:15px;font-size:16px}
.product-layout{display:block}
.product-card,.product-card.pc-fillets,.product-card.pc-canned{display:flex;min-height:355px;margin-bottom:12px;padding:23px}
.product-card h3{font-size:29px;max-width:300px}
.product-card p{max-width:250px}
.product-card img,.pc-fillets img,.pc-canned img{width:72%;height:50%;inset-inline-end:-5%;bottom:-2%;opacity:.9}
.pc-canned img{bottom:-2%}
.buy-grid{grid-template-columns:1fr}
.buy-grid>div,.buy-grid>div:not(:nth-child(3n+1)){padding:17px 0;border-inline-start:0}
.guide-pair{grid-template-columns:1fr;gap:14px}
.guide-panel{min-height:220px;padding:30px}
.final-cta{padding:55px 0}
.final-layout{display:block}
.final-action{margin-top:25px;align-items:flex-start}
.page-intro{padding:47px 0 56px;background:#f5f6ef}
.intro-layout{grid-template-columns:1fr}
.intro-copy h1{font-size:clamp(40px,10vw,58px);margin:15px 0}
.intro-copy>p{font-size:17px}
.intro-aside{display:none}
.detail-grid{grid-template-columns:1fr;gap:30px}
.detail-visual{position:relative;top:auto;min-height:320px}
.detail-visual img{max-height:300px}
.detail-copy h2{font-size:37px}
.spec-row{grid-template-columns:1fr;gap:5px;padding:13px 0}
.email-panel{display:block;padding:27px}
.email-actions{margin-top:26px;align-items:flex-start}
.footer-top{grid-template-columns:1fr;gap:38px;padding-bottom:42px}
.footer-links{grid-template-columns:1fr 1fr;gap:12px}
.footer-bottom{flex-direction:column;gap:9px}
}
@media(max-width:380px){
.brand-word{font-size:10px}
.brand-word span{font-size:8px}
.header-inner{gap:3px}
.language-panel{width:220px;inset-inline-end:-39px}
.product-card,.product-card.pc-fillets,.product-card.pc-canned{min-height:370px}
.intro-copy h1{font-size:39px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

/* Buyer questions: unobtrusive, useful, and crawlable */
.faq-block{background:#fffdf8;padding:76px 0 84px}
.faq-block h2{margin-bottom:34px}
.faq-block details{padding:20px 0;border-top:1px solid #cad4cf;max-width:940px}
.faq-block details:last-child{border-bottom:1px solid #cad4cf}
.faq-block summary{cursor:pointer;font-size:19px;color:var(--ink);font-weight:700;padding-inline-end:28px}
.faq-block details p{font-size:17px;max-width:790px;color:var(--muted);margin:12px 0 0}
@media(max-width:740px){.faq-block{padding:53px 0}.faq-block summary{font-size:17px}}