/*
Theme Name: Sea Treasure
Theme URI: https://seatreasure.gr/
Author: Sea Treasure
Description: Custom WooCommerce theme for a premium seafood retail and wholesale store.
Version: 2.6.3
Requires at least: 6.6
Requires PHP: 8.2
Text Domain: sea-treasure
*/

:root{
  --st-bg:#f6f4ef;
  --st-surface:#ffffff;
  --st-text:#0f1f2e;
  --st-muted:#69747d;
  --st-primary:#0d2f4f;
  --st-accent:#1f7185;
  --st-border:#dce2e6;
  --st-radius:18px;
  --st-shadow:0 12px 35px rgba(15,31,46,.08);
  --st-container:1280px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--st-bg);
  color:var(--st-text);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.6;
}
img{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.container{width:min(calc(100% - 32px),var(--st-container));margin-inline:auto}

.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(246,244,239,.94);
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(15,31,46,.08);
}
.header-inner{
  min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:28px;
}
.site-brand{
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.4rem;font-weight:700;letter-spacing:.01em;
}
.main-nav ul{display:flex;gap:26px;align-items:center;list-style:none;padding:0;margin:0}
.main-nav a{font-weight:600;font-size:.96rem}
.header-actions{display:flex;gap:12px;align-items:center}
.header-actions a{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:42px;height:42px;border-radius:999px;background:#fff;border:1px solid var(--st-border);
}

.hero{padding:78px 0 44px}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:stretch}
.hero-copy,.hero-visual{
  border-radius:28px;min-height:560px;overflow:hidden;
}
.hero-copy{
  background:var(--st-primary);color:#fff;padding:64px;
  display:flex;flex-direction:column;justify-content:flex-end;
}
.eyebrow{
  text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:800;opacity:.75;
}
.hero h1{
  margin:12px 0 18px;font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(3rem,6vw,6.8rem);line-height:.93;font-weight:600;letter-spacing:-.045em;
}
.hero p{max-width:620px;font-size:1.1rem;color:rgba(255,255,255,.82)}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:50px;padding:0 22px;border-radius:999px;font-weight:800;border:1px solid transparent;
}
.btn-light{background:#fff;color:var(--st-primary)}
.btn-outline{border-color:rgba(255,255,255,.45);color:#fff}
.hero-visual{
  background:
    linear-gradient(180deg,rgba(13,47,79,.04),rgba(13,47,79,.2)),
    radial-gradient(circle at 30% 20%,#d8edf2,transparent 35%),
    linear-gradient(135deg,#b8d5dc,#eaf3f4 52%,#9dc0c9);
  position:relative;
}
.hero-visual::after{
  content:"SEA TREASURE";position:absolute;right:28px;bottom:18px;
  font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,5vw,4.6rem);
  color:rgba(255,255,255,.55);letter-spacing:.04em;
}

.section{padding:48px 0}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}
.section h2{
  margin:0;font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(2rem,4vw,3.8rem);line-height:1;
}
.section-sub{color:var(--st-muted);max-width:640px;margin:8px 0 0}

.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.category-card{
  min-height:210px;padding:24px;border-radius:var(--st-radius);
  background:var(--st-surface);border:1px solid var(--st-border);
  display:flex;flex-direction:column;justify-content:flex-end;
  box-shadow:var(--st-shadow);
}
.category-card span{color:var(--st-muted);font-size:.9rem}
.category-card strong{font-family:Georgia,"Times New Roman",serif;font-size:1.7rem}

.feature-band{
  background:#fff;border-block:1px solid var(--st-border);margin-top:28px
}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.feature-item{padding:28px 22px;border-right:1px solid var(--st-border)}
.feature-item:last-child{border-right:0}
.feature-item strong{display:block;font-size:1rem}
.feature-item span{display:block;color:var(--st-muted);font-size:.9rem;margin-top:4px}

.b2b{
  background:linear-gradient(135deg,#0d2f4f,#123f63);color:white;border-radius:28px;padding:54px;
  display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;
}
.b2b h2{font-size:clamp(2.4rem,4vw,4.8rem)}
.b2b p{color:rgba(255,255,255,.78)}
.b2b-panel{
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);
  border-radius:20px;padding:24px;
}
.b2b-panel ul{margin:0;padding-left:20px}

.site-main{min-height:60vh}
.site-footer{margin-top:70px;padding:48px 0;border-top:1px solid var(--st-border);background:#fff}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px}
.site-footer h3{font-family:Georgia,"Times New Roman",serif;font-size:1.7rem;margin-top:0}
.site-footer ul{list-style:none;padding:0;margin:0}
.site-footer li{margin:8px 0;color:var(--st-muted)}
.footer-bottom{margin-top:34px;padding-top:22px;border-top:1px solid var(--st-border);color:var(--st-muted);font-size:.9rem}

.woocommerce .woocommerce-breadcrumb{margin:24px 0;color:var(--st-muted)}
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:18px}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}
.woocommerce ul.products li.product{
  width:auto!important;margin:0!important;background:#fff;border:1px solid var(--st-border);
  padding:16px;border-radius:var(--st-radius);box-shadow:var(--st-shadow);
}
.woocommerce ul.products li.product img{border-radius:14px}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:1.05rem;color:var(--st-text)}
.woocommerce ul.products li.product .price{color:var(--st-primary);font-weight:800}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{
  background:var(--st-primary)!important;color:#fff!important;border-radius:999px!important;
  padding:13px 18px!important;font-weight:800!important;
}
.woocommerce div.product{padding-top:28px}
.woocommerce div.product div.images img{border-radius:20px}
.woocommerce div.product .product_title{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.4rem,4vw,4rem)}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--st-primary);font-weight:800}
.woocommerce table.shop_table{border-radius:16px;overflow:hidden;background:#fff}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{
  min-height:48px;border:1px solid var(--st-border);border-radius:12px;padding:10px 12px;
}
.woocommerce-checkout #payment{background:#fff;border:1px solid var(--st-border);border-radius:16px}

.page-shell{padding:42px 0 20px}
.page-shell article{background:#fff;border:1px solid var(--st-border);border-radius:20px;padding:34px}
.page-title{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.2rem,4vw,4rem);margin-top:0}

@media (max-width:1000px){
  .hero-grid,.b2b{grid-template-columns:1fr}
  .hero-copy,.hero-visual{min-height:450px}
  .category-grid,.woocommerce ul.products{grid-template-columns:repeat(2,1fr)!important}
  .feature-grid{grid-template-columns:repeat(2,1fr)}
  .feature-item:nth-child(2){border-right:0}
  .feature-item:nth-child(-n+2){border-bottom:1px solid var(--st-border)}
}
@media (max-width:760px){
  .header-inner{min-height:72px}
  .main-nav{display:none}
  .hero{padding-top:28px}
  .hero-copy{padding:34px 26px}
  .hero-copy,.hero-visual{min-height:390px}
  .category-grid,.woocommerce ul.products{grid-template-columns:1fr!important}
  .feature-grid,.footer-grid{grid-template-columns:1fr}
  .feature-item{border-right:0;border-bottom:1px solid var(--st-border)}
  .feature-item:last-child{border-bottom:0}
  .b2b{padding:34px 24px}
}


/* v0.2 branding refinements */
.site-brand img.custom-logo{
  max-height:58px;
  width:auto;
}
.brand-image-link{
  display:inline-flex;
  align-items:center;
}
.brand-image-link img{
  width:auto;
  height:72px;
  max-width:280px;
  object-fit:contain;
}
.hero-visual{
  background:
    linear-gradient(180deg,rgba(13,47,79,.05),rgba(13,47,79,.22)),
    url('assets/images/world-of-seafoods-emblem.png') center/55% no-repeat,
    linear-gradient(135deg,#dcecf0,#eef5f6 52%,#b8d1d8);
}
.hero-visual::after{
  content:"WORLD OF SEAFOODS";
  right:30px;
  bottom:24px;
  font-size:clamp(1.5rem,3.6vw,3.6rem);
}
.todays-catch{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:20px;
}
.catch-panel{
  background:var(--st-primary);
  color:#fff;
  border-radius:24px;
  padding:34px;
}
.catch-panel .section-sub{color:rgba(255,255,255,.72)}
.catch-list{
  display:grid;
  gap:12px;
}
.catch-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:#fff;
  border:1px solid var(--st-border);
  border-radius:14px;
  padding:16px 18px;
}
.catch-status{
  font-size:.8rem;
  font-weight:800;
  color:var(--st-accent);
  text-transform:uppercase;
  letter-spacing:.08em;
}
.best-sellers{
  background:#fff;
  border-block:1px solid var(--st-border);
}
.delivery-band{
  background:#e7f0f2;
  border-radius:26px;
  padding:42px;
}
.delivery-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.delivery-card{
  background:#fff;
  border:1px solid var(--st-border);
  border-radius:16px;
  padding:22px;
}
@media (max-width:900px){
  .todays-catch,.delivery-grid{grid-template-columns:1fr}
  .brand-image-link img{height:58px;max-width:230px}
}

/* v0.2.1 larger header logo */
.header-inner{min-height:96px}
@media (max-width:760px){
  .header-inner{min-height:82px}
}


/* v0.3 premium brand + commerce refinements */
.brand-image-link img{
  height:82px;
  max-width:340px;
}
.header-inner{min-height:108px}
.site-header{
  background:rgba(248,246,241,.96);
}
.main-nav a{
  position:relative;
  font-size:.94rem;
  letter-spacing:.01em;
}
.main-nav a::after{
  content:"";
  position:absolute;
  left:0;right:100%;bottom:-8px;
  height:2px;background:var(--st-accent);
  transition:right .2s ease;
}
.main-nav a:hover::after{right:0}

.hero-grid{grid-template-columns:1.08fr .92fr}
.hero-copy{
  background:
    radial-gradient(circle at 15% 15%,rgba(31,113,133,.2),transparent 30%),
    linear-gradient(145deg,#0b2d4a,#103b5c 70%,#0b2d4a);
}
.hero-visual{
  background:
    radial-gradient(circle at 50% 40%,rgba(255,255,255,.95),rgba(240,244,245,.65) 42%,rgba(171,199,207,.75) 70%),
    url('assets/images/world-of-seafoods-s-emblem.png') center 44%/58% no-repeat,
    linear-gradient(135deg,#d7e7ea,#eef3f3);
}
.hero-visual::after{
  content:"PREMIUM SEAFOOD";
  color:rgba(13,47,79,.22);
  font-size:clamp(1.2rem,3vw,3rem);
  letter-spacing:.14em;
  right:28px;
  bottom:22px;
}

.category-card{
  min-height:240px;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.category-card:hover{
  transform:translateY(-5px);
  border-color:#b7c9d0;
  box-shadow:0 20px 50px rgba(15,31,46,.12);
}
.category-card::before{
  content:"";
  width:42px;height:3px;background:var(--st-accent);
  margin-bottom:auto;border-radius:999px;
}

.woocommerce div.product{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);
  gap:56px;
  align-items:start;
}
.woocommerce div.product div.images,
.woocommerce div.product div.summary{
  width:100%!important;
  float:none!important;
}
.woocommerce div.product div.summary{
  background:#fff;
  border:1px solid var(--st-border);
  border-radius:22px;
  padding:30px;
  position:sticky;
  top:132px;
  box-shadow:var(--st-shadow);
}
.woocommerce div.product form.cart{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}
.woocommerce div.product form.cart .quantity .qty{
  min-height:48px;
  width:78px;
  border:1px solid var(--st-border);
  border-radius:999px;
  padding:0 12px;
}
.woocommerce div.product .woocommerce-tabs{
  grid-column:1/-1;
  background:#fff;
  border:1px solid var(--st-border);
  border-radius:20px;
  padding:28px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs{
  margin:0 0 24px!important;
  padding:0!important;
  display:flex;
  gap:22px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{display:none!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
  background:transparent!important;
  border:0!important;
  padding:0!important;
  margin:0!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none!important}

.woocommerce-cart .wc-block-cart,
.woocommerce-checkout .wc-block-checkout{
  max-width:var(--st-container);
  margin-inline:auto;
}
.wc-block-components-order-summary,
.wc-block-cart__totals-title,
.wc-block-components-totals-wrapper{
  border-color:var(--st-border)!important;
}
.wc-block-components-button{
  border-radius:999px!important;
  min-height:50px!important;
  font-weight:800!important;
}
.wc-block-components-checkout-place-order-button{
  background:var(--st-primary)!important;
  color:#fff!important;
}

.product-meta-strip{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin:20px 0 0;
}
.product-meta-pill{
  background:#eef3f4;
  border:1px solid #d8e2e5;
  border-radius:14px;
  padding:12px 14px;
}
.product-meta-pill span{
  display:block;
  color:var(--st-muted);
  font-size:.76rem;
  text-transform:uppercase;
  letter-spacing:.07em;
  font-weight:800;
}
.product-meta-pill strong{display:block;margin-top:2px}

@media (max-width:1000px){
  .woocommerce div.product{grid-template-columns:1fr}
  .woocommerce div.product div.summary{position:static}
  .product-meta-strip{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  .brand-image-link img{height:62px;max-width:250px}
  .header-inner{min-height:86px}
  .product-meta-strip{grid-template-columns:1fr}
}


/* v0.4 seafood ordering controls */
.st-product-options{
  margin:24px 0 18px;
  padding:20px;
  background:#f5f8f8;
  border:1px solid var(--st-border);
  border-radius:18px;
}
.st-option-group + .st-option-group{margin-top:18px}
.st-option-label{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:9px;
  font-weight:800;
}
.st-option-label small{
  color:var(--st-muted);
  font-weight:600;
}
.st-chip-grid{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
}
.st-chip{
  position:relative;
  cursor:pointer;
}
.st-chip input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.st-chip span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 15px;
  border:1px solid #cbd7dc;
  background:#fff;
  border-radius:999px;
  font-weight:700;
  transition:.18s ease;
}
.st-chip input:checked + span{
  color:#fff;
  background:var(--st-primary);
  border-color:var(--st-primary);
  box-shadow:0 7px 18px rgba(13,47,79,.18);
}
.st-chip:hover span{
  border-color:var(--st-accent);
}
.st-calculated-price{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:18px;
  margin-top:20px;
  padding-top:18px;
  border-top:1px solid var(--st-border);
}
.st-calculated-price span{
  color:var(--st-muted);
  font-size:.9rem;
}
.st-calculated-price strong{
  font-family:Georgia,"Times New Roman",serif;
  color:var(--st-primary);
  font-size:1.75rem;
}
.st-price-note{
  margin:7px 0 0;
  color:var(--st-muted);
  font-size:.83rem;
}
.st-preparation-note{
  margin-top:9px;
  color:var(--st-muted);
  font-size:.86rem;
}
.st-base-price-unit{
  color:var(--st-muted);
  font-size:.88rem;
  font-weight:600;
  margin-left:5px;
}
.woocommerce-error.st-inline-error{
  margin:12px 0!important;
}
@media(max-width:520px){
  .st-calculated-price{
    align-items:flex-start;
    flex-direction:column;
    gap:4px;
  }
  .st-chip span{
    min-height:40px;
    padding-inline:13px;
  }
}


/* =========================================================
   v0.5 — Ambient animated underwater background
   ========================================================= */
html{background:#f8f6f1}
body{
  position:relative;
  isolation:isolate;
  background:rgba(248,246,241,.90);
}

.wos-ocean-bg{
  position:fixed;
  inset:-4%;
  z-index:0;
  pointer-events:none;
  background:
    url('assets/images/underwater-frame.png') center center / cover no-repeat;
  opacity:.14;
  filter:saturate(.85) contrast(.92);
  transform:scale(1.04) translate3d(0,0,0);
  animation:wosOceanDrift 28s ease-in-out infinite alternate;
  will-change:transform,opacity;
}

.site-header,
.site-main,
.site-footer{
  position:relative;
  z-index:1;
}

.site-header{
  background:rgba(248,246,241,.88);
  backdrop-filter:blur(18px) saturate(1.08);
}

.site-footer{
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(12px);
}

.hero-copy,
.hero-visual,
.category-card,
.catch-item,
.delivery-card,
.woocommerce ul.products li.product,
.woocommerce div.product div.summary,
.woocommerce div.product .woocommerce-tabs,
.page-shell article{
  backdrop-filter:blur(3px);
}

@keyframes wosOceanDrift{
  0%{
    transform:scale(1.035) translate3d(-.6%, -.35%, 0);
    opacity:.115;
  }
  45%{
    transform:scale(1.055) translate3d(.45%, .25%, 0);
    opacity:.15;
  }
  100%{
    transform:scale(1.04) translate3d(.8%, -.15%, 0);
    opacity:.125;
  }
}

@media (max-width:760px){
  .wos-ocean-bg{
    opacity:.095;
    background-size:auto 100%;
    background-position:center bottom;
    animation-duration:34s;
  }
}

@media (prefers-reduced-motion:reduce){
  .wos-ocean-bg{
    animation:none;
    transform:none;
  }
}


/* v0.6 account button + content pages */
.account-text-link{
  min-width:auto!important;
  padding:0 17px;
  gap:7px;
  font-weight:800;
}
.account-text-link .account-dot{
  width:8px;height:8px;border-radius:50%;background:var(--st-accent);display:inline-block;
}
.page-shell article{
  max-width:1040px;
  margin-inline:auto;
}
.page-shell article h2{
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.8rem,3vw,2.8rem);
  margin-top:1.4em;
}
.page-shell article h3{
  margin-top:1.6em;
}


/* =========================================================
 * v0.6.2 — Single product sticky panel stacking fix
 * Prevent Additional information / tabs from covering order controls.
 * ========================================================= */

.woocommerce div.product{
  isolation:isolate;
}

.woocommerce div.product div.summary{
  z-index:20;
}

.woocommerce div.product .woocommerce-tabs{
  position:relative;
  z-index:1;
  clear:both;
}

/* Give the sticky card a little extra breathing room before the full-width
   information section enters the viewport. */
.woocommerce div.product .woocommerce-tabs{
  margin-top:18px;
}

/* On shorter desktop viewports, avoid a sticky card taller than the visible
   area becoming trapped underneath the next section. */
@media (min-width:981px) and (max-height:820px){
  .woocommerce div.product div.summary{
    position:relative;
    top:auto;
  }
}

@media (max-width:980px){
  .woocommerce div.product div.summary{
    z-index:auto;
  }
}


/* =========================================================
 * v0.7.0 — Phase 1+2+3 bilingual / brand / product refresh
 * ========================================================= */
.phase123-header{gap:20px}.sea-brand-lockup{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:215px}.sea-brand-mark{width:56px;height:56px;object-fit:contain}.sea-brand-type{display:flex;flex-direction:column;line-height:1}.sea-brand-type strong{font-family:Georgia,"Times New Roman",serif;letter-spacing:.08em;font-size:1.08rem;color:#0d2f4f}.sea-brand-type small{margin-top:5px;letter-spacing:.18em;font-size:.56rem;color:#98743d}.phase123-nav ul{gap:18px}.phase123-nav a{font-size:.92rem;white-space:nowrap}.phase123-actions{gap:9px}.header-product-search{display:flex;align-items:center;border:1px solid #d9e1e4;border-radius:999px;background:#fff;overflow:hidden}.header-product-search input{width:86px;border:0!important;padding:8px 5px 8px 12px!important;min-height:36px!important;background:transparent!important}.header-product-search button{border:0;background:transparent;padding:8px 10px;cursor:pointer;color:#0d2f4f;font-weight:800}.language-switch{display:flex;align-items:center;gap:5px;font-size:.78rem;font-weight:800}.language-switch a{text-decoration:none;color:#6b7780}.language-switch a.is-active{color:#0d2f4f;text-decoration:underline;text-underline-offset:4px}.occasion-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.occasion-card{padding:22px 14px;border:1px solid #dce2e6;border-radius:16px;background:rgba(255,255,255,.9);font-weight:800;text-align:center;color:#0d2f4f}.phase123-hero .hero-copy{max-width:720px}
.st-fresh-today{display:inline-flex;margin:4px 0 10px;padding:7px 12px;border-radius:999px;background:#eef5df;color:#557100;font-size:.82rem;font-weight:800}.st-key-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:10px 0 16px}.st-key-facts>div{padding:10px 12px;border:1px solid #e1e7e9;border-radius:12px;background:#fafbfa}.st-key-facts span{display:block;color:#75808a;font-size:.72rem}.st-key-facts strong{display:block;margin-top:3px;font-size:.88rem;color:#102235}.st-how-heading{margin:18px 0 8px;font-family:Georgia,"Times New Roman",serif;font-size:1.3rem;font-weight:800;color:#102235}.st-weight-important{margin:18px 0 10px;padding:16px 18px;border-left:4px solid #b48a4c;border-radius:12px;background:#fbf7ee}.st-weight-important strong{display:block;margin-bottom:5px;color:#102235}.st-weight-important p{margin:0;color:#52616c;font-size:.9rem;line-height:1.55}.st-delivery-note{padding:12px 15px;border-radius:12px;background:#eef5f5;color:#31535c;font-weight:700;font-size:.86rem}.st-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.st-info-grid>div{padding:12px;border:1px solid #e3e8ea;border-radius:12px}.st-info-grid span{display:block;color:#75808a;font-size:.78rem}.st-info-grid strong{display:block;margin-top:3px}.woocommerce div.product .woocommerce-tabs{z-index:1}.woocommerce div.product div.summary{z-index:20}
@media(max-width:1180px){.header-product-search{display:none}.phase123-nav ul{gap:12px}.phase123-nav a{font-size:.84rem}.sea-brand-type small{display:none}.sea-brand-lockup{min-width:170px}.occasion-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.phase123-nav{display:none}.phase123-header{justify-content:space-between}.language-switch{display:flex}.occasion-grid{grid-template-columns:repeat(2,1fr)}.st-key-facts{grid-template-columns:1fr}.st-info-grid{grid-template-columns:1fr}}
@media(max-width:560px){.sea-brand-type strong{font-size:.9rem}.sea-brand-mark{width:48px;height:48px}.account-text-link{padding-inline:10px}.occasion-grid{grid-template-columns:1fr}.phase123-actions{gap:6px}}


/* =========================================================
 * v0.7.2 — Exact language flags + unified brand lockup
 * ========================================================= */

.sea-brand-type.sea-brand-single{
  display:flex;
  flex-direction:row;
  align-items:center;
  line-height:1.1;
}

.sea-brand-type.sea-brand-single strong{
  font-family:Georgia,"Times New Roman",serif;
  letter-spacing:.015em;
  font-size:1.02rem;
  color:#0d2f4f;
  text-transform:none;
  white-space:nowrap;
  font-weight:700;
}

.sea-brand-type .brand-dash{
  color:#98743d;
  padding:0 .2em;
  font-weight:400;
}

.language-switch.language-switch-flags{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:1rem;
  font-weight:400;
}

.language-switch-flags a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:32px;
  padding:0;
  border-radius:8px;
  text-decoration:none!important;
  line-height:1;
  opacity:.72;
  transition:opacity .18s ease, background-color .18s ease, transform .18s ease;
}

.language-switch-flags a:hover{
  opacity:1;
  background:rgba(13,47,79,.06);
  transform:translateY(-1px);
}

.language-switch-flags a.is-active{
  opacity:1;
  background:rgba(13,47,79,.08);
  text-decoration:none!important;
}

.language-switch-flags .lang-flag{
  font-size:1.28rem;
  line-height:1;
}

.language-switch-flags .language-divider{
  opacity:.32;
  font-size:.75rem;
}

@media(max-width:1180px){
  .sea-brand-type.sea-brand-single strong{
    font-size:.92rem;
  }
  .sea-brand-lockup{
    min-width:270px;
  }
}

@media(max-width:760px){
  .sea-brand-type.sea-brand-single strong{
    font-size:.82rem;
    white-space:normal;
    max-width:185px;
  }
  .sea-brand-lockup{
    min-width:0;
  }
}


/* =========================================================
 * v0.7.3 — Restore original brand layout
 * Keeps the v0.7.2 GR/EN flag switcher.
 * ========================================================= */
.sea-brand-type{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  line-height:1;
}

.sea-brand-type strong{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:700;
  text-transform:uppercase;
  white-space:nowrap;
}

.sea-brand-type small{
  display:block;
  margin-top:3px;
  letter-spacing:.19em;
  font-size:.58rem;
  line-height:1.1;
  text-transform:uppercase;
  white-space:nowrap;
}

/* Remove any v0.7.2 single-line brand behavior if cached selectors persist. */
.sea-brand-type.sea-brand-single{
  flex-direction:column;
}


/* =========================================================
 * v0.8.0 — Phase 4 + 5
 * Wholesale, B2B, delivery, recipes, FAQ and legal experience.
 * ========================================================= */
.st-page-hero{padding:72px 0 40px}
.st-page-hero .eyebrow{margin-bottom:12px}
.st-page-hero h1{max-width:850px;margin:0 0 18px;font-size:clamp(2.45rem,5vw,4.8rem);line-height:.98}
.st-page-hero p{max-width:780px;font-size:1.08rem;color:#5f6d77}
.st-content-section{padding:28px 0 64px}
.st-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.st-info-card,.st-step-card,.st-faq-item,.st-legal-card,.wos-b2b-form-wrap,.st-recipe-card{
  background:rgba(255,255,255,.88);border:1px solid #dbe2e6;border-radius:20px;
  padding:26px;box-shadow:0 14px 40px rgba(13,47,79,.055)
}
.st-info-card h3,.st-step-card h3{margin-top:0}
.st-b2b-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:26px;align-items:start}
.st-b2b-benefits{display:grid;gap:14px}
.st-b2b-benefit{padding:18px 0;border-bottom:1px solid #dfe5e8}
.st-b2b-benefit:last-child{border-bottom:0}
.wos-b2b-form-wrap{padding:28px}
.wos-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.wos-form-grid p{margin:0}
.wos-form-grid label{display:block;font-weight:700;margin-bottom:7px}
.wos-form-grid input,.wos-form-grid select{
  width:100%;min-height:48px;border:1px solid #ccd7dd;border-radius:12px;background:#fff;padding:10px 13px
}
.wos-form-grid .wos-span-2{grid-column:1/-1}
.wos-b2b-consent{font-size:.88rem;color:#5f6d77}
.wos-hp-field{position:absolute!important;left:-9999px!important}
.st-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.st-step-number{display:inline-flex;width:38px;height:38px;border-radius:999px;align-items:center;justify-content:center;background:#0d2f4f;color:#fff;font-weight:800;margin-bottom:18px}
.st-faq-list{display:grid;gap:12px}
.st-faq-item details summary{cursor:pointer;font-weight:800}
.st-faq-item details p{color:#5f6d77;margin-bottom:0}
.st-recipe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.st-recipe-card{padding:0;overflow:hidden}
.st-recipe-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.st-recipe-card-body{padding:20px}
.st-recipe-card h3{margin:.2rem 0 .7rem}
.st-recipe-card p{color:#66747e}
.st-recipe-meta{font-size:.78rem;text-transform:uppercase;letter-spacing:.09em;color:#92703d}
.st-legal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.site-footer .footer-grid{grid-template-columns:1.25fr repeat(4,1fr)}
.site-footer .footer-tagline{max-width:250px}
.site-footer ul{list-style:none;padding:0;margin:.65rem 0 0}
.site-footer li{margin:.45rem 0}
.site-footer a{text-decoration:none}
@media(max-width:1050px){
  .st-b2b-layout{grid-template-columns:1fr}
  .st-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .st-recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .site-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .st-info-grid,.wos-form-grid,.st-steps,.st-recipe-grid,.st-legal-grid{grid-template-columns:1fr}
  .wos-form-grid .wos-span-2{grid-column:auto}
  .st-page-hero{padding-top:48px}
  .site-footer .footer-grid{grid-template-columns:1fr}
}


/* =========================================================
 * v1.0.0 — MEGA UPDATE
 * Today's Catch, conversion UX, mobile sticky cart and trust.
 * ========================================================= */
.st-live-bar{
  display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;
  margin:18px 0 26px;padding:14px 16px;border:1px solid #dce4e8;border-radius:16px;
  background:rgba(255,255,255,.82)
}
.st-live-dot{width:9px;height:9px;border-radius:999px;background:#2a8d5c;display:inline-block;margin-right:7px}
.st-product-trust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin:18px 0;font-size:.9rem}
.st-product-trust span:before{content:"✓";font-weight:800;margin-right:7px}
.st-product-ops{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
.st-product-op{padding:14px 15px;border:1px solid #dce4e8;border-radius:14px;background:rgba(255,255,255,.8)}
.st-product-op small{display:block;color:#6d7881;margin-bottom:4px}
.st-product-op strong{display:block}
.st-yield-box{margin:16px 0;padding:16px;border-radius:16px;background:#f6f2ea;border:1px solid #e6dccd}
.st-mobile-buybar{display:none}
.st-cart-progress{padding:12px 14px;border-radius:14px;border:1px solid #dde4e8;background:#fff;margin:12px 0}
.st-progress-track{height:7px;background:#edf0f2;border-radius:999px;overflow:hidden;margin-top:8px}
.st-progress-fill{height:100%;background:#0d2f4f}
.st-home-simple-hero .hero-copy p{max-width:660px}
.st-meal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.st-meal-card{padding:20px;border:1px solid #dbe2e6;border-radius:18px;background:rgba(255,255,255,.84);font-weight:800}
@media(max-width:900px){.st-meal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){
  body.single-product{padding-bottom:72px}
  .st-product-ops,.st-product-trust{grid-template-columns:1fr}
  .st-mobile-buybar{
    position:fixed;left:0;right:0;bottom:0;z-index:9998;
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    padding:10px 14px;background:rgba(255,255,255,.97);border-top:1px solid #dce3e6;
    box-shadow:0 -10px 30px rgba(13,47,79,.08)
  }
  .st-mobile-buybar .button{margin:0}
}


/* v1.1.0 production contact/delivery/cart drawer polish */
.st-contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;align-items:start}
.st-contact-details{display:grid;gap:12px}
.st-contact-card{background:rgba(255,255,255,.88);border:1px solid #dbe2e6;border-radius:18px;padding:20px}
.wos-contact-form-wrap{background:rgba(255,255,255,.9);border:1px solid #dbe2e6;border-radius:20px;padding:26px}
.wos-contact-form textarea{width:100%;border:1px solid #ccd7dd;border-radius:12px;padding:12px}
.st-delivery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.st-delivery-card{background:rgba(255,255,255,.88);border:1px solid #dbe2e6;border-radius:18px;padding:22px}
.st-delivery-card h3{margin-top:0}
.st-drawer{position:fixed;inset:0;z-index:10000;pointer-events:none}
.st-drawer.is-open{pointer-events:auto}
.st-drawer-backdrop{position:absolute;inset:0;background:rgba(5,21,34,.36);opacity:0;transition:.2s}
.st-drawer-panel{position:absolute;top:0;right:0;width:min(420px,92vw);height:100%;background:#fff;transform:translateX(102%);transition:.25s;padding:24px;overflow:auto;box-shadow:-20px 0 60px rgba(13,47,79,.15)}
.st-drawer.is-open .st-drawer-backdrop{opacity:1}
.st-drawer.is-open .st-drawer-panel{transform:none}
.st-drawer-close{position:absolute;top:14px;right:14px;border:0;background:transparent;font-size:1.6rem;cursor:pointer}
@media(max-width:760px){.st-contact-grid,.st-delivery-grid{grid-template-columns:1fr}}


/* v1.2.0 product completion */
.st-product-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0}
.st-product-detail{padding:18px;border:1px solid #dce4e8;border-radius:16px;background:rgba(255,255,255,.86)}
.st-product-detail h3{margin:0 0 8px;font-size:1rem}
.st-product-detail p{margin:0;color:#5f6d77}
.st-stock-live{display:inline-flex;align-items:center;gap:7px;font-weight:800}
.st-stock-live.is-low{color:#a36a12}
.st-stock-live.is-out{color:#9a3131}
.st-stock-live.is-in{color:#28784f}
.st-occasion-link{text-decoration:none;color:inherit;display:block}
.st-occasion-link:hover .st-meal-card{transform:translateY(-2px);box-shadow:0 12px 28px rgba(13,47,79,.08)}
.st-meal-card{transition:.18s}
@media(max-width:680px){.st-product-details-grid{grid-template-columns:1fr}}


/* =========================================================
 * v1.2.1 — iPhone / small-screen hero + header hotfix
 * Fixes brand/action crowding and restores proper mobile hero layout.
 * ========================================================= */
@media (max-width: 760px){
  .phase123-header{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    min-height:auto;
    padding-top:12px;
    padding-bottom:12px;
  }
  .sea-brand-lockup{
    min-width:0;
    gap:8px;
    max-width:100%;
  }
  .sea-brand-mark{
    width:42px;
    height:42px;
    flex:0 0 42px;
  }
  .sea-brand-type{
    min-width:0;
  }
  .sea-brand-type strong{
    font-size:.82rem;
    line-height:1.02;
    white-space:normal;
    overflow-wrap:anywhere;
  }
  .sea-brand-type small{
    margin-top:2px;
    font-size:.47rem;
    letter-spacing:.10em;
    white-space:normal;
    line-height:1.12;
  }
  .phase123-actions{
    gap:6px;
    flex-wrap:nowrap;
    justify-content:flex-end;
  }
  .account-text-link{
    min-width:auto;
    height:40px;
    padding:0 14px;
    font-size:.98rem;
    white-space:nowrap;
  }
  .header-cart{
    min-width:40px;
    height:40px;
    font-size:1rem;
  }
  .language-switch.language-switch-flags{
    gap:4px;
  }
  .language-switch-flags .language-divider{
    display:none;
  }
  .language-switch-flags a{
    width:32px;
    height:30px;
    border-radius:8px;
  }

  .phase123-hero .hero-grid,
  .hero-grid{
    grid-template-columns:1fr !important;
    gap:16px;
  }
  .phase123-hero .hero-copy,
  .phase123-hero .hero-visual,
  .hero-copy,
  .hero-visual{
    min-height:0;
  }
  .phase123-hero .hero-copy,
  .hero-copy{
    padding:28px 22px;
  }
  .phase123-hero .hero-visual,
  .hero-visual{
    display:none;
  }
  .phase123-hero .hero-copy .eyebrow,
  .hero .eyebrow{
    font-size:.72rem;
    letter-spacing:.14em;
  }
  .phase123-hero h1,
  .hero h1{
    margin:10px 0 14px;
    font-size:clamp(2.2rem, 11vw, 3.6rem);
    line-height:.96;
    letter-spacing:-.04em;
    max-width:100%;
    overflow-wrap:anywhere;
  }
  .phase123-hero p,
  .hero p{
    font-size:1rem;
    line-height:1.55;
    max-width:100%;
  }
  .phase123-hero .cta-row,
  .cta-row{
    gap:10px;
  }
  .phase123-hero .cta-row .btn,
  .cta-row .btn{
    width:100%;
  }
}

@media (max-width: 420px){
  .container{
    width:min(calc(100% - 24px),var(--st-container));
  }
  .sea-brand-type strong{
    font-size:.76rem;
  }
  .sea-brand-type small{
    font-size:.44rem;
    letter-spacing:.08em;
  }
  .account-text-link{
    padding:0 12px;
    font-size:.92rem;
  }
  .phase123-hero .hero-copy,
  .hero-copy{
    padding:24px 18px;
    border-radius:24px;
  }
}


/* =========================================================
 * v1.2.2 — Mobile Pass 2
 * Native mobile header/drawer + touch-first commerce polish
 * ========================================================= */
.st-mobile-menu-toggle,
.st-mobile-menu{
  display:none;
}

@media (max-width:760px){
  .site-header{
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
  }

  .phase123-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding-top:10px;
    padding-bottom:10px;
  }

  .sea-brand-lockup{
    flex:1 1 auto;
    max-width:calc(100% - 104px);
  }

  .sea-brand-mark{
    width:44px;
    height:44px;
    flex-basis:44px;
  }

  .sea-brand-type strong{
    font-size:.82rem;
    letter-spacing:.055em;
  }

  .sea-brand-type small{
    display:block!important;
    font-size:.43rem;
    letter-spacing:.08em;
  }

  .phase123-actions{
    flex:0 0 auto;
    gap:7px;
  }

  .header-product-search,
  .phase123-actions .account-text-link,
  .phase123-actions .language-switch{
    display:none!important;
  }

  .header-cart{
    width:42px;
    min-width:42px;
    height:42px;
    padding:0!important;
    border-radius:12px!important;
    font-size:.95rem;
  }

  .st-mobile-menu-toggle{
    display:inline-flex;
    width:42px;
    height:42px;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    border:1px solid var(--st-border);
    border-radius:12px;
    background:#fff;
    color:var(--st-primary);
    cursor:pointer;
    padding:0;
  }

  .st-mobile-menu-toggle span{
    width:18px;
    height:2px;
    border-radius:99px;
    background:currentColor;
    display:block;
  }

  .st-mobile-menu{
    display:block;
    position:fixed;
    inset:0;
    z-index:10050;
    pointer-events:none;
  }

  .st-mobile-menu.is-open{
    pointer-events:auto;
  }

  .st-mobile-menu-backdrop{
    position:absolute;
    inset:0;
    background:rgba(6,22,35,.42);
    opacity:0;
    transition:opacity .22s ease;
  }

  .st-mobile-menu-panel{
    position:absolute;
    top:0;
    right:0;
    width:min(88vw,390px);
    height:100%;
    padding:max(18px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom));
    overflow:auto;
    background:#f8f6f1;
    transform:translateX(102%);
    transition:transform .26s ease;
    box-shadow:-24px 0 60px rgba(13,47,79,.16);
  }

  .st-mobile-menu.is-open .st-mobile-menu-backdrop{
    opacity:1;
  }

  .st-mobile-menu.is-open .st-mobile-menu-panel{
    transform:none;
  }

  body.st-mobile-menu-open{
    overflow:hidden;
  }

  .st-mobile-menu-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-bottom:20px;
  }

  .st-mobile-menu-brand{
    display:flex;
    align-items:center;
    gap:9px;
  }

  .st-mobile-menu-brand img{
    width:42px;
    height:42px;
    object-fit:contain;
  }

  .st-mobile-menu-brand span{
    display:flex;
    flex-direction:column;
    line-height:1;
  }

  .st-mobile-menu-brand strong{
    color:#0d2f4f;
    font-family:Georgia,"Times New Roman",serif;
    font-size:.9rem;
    letter-spacing:.06em;
  }

  .st-mobile-menu-brand small{
    margin-top:4px;
    color:#98743d;
    font-size:.48rem;
    letter-spacing:.12em;
  }

  .st-mobile-menu-close{
    width:42px;
    height:42px;
    border:1px solid var(--st-border);
    border-radius:12px;
    background:#fff;
    color:#0d2f4f;
    font-size:1.65rem;
    line-height:1;
    cursor:pointer;
  }

  .st-mobile-search{
    display:flex;
    align-items:center;
    border:1px solid var(--st-border);
    border-radius:14px;
    background:#fff;
    overflow:hidden;
    margin-bottom:18px;
  }

  .st-mobile-search input[type="search"]{
    width:100%;
    min-width:0;
    min-height:48px;
    border:0;
    background:transparent;
    padding:0 14px;
    outline:0;
  }

  .st-mobile-search button{
    width:48px;
    height:48px;
    border:0;
    background:transparent;
    color:#0d2f4f;
    font-weight:800;
  }

  .st-mobile-nav{
    display:grid;
    border-top:1px solid rgba(13,47,79,.10);
  }

  .st-mobile-nav a{
    display:flex;
    align-items:center;
    min-height:54px;
    border-bottom:1px solid rgba(13,47,79,.10);
    font-size:1.05rem;
    font-weight:750;
    color:#102235;
  }

  .st-mobile-menu-footer{
    margin-top:20px;
    padding-top:18px;
  }

  .st-mobile-account{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    border-radius:999px;
    background:#0d2f4f;
    color:#fff;
    font-weight:800;
    margin-bottom:14px;
  }

  .st-mobile-languages{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
  }

  .st-mobile-languages a{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:46px;
    border:1px solid var(--st-border);
    border-radius:12px;
    background:#fff;
    font-weight:700;
  }

  .st-mobile-languages a.is-active{
    border-color:#0d2f4f;
    box-shadow:inset 0 0 0 1px #0d2f4f;
  }

  /* Homepage */
  .hero{
    padding-top:18px;
    padding-bottom:28px;
  }

  .phase123-hero .hero-copy,
  .hero-copy{
    padding:26px 20px;
    border-radius:22px;
  }

  .phase123-hero h1,
  .hero h1{
    font-size:clamp(2.15rem,10.5vw,3.35rem);
    line-height:.98;
  }

  .section{
    padding-top:42px;
    padding-bottom:42px;
  }

  .category-grid,
  .st-meal-grid{
    gap:12px;
  }

  .category-card,
  .st-meal-card{
    min-height:78px;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }

  /* Product touch targets */
  .st-product-options{
    padding:16px;
    border-radius:16px;
  }

  .st-option-label{
    align-items:flex-start;
    flex-direction:column;
    gap:3px;
  }

  .st-chip-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
  }

  .st-chip{
    width:100%;
  }

  .st-chip span{
    width:100%;
    min-height:48px;
    padding:8px 10px;
    border-radius:13px;
    text-align:center;
    line-height:1.2;
  }

  .woocommerce div.product form.cart .quantity .qty{
    min-height:48px;
    font-size:16px;
  }

  .woocommerce div.product form.cart .single_add_to_cart_button,
  .woocommerce div.product form.cart button.button{
    min-height:50px;
  }

  .st-mobile-buybar{
    padding-left:max(12px,env(safe-area-inset-left));
    padding-right:max(12px,env(safe-area-inset-right));
    padding-bottom:max(10px,env(safe-area-inset-bottom));
  }

  /* Woo/cart/account */
  .woocommerce table.shop_table{
    font-size:.94rem;
  }

  .woocommerce form .form-row input.input-text,
  .woocommerce form .form-row textarea,
  .woocommerce form .form-row select{
    font-size:16px; /* prevents Safari form zoom */
  }
}

@media (max-width:390px){
  .sea-brand-type strong{
    font-size:.76rem;
  }

  .sea-brand-type small{
    font-size:.40rem;
  }

  .sea-brand-lockup{
    max-width:calc(100% - 98px);
  }

  .header-cart,
  .st-mobile-menu-toggle{
    width:40px;
    min-width:40px;
    height:40px;
  }

  .st-chip-grid{
    grid-template-columns:1fr;
  }

  .phase123-hero h1,
  .hero h1{
    font-size:2.18rem;
  }
}


/* v1.3.0 launch product page */
.single-product .product{margin-top:34px}
.single-product .woocommerce-product-gallery{border-radius:22px;overflow:hidden}
.single-product div.product div.summary{padding:26px;border:1px solid #dce4e8;border-radius:22px;background:rgba(255,255,255,.92);box-shadow:0 18px 44px rgba(13,47,79,.065)}
.st-product-order-anchor{scroll-margin-top:120px}
.st-live-product-row{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin:10px 0 16px}
.st-received-today{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:#edf7f0;color:#28784f;font-size:.86rem;font-weight:800}
.st-product-delivery{margin:16px 0;padding:16px;border:1px solid #d8e4e8;border-radius:16px;background:#f5f9fa}
.st-product-delivery small{display:block;color:#66747e;margin-bottom:4px}
.st-dynamic-yield{display:none;margin-top:14px;padding:15px 16px;border-radius:15px;border:1px solid #e4dac8;background:#fbf6ec}
.st-dynamic-yield.is-visible{display:block}
.st-dynamic-yield strong{display:block;margin-bottom:4px}
.wos-waitlist-form{margin:18px 0;padding:18px;border:1px solid #dce4e8;border-radius:16px;background:#fff}
.st-loop-status{margin:7px 0 4px;font-size:.78rem;font-weight:800}
.st-loop-status.is-low{color:#a36a12}.st-loop-status.is-out{color:#9a3131}.st-loop-status.is-in{color:#28784f}
@media(max-width:760px){.single-product div.product div.summary{padding:18px;border-radius:18px}.single-product .product_title{font-size:2.2rem!important}}


/* =========================================================
 * v1.4.0 — final polish
 * ========================================================= */
.st-loop-facts{
  display:flex;
  flex-wrap:wrap;
  gap:5px 9px;
  margin:6px 0 8px;
  color:#66747e;
  font-size:.78rem;
}
.st-loop-facts span{
  display:inline-flex;
  align-items:center;
}
.st-loop-fresh{
  color:#28784f;
  font-weight:800;
}
.st-empty-catch{
  padding:24px;
  border:1px solid #dce4e8;
  border-radius:18px;
  background:#fff;
  color:#52616c;
}


/* v1.5.0 Trust & Localization */
.st-contact-card.is-area{
  border-color:#cfdde1;
  background:#f6f9f9;
}
.st-todays-catch-empty{
  padding:24px;
  border-radius:18px;
  border:1px solid #dce4e8;
  background:#fff;
  color:#52616c;
}


/* v1.7.0 completion hardening */
.st-about-story-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.st-about-story-card{
  padding:26px;
  border:1px solid #dbe2e6;
  border-radius:20px;
  background:rgba(255,255,255,.88);
}
.st-about-story-card h2{margin-top:0}
.st-privacy-page h2{margin-top:30px}
.st-privacy-page h3{margin-top:24px}
@media(max-width:760px){
  .st-about-story-grid{grid-template-columns:1fr}
}


/* v1.8.0 launch readiness */
.st-contact-primary{
  display:grid;
  gap:12px;
}
.st-contact-primary .st-contact-card{
  margin:0;
}
.st-delivery-schedule{
  display:grid;
  gap:8px;
}
.st-loop-facts .st-condition{
  font-weight:700;
}
.st-catch-meta-line{
  display:flex;
  flex-wrap:wrap;
  gap:8px 16px;
  margin:8px 0 18px;
  color:#66747e;
  font-size:.9rem;
}


/* =========================================================
 * v2.2.0 — Product Experience
 * ========================================================= */
.st-product-shell{
  display:grid;
  gap:22px;
}
.st-product-facts-v220{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:16px 0;
}
.st-product-fact-v220{
  padding:13px 14px;
  border:1px solid #dce4e8;
  border-radius:14px;
  background:#fafcfc;
}
.st-product-fact-v220 small{
  display:block;
  color:#6c7880;
  font-size:.76rem;
  margin-bottom:4px;
}
.st-product-fact-v220 strong{
  color:#102235;
}
.st-yield-visualizer-v220{
  margin:18px 0;
  padding:18px;
  border-radius:18px;
  border:1px solid #e3d6bd;
  background:#fbf7ee;
}
.st-yield-row-v220{
  display:grid;
  grid-template-columns:1fr auto;
  gap:12px;
  padding:8px 0;
  border-bottom:1px solid rgba(13,47,79,.08);
}
.st-yield-row-v220:last-child{border-bottom:0}
.st-yield-row-v220 strong{text-align:right}
.st-product-delivery-v220{
  padding:16px;
  border-radius:16px;
  background:#f4f8f9;
  border:1px solid #d6e2e5;
}
.st-product-tabs-v220{
  margin-top:28px;
}
.st-card-facts-v220{
  display:flex;
  flex-wrap:wrap;
  gap:6px 10px;
  font-size:.78rem;
  color:#64717a;
  margin:6px 0 10px;
}
.st-card-facts-v220 .fresh{
  color:#28784f;
  font-weight:800;
}
.st-card-facts-v220 .low{
  color:#a36a12;
  font-weight:800;
}
.st-card-facts-v220 .out{
  color:#9a3131;
  font-weight:800;
}
.st-todays-catch-header-v220{
  margin:10px auto 24px;
  padding:20px;
  border:1px solid #dce4e8;
  border-radius:18px;
  background:#fff;
}
.st-todays-catch-header-v220 h2{margin:0 0 8px}
.st-mobile-buybar-v220{display:none}
@media(max-width:760px){
  .st-product-facts-v220{grid-template-columns:1fr}
  .st-yield-row-v220{grid-template-columns:1fr}
  .st-yield-row-v220 strong{text-align:left}
  .st-mobile-buybar-v220{
    display:flex;
    position:fixed;
    left:0;right:0;bottom:0;
    z-index:9997;
    gap:10px;
    align-items:center;
    padding:10px max(12px,env(safe-area-inset-left)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-right));
    background:rgba(255,255,255,.96);
    backdrop-filter:blur(16px);
    border-top:1px solid #dce4e8;
    box-shadow:0 -10px 34px rgba(13,47,79,.12);
  }
  .st-mobile-buybar-v220 .price{font-weight:900;min-width:88px}
  .st-mobile-buybar-v220 a{
    flex:1;
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:#0d2f4f;
    color:#fff;
    font-weight:850;
  }
  body.single-product{padding-bottom:82px}
}


/* =========================================================
 * v2.3.0 — launch cleanup / commerce completion
 * ========================================================= */
.st-stock-pill-v230{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 10px;
  border-radius:999px;
  font-size:.82rem;
  font-weight:850;
}
.st-stock-pill-v230.in{background:#edf7f0;color:#28784f}
.st-stock-pill-v230.low{background:#fff5df;color:#9a6511}
.st-stock-pill-v230.out{background:#fbecec;color:#9a3131}

.st-product-summary-grid-v230{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:14px 0 18px;
}
.st-product-summary-grid-v230 .item{
  padding:13px 14px;
  border:1px solid #dce4e8;
  border-radius:14px;
  background:#fbfcfc;
}
.st-product-summary-grid-v230 small{display:block;color:#69757e;margin-bottom:4px}
.st-product-summary-grid-v230 strong{color:#102235}

.st-what-you-get-v230{
  margin:18px 0;
  padding:18px;
  border:1px solid #e5dbc7;
  border-radius:18px;
  background:#fcf8f0;
}
.st-what-you-get-v230 h3{margin-top:0}
.st-what-row-v230{
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding:8px 0;
  border-bottom:1px solid rgba(13,47,79,.08);
}
.st-what-row-v230:last-child{border-bottom:0}

.st-todays-card-status-v230{
  margin-top:8px;
}

@media(max-width:760px){
  .st-product-summary-grid-v230{grid-template-columns:1fr}
  .st-what-row-v230{display:grid;gap:4px}
}


/* =========================================================
 * v2.4.0 — Sea Treasure Ocean Brand System
 * Approved logo / favicon / watermark + ocean-blue dominance.
 * ========================================================= */
:root{
  --st-ocean-950:#031b38;
  --st-ocean-900:#052a55;
  --st-ocean-850:#063362;
  --st-ocean-800:#073d72;
  --st-ocean-700:#08558d;
  --st-ocean-600:#0b72b5;
  --st-ocean-500:#1398de;
  --st-ocean-300:#72c9f3;
  --st-ocean-100:#e7f6fd;
  --st-primary:var(--st-ocean-900);
  --st-accent:var(--st-ocean-600);
  --st-text:#061d35;
  --st-muted:#536b80;
  --st-border:#c9deeb;
  --st-bg:#f5f9fc;
}

html{background:#f5f9fc}
body{
  background:
    linear-gradient(180deg,rgba(245,249,252,.97),rgba(239,247,252,.95));
  color:var(--st-text);
}

.wos-ocean-bg{
  inset:-7%;
  background:
    radial-gradient(circle at 50% 8%,rgba(19,152,222,.10),transparent 38%),
    url('assets/images/sea-treasure-ocean-watermark.png') 93% 58% / min(720px,58vw) auto no-repeat,
    linear-gradient(180deg,rgba(6,51,98,.035),rgba(11,114,181,.055));
  opacity:.12;
  filter:saturate(1.08);
  animation:wosOceanDrift 34s ease-in-out infinite alternate;
}

.site-header{
  background:rgba(247,251,254,.93);
  border-bottom:1px solid rgba(5,42,85,.12);
  box-shadow:0 8px 30px rgba(3,27,56,.045);
}

.sea-brand-image-lockup{
  min-width:260px!important;
  max-width:310px;
  padding:2px 0;
}
.sea-brand-full-logo{
  display:block;
  width:100%;
  max-width:300px;
  height:66px;
  object-fit:contain;
  object-position:left center;
}

.main-nav a{
  color:var(--st-ocean-950);
}
.main-nav a:hover,
.site-footer a:hover{
  color:var(--st-ocean-500);
}

.header-actions a,
.header-product-search{
  border-color:#c6dce9;
  box-shadow:0 3px 14px rgba(3,27,56,.035);
}
.header-product-search button,
.language-switch-flags a.is-active{
  color:var(--st-ocean-800);
}

.hero-copy{
  background:
    radial-gradient(circle at 86% 14%,rgba(19,152,222,.20),transparent 32%),
    linear-gradient(145deg,var(--st-ocean-950),var(--st-ocean-800));
}
.hero-visual{
  background:
    radial-gradient(circle at 34% 18%,rgba(114,201,243,.65),transparent 30%),
    linear-gradient(145deg,#d9f1fb,#8dcce9 58%,#3e96c9);
}
.b2b{
  background:
    radial-gradient(circle at 88% 20%,rgba(19,152,222,.22),transparent 28%),
    linear-gradient(135deg,var(--st-ocean-950),var(--st-ocean-800));
}

.category-card,
.occasion-card,
.st-info-card,
.st-step-card,
.st-faq-item,
.st-legal-card,
.st-recipe-card,
.woocommerce ul.products li.product,
.page-shell article{
  border-color:#c7ddeb;
  box-shadow:0 16px 42px rgba(3,39,74,.07);
}

.category-card:hover,
.occasion-card:hover,
.woocommerce ul.products li.product:hover{
  border-color:#79bfe4;
  box-shadow:0 18px 48px rgba(5,74,124,.12);
}

.feature-band{
  border-color:#c7ddeb;
  background:rgba(241,249,253,.92);
}
.feature-item{
  border-color:#c7ddeb;
}

.btn-light{
  color:var(--st-ocean-900);
}
.btn-outline{
  border-color:rgba(151,218,250,.58);
}
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.wc-block-components-button{
  background:linear-gradient(135deg,var(--st-ocean-900),var(--st-ocean-700))!important;
}

.site-footer{
  background:
    radial-gradient(circle at 12% 18%,rgba(19,152,222,.18),transparent 28%),
    linear-gradient(145deg,var(--st-ocean-950),var(--st-ocean-900));
  border-top:1px solid rgba(151,218,250,.22);
  color:#fff;
}
.site-footer strong,
.site-footer h3,
.site-footer a{
  color:#fff;
}
.site-footer li,
.site-footer .footer-tagline,
.site-footer .footer-bottom{
  color:rgba(255,255,255,.72);
}
.site-footer .footer-bottom{
  border-top-color:rgba(255,255,255,.16);
}
.footer-brand-logo{
  display:block;
  width:min(300px,100%);
  height:auto;
  filter:brightness(0) invert(1);
  opacity:.96;
}
.footer-brand-block .footer-tagline{
  margin-top:14px;
}

.st-page-hero{
  position:relative;
}
.st-page-hero::after{
  content:"";
  position:absolute;
  right:clamp(16px,6vw,90px);
  top:22px;
  width:clamp(110px,14vw,210px);
  aspect-ratio:1;
  background:url('assets/images/sea-treasure-emblem-master.png') center/contain no-repeat;
  opacity:.045;
  pointer-events:none;
}

.st-about-story-card{
  border-top:3px solid rgba(11,114,181,.35);
}
.st-about-business-card{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  gap:28px;
  align-items:center;
  background:
    radial-gradient(circle at 6% 14%,rgba(19,152,222,.12),transparent 32%),
    rgba(255,255,255,.92);
}
.st-about-business-mark img{
  width:140px;
  height:140px;
  object-fit:contain;
}
.st-business-details{
  margin:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px 22px;
}
.st-business-details div{
  padding:10px 0;
  border-bottom:1px solid #d9e7ef;
}
.st-business-details dt{
  color:var(--st-ocean-700);
  font-size:.76rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:800;
}
.st-business-details dd{
  margin:3px 0 0;
  color:var(--st-ocean-950);
  font-weight:700;
}
.st-business-details a{
  color:var(--st-ocean-700);
}

.st-mobile-brand-image img{
  width:230px!important;
  max-width:78vw;
  height:auto!important;
  object-fit:contain;
}

@media(max-width:1180px){
  .sea-brand-image-lockup{
    min-width:230px!important;
    max-width:250px;
  }
  .sea-brand-full-logo{height:58px}
}
@media(max-width:760px){
  .sea-brand-image-lockup{
    min-width:0!important;
    width:205px;
    max-width:56vw;
  }
  .sea-brand-full-logo{
    width:205px;
    height:50px;
  }
  .st-about-business-card{
    grid-template-columns:1fr;
  }
  .st-about-business-mark img{
    width:110px;
    height:110px;
  }
  .st-business-details{
    grid-template-columns:1fr;
  }
}


/* =========================================================
 * v2.5.0 — Catalog Completion
 * ========================================================= */
.st-contact-card a{color:var(--st-ocean-700);font-weight:800}
.st-contact-verified{
  grid-column:1/-1;
  padding:18px;
  border:1px solid #bcd8e8;
  border-radius:18px;
  background:linear-gradient(145deg,#fafdff,#ecf7fc);
}
.st-contact-verified small{
  display:block;
  color:#557086;
  margin-top:5px;
}
.st-product-summary-grid-v230 .item strong,
.st-card-facts-v220 span{
  text-wrap:pretty;
}


/* =========================================================
 * v2.5.1 — Site-wide Brand & Cinematic Background Refresh
 * Built on v2.5.0 catalog-completion.
 * ========================================================= */

:root{
  --st-v251-ivory: rgba(248,246,240,.86);
  --st-v251-white: rgba(255,255,255,.93);
  --st-v251-navy: #06213d;
  --st-v251-border: rgba(7,43,75,.12);
}

/* One coherent visual world across the entire public site */
html{
  background:#03182e;
}

body{
  position:relative;
  min-height:100vh;
  background:transparent!important;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-4;
  pointer-events:none;
  background-image:
    linear-gradient(
      180deg,
      rgba(248,246,240,.77) 0%,
      rgba(248,246,240,.68) 22%,
      rgba(248,246,240,.61) 48%,
      rgba(248,246,240,.69) 76%,
      rgba(248,246,240,.82) 100%
    ),
    url("assets/images/sea-treasure-cinematic-ocean-hero.png");
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  background-attachment:fixed;
  filter:saturate(.92) contrast(1.02);
}

body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-3;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 10%,rgba(255,255,255,.30),transparent 28%),
    linear-gradient(90deg,rgba(255,255,255,.08),transparent 24%,transparent 76%,rgba(255,255,255,.08));
}

/* Stop old section backgrounds from covering the cinematic artwork */
.site,
.site-content,
.site-main,
main{
  background:transparent!important;
}

.site-header{
  background:rgba(248,246,240,.94)!important;
  backdrop-filter:blur(15px);
  -webkit-backdrop-filter:blur(15px);
  border-bottom:1px solid var(--st-v251-border)!important;
}

/* New horizontal logo treatment */
.sea-brand-full-logo{
  width:auto!important;
  height:64px!important;
  max-width:min(360px,32vw)!important;
  object-fit:contain!important;
  display:block!important;
}

.footer-brand-logo{
  width:auto!important;
  height:82px!important;
  max-width:360px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 10px 22px rgba(0,0,0,.14));
}

/* Core content surfaces share the same visual language */
.section,
.home-section,
.st-content-section,
.st-page-section,
.shop-section,
.woocommerce-page .site-main > section,
.woocommerce .site-main > section,
.page .site-main > section,
.single .site-main > section{
  background:rgba(248,246,240,.72)!important;
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}

.section:nth-of-type(even),
.st-content-section:nth-of-type(even),
.home-section:nth-of-type(even){
  background:rgba(255,255,255,.77)!important;
}

/* Page hero / archive headers */
.st-page-hero,
.page-hero,
.archive-header,
.woocommerce-products-header,
.woocommerce .woocommerce-breadcrumb + h1,
.tax-product_cat .site-main > header,
.tax-product_tag .site-main > header{
  background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(248,246,240,.63))!important;
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}

/* Cards and transactional panels remain highly readable */
.product,
.woocommerce ul.products li.product,
.category-card,
.occasion-card,
.feature-card,
.st-card,
.faq-item,
.st-about-card,
.st-b2b-card,
.recipe-card,
.woocommerce-cart-form,
.cart_totals,
.woocommerce-checkout-review-order,
.woocommerce form.checkout,
.woocommerce form.login,
.woocommerce form.register,
.woocommerce-MyAccount-content,
.woocommerce-MyAccount-navigation,
.woocommerce-message,
.woocommerce-info,
.woocommerce-error{
  background:var(--st-v251-white)!important;
  border-color:var(--st-v251-border)!important;
  box-shadow:0 18px 42px rgba(5,27,49,.09)!important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

/* Inputs/tables must not become transparent */
.woocommerce table.shop_table,
.woocommerce table.shop_table th,
.woocommerce table.shop_table td,
.woocommerce input.input-text,
.woocommerce textarea,
.woocommerce select,
.woocommerce .quantity .qty,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
textarea,
select{
  background:rgba(255,255,255,.96)!important;
}

/* Homepage: cinematic image takes over the entire hero */
.home .phase123-hero{
  min-height:clamp(680px,82vh,920px)!important;
  padding:0!important;
  position:relative!important;
  display:flex!important;
  align-items:stretch!important;
  overflow:hidden!important;
  background:#03182e!important;
}

.home .phase123-hero::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background-image:
    linear-gradient(90deg,rgba(2,18,34,.72) 0%,rgba(2,18,34,.48) 34%,rgba(2,18,34,.08) 64%,rgba(2,18,34,0) 100%),
    linear-gradient(180deg,rgba(3,20,38,.01) 0%,rgba(3,20,38,.08) 68%,rgba(3,20,38,.36) 100%),
    url("assets/images/sea-treasure-cinematic-ocean-hero.png")!important;
  background-size:cover!important;
  background-position:center 47%!important;
  background-repeat:no-repeat!important;
  z-index:0!important;
}

.home .phase123-hero::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:120px!important;
  background:linear-gradient(180deg,rgba(248,246,240,0),rgba(248,246,240,.78) 94%)!important;
  z-index:1!important;
  pointer-events:none!important;
}

.home .phase123-hero .container{
  position:relative!important;
  z-index:2!important;
  width:min(1380px,calc(100% - 48px))!important;
  display:flex!important;
  align-items:flex-end!important;
  padding-top:110px!important;
  padding-bottom:118px!important;
}

.home .phase123-hero .hero-grid{
  display:block!important;
  width:100%!important;
}

.home .phase123-hero .hero-copy{
  width:min(730px,100%)!important;
  padding:36px 40px 38px!important;
  border-radius:30px!important;
  background:linear-gradient(145deg,rgba(4,29,55,.88),rgba(4,29,55,.60))!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 26px 80px rgba(0,19,36,.28)!important;
  backdrop-filter:blur(11px)!important;
  -webkit-backdrop-filter:blur(11px)!important;
}

.home .phase123-hero .hero-visual{
  display:none!important;
}

.home .phase123-hero h1{
  font-size:clamp(3.4rem,6.2vw,6.6rem)!important;
  line-height:.93!important;
  margin:10px 0 16px!important;
  max-width:690px!important;
  text-wrap:balance;
}

.home .phase123-hero p{
  max-width:630px!important;
  color:rgba(255,255,255,.90)!important;
  font-size:clamp(1rem,1.35vw,1.2rem)!important;
  line-height:1.66!important;
}

.home .phase123-hero .eyebrow{
  color:#d9edf7!important;
}

/* Footer uses the same new brand but darker ocean tone */
.site-footer{
  background:rgba(3,22,42,.92)!important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.site-footer,
.site-footer p,
.site-footer li,
.site-footer a{
  color:rgba(255,255,255,.82)!important;
}

.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer strong{
  color:#fff!important;
}

/* Mobile: no fixed background attachment on iOS/Android */
@media(max-width:760px){
  body::before{
    position:absolute;
    min-height:100%;
    background-attachment:scroll;
    background-size:auto 100vh;
    background-position:center top;
    background-repeat:repeat-y;
  }

  .sea-brand-full-logo{
    height:52px!important;
    max-width:245px!important;
  }

  .home .phase123-hero{
    min-height:720px!important;
  }

  .home .phase123-hero::before{
    background-image:
      linear-gradient(180deg,rgba(3,20,38,.03) 0%,rgba(3,20,38,.16) 48%,rgba(3,20,38,.76) 100%),
      url("assets/images/sea-treasure-cinematic-ocean-hero.png")!important;
    background-position:center 40%!important;
  }

  .home .phase123-hero .container{
    width:calc(100% - 22px)!important;
    padding-top:84px!important;
    padding-bottom:78px!important;
  }

  .home .phase123-hero .hero-copy{
    padding:26px 20px!important;
    border-radius:22px!important;
    background:linear-gradient(180deg,rgba(4,29,55,.52),rgba(4,29,55,.84))!important;
  }

  .home .phase123-hero h1{
    font-size:clamp(3rem,14vw,4.7rem)!important;
  }

  .home .phase123-hero .cta-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  .home .phase123-hero .btn{
    width:100%!important;
  }

  .section,
  .home-section,
  .st-content-section,
  .st-page-section{
    background:rgba(248,246,240,.82)!important;
  }
}


/* =========================================================
 * v2.5.2 — Site-wide Contrast & Readability Lock
 * Keeps v2.5.1 artwork, logos, layout and structure unchanged.
 * ========================================================= */

:root{
  --st-text:#082845;
  --st-text-strong:#031d35;
  --st-text-soft:#274861;
  --st-link:#0b4f7a;
  --st-link-hover:#062f4e;
  --st-panel:rgba(255,255,255,.91);
  --st-panel-strong:rgba(255,255,255,.96);
}

/* Base typography */
body,
body p,
body li,
body dt,
body dd,
body label,
body small,
body span,
body td,
body th,
body figcaption,
body address{
  color:var(--st-text)!important;
}

h1,h2,h3,h4,h5,h6,
.entry-title,
.page-title,
.widget-title,
.woocommerce-loop-product__title,
.woocommerce-products-header__title,
.product_title{
  color:var(--st-text-strong)!important;
  text-shadow:none!important;
}

a{
  color:var(--st-link)!important;
}

a:hover,
a:focus{
  color:var(--st-link-hover)!important;
}

/* Default WordPress sidebars/widgets now sit on a readable glass surface */
.widget-area,
.sidebar,
#secondary,
.wp-block-sidebar,
.site-main .widget,
.widget{
  color:var(--st-text)!important;
}

.widget-area > *,
.sidebar > *,
#secondary > *,
.site-main > .widget,
.site-main .widget_search,
.site-main .widget_pages,
.site-main .widget_archive,
.site-main .widget_categories,
.site-main .widget_recent_entries,
.site-main .widget_meta,
.site-main .widget_nav_menu{
  background:var(--st-panel)!important;
  border:1px solid rgba(7,43,75,.12)!important;
  border-radius:18px!important;
  box-shadow:0 14px 38px rgba(5,27,49,.10)!important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  padding:18px 20px!important;
  margin-bottom:18px!important;
}

.widget ul,
.widget ol{
  margin-bottom:0!important;
}

.widget li{
  color:var(--st-text)!important;
}

.widget li::marker{
  color:var(--st-link)!important;
}

.widget a{
  color:var(--st-text)!important;
  font-weight:600;
}

.widget a:hover{
  color:var(--st-link-hover)!important;
}

/* Search form */
.search-form,
.widget_search form{
  display:flex;
  gap:8px;
  align-items:center;
}

.search-field,
.widget_search input[type="search"],
input[type="search"]{
  color:var(--st-text-strong)!important;
  background:var(--st-panel-strong)!important;
  border:1px solid rgba(5,38,66,.28)!important;
  border-radius:10px!important;
  min-height:42px;
}

.search-submit,
.widget_search button,
button,
input[type="submit"]{
  color:#fff!important;
}

/* Main content glass surfaces */
.entry-content,
.page-content,
.archive .site-main,
.search .site-main,
.blog .site-main{
  color:var(--st-text)!important;
}

.entry-content > p,
.entry-content > ul,
.entry-content > ol,
.entry-content > blockquote,
.entry-content > table,
.page-content > p{
  color:var(--st-text)!important;
}

/* WooCommerce typography */
.woocommerce,
.woocommerce p,
.woocommerce li,
.woocommerce label,
.woocommerce td,
.woocommerce th,
.woocommerce .price,
.woocommerce .amount,
.woocommerce-product-details__short-description,
.woocommerce-Tabs-panel{
  color:var(--st-text)!important;
}

.woocommerce a:not(.button),
.woocommerce .woocommerce-breadcrumb a{
  color:var(--st-link)!important;
}

.woocommerce .button,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button{
  color:#fff!important;
}

/* Navigation remains crisp */
.site-header,
.site-header a,
.site-header .menu-item a,
.main-navigation a,
.header-actions a{
  color:var(--st-text-strong)!important;
}

.site-header a:hover,
.main-navigation a:hover{
  color:var(--st-link)!important;
}

/* Hero is the intentional dark exception */
.home .phase123-hero,
.home .phase123-hero *,
.home .phase123-hero p,
.home .phase123-hero h1,
.home .phase123-hero h2,
.home .phase123-hero h3,
.home .phase123-hero .eyebrow{
  color:#fff!important;
}

.home .phase123-hero .btn-light{
  color:var(--st-text-strong)!important;
}

.home .phase123-hero .btn-outline{
  color:#fff!important;
}

/* Footer is the intentional dark exception */
.site-footer,
.site-footer *,
.site-footer p,
.site-footer li,
.site-footer a,
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6{
  color:#fff!important;
}

/* Forms */
input,
textarea,
select,
option{
  color:var(--st-text-strong)!important;
}

::placeholder{
  color:#63798b!important;
  opacity:1!important;
}

/* Tables */
table,
table td,
table th{
  color:var(--st-text)!important;
}

/* Breadcrumbs/meta */
.breadcrumb,
.woocommerce-breadcrumb,
.entry-meta,
.posted-on,
.byline{
  color:var(--st-text-soft)!important;
}

/* Mobile contrast */
@media(max-width:760px){
  .widget-area > *,
  .sidebar > *,
  #secondary > *,
  .site-main .widget{
    background:rgba(255,255,255,.94)!important;
    border-radius:16px!important;
    padding:16px 17px!important;
  }

  body,
  body p,
  body li,
  body a{
    text-shadow:none!important;
  }
}


/* =========================================================
 * v2.5.3 — DEFINITIVE READABILITY FIX
 * Fixes dark-on-dark text and uncovered sidebar widgets.
 * No layout/branding/background/Core changes.
 * ========================================================= */

:root{
  --st253-ink:#06233d;
  --st253-ink-2:#163e5d;
  --st253-link:#075b8d;
  --st253-white:#ffffff;
  --st253-ivory:#f7f3e8;
  --st253-panel:rgba(255,255,255,.94);
  --st253-panel-soft:rgba(255,255,255,.88);
}

/* ---------- LIGHT SURFACES: dark ink ---------- */
body,
.site-main,
.entry-content,
.page-content,
.woocommerce,
.widget,
.widget-area,
.sidebar,
#secondary{
  color:var(--st253-ink)!important;
}

body p,
body li,
body dt,
body dd,
body label,
body td,
body th,
body address,
body figcaption,
.entry-content p,
.entry-content li,
.page-content p,
.woocommerce p,
.woocommerce li,
.woocommerce label,
.widget p,
.widget li{
  color:var(--st253-ink)!important;
}

body a,
.entry-content a,
.page-content a,
.widget a,
.woocommerce a:not(.button){
  color:var(--st253-link)!important;
  text-decoration-color:rgba(7,91,141,.35);
}

h1,h2,h3,h4,h5,h6,
.entry-title,
.page-title,
.widget-title,
.woocommerce-loop-product__title,
.product_title{
  color:var(--st253-ink)!important;
}

/* ---------- DARK SURFACES: force white/ivory ---------- */
/* Known Sea Treasure dark cards/sections plus generic dark utility containers */
.phase123-hero,
.phase123-hero *,
.st-dark,
.st-dark *,
.dark-section,
.dark-section *,
.navy-section,
.navy-section *,
.b2b-section,
.b2b-section *,
.b2b-hero,
.b2b-hero *,
.today-catch-hero,
.today-catch-hero *,
.todays-catch-hero,
.todays-catch-hero *,
.today-card,
.today-card *,
.catch-card,
.catch-card *,
.site-footer,
.site-footer *,
.footer-wrap,
.footer-wrap *{
  color:var(--st253-white)!important;
}

.phase123-hero p,
.b2b-section p,
.b2b-hero p,
.today-catch-hero p,
.todays-catch-hero p,
.today-card p,
.catch-card p,
.site-footer p{
  color:rgba(255,255,255,.92)!important;
}

.phase123-hero h1,
.phase123-hero h2,
.phase123-hero h3,
.b2b-section h1,
.b2b-section h2,
.b2b-section h3,
.b2b-hero h1,
.b2b-hero h2,
.b2b-hero h3,
.today-catch-hero h1,
.today-catch-hero h2,
.today-catch-hero h3,
.todays-catch-hero h1,
.todays-catch-hero h2,
.todays-catch-hero h3,
.today-card h1,
.today-card h2,
.today-card h3,
.catch-card h1,
.catch-card h2,
.catch-card h3{
  color:#fff!important;
}

.phase123-hero .eyebrow,
.b2b-section .eyebrow,
.b2b-hero .eyebrow,
.today-catch-hero .eyebrow,
.todays-catch-hero .eyebrow{
  color:#dcebf5!important;
}

/* The screenshot sections use deep navy backgrounds. Catch them safely by common wrappers. */
.home section[style*="background"],
.page section[style*="background"]{
  text-rendering:optimizeLegibility;
}

/* Buttons inside dark surfaces */
.phase123-hero .btn,
.b2b-section .btn,
.b2b-hero .btn,
.today-catch-hero .btn,
.todays-catch-hero .btn,
.today-card .btn,
.catch-card .btn{
  text-shadow:none!important;
}

.phase123-hero .btn-light,
.b2b-section .btn-light,
.b2b-hero .btn-light,
.today-catch-hero .btn-light,
.todays-catch-hero .btn-light,
.today-card .btn-light,
.catch-card .btn-light{
  color:var(--st253-ink)!important;
  background:#fff!important;
}

/* Translucent boxes inside dark sections remain readable */
.b2b-section .feature-list,
.b2b-section .b2b-benefits,
.b2b-section .benefits,
.b2b-hero .feature-list,
.b2b-hero .benefits,
.b2b-section ul,
.b2b-hero ul{
  color:#fff!important;
}

.b2b-section li,
.b2b-hero li{
  color:rgba(255,255,255,.93)!important;
}

.b2b-section li::marker,
.b2b-hero li::marker{
  color:#cfe8f6!important;
}

/* ---------- WORDPRESS DEFAULT SIDEBAR/WIDGETS ---------- */
/* Wrap every legacy widget individually, including the bare search widget shown in screenshot. */
#secondary .widget,
.widget-area .widget,
.sidebar .widget,
aside.widget,
.widget_search,
.widget_pages,
.widget_archive,
.widget_categories,
.widget_recent_entries,
.widget_meta,
.widget_nav_menu,
.widget_recent_comments,
.widget_tag_cloud{
  display:block!important;
  background:var(--st253-panel)!important;
  border:1px solid rgba(6,35,61,.14)!important;
  border-radius:18px!important;
  padding:18px 20px!important;
  margin:0 0 18px!important;
  box-shadow:0 14px 36px rgba(3,24,46,.13)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}

#secondary .widget *,
.widget-area .widget *,
.sidebar .widget *,
aside.widget *{
  color:var(--st253-ink)!important;
}

#secondary .widget h1,
#secondary .widget h2,
#secondary .widget h3,
.widget-area .widget h1,
.widget-area .widget h2,
.widget-area .widget h3,
.sidebar .widget h1,
.sidebar .widget h2,
.sidebar .widget h3{
  color:var(--st253-ink)!important;
  font-weight:800!important;
}

#secondary .widget a,
.widget-area .widget a,
.sidebar .widget a,
aside.widget a{
  color:var(--st253-link)!important;
  font-weight:600!important;
}

#secondary .widget li::marker,
.widget-area .widget li::marker,
.sidebar .widget li::marker{
  color:var(--st253-link)!important;
}

/* Search control contrast */
.widget_search form,
.search-form{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}

.widget_search input[type="search"],
.search-form input[type="search"],
.search-field{
  flex:1 1 auto!important;
  min-width:0!important;
  min-height:44px!important;
  color:var(--st253-ink)!important;
  background:#fff!important;
  border:2px solid rgba(6,35,61,.28)!important;
  border-radius:10px!important;
  padding:0 12px!important;
}

.widget_search button,
.search-form button,
.search-submit{
  min-height:44px!important;
  color:#fff!important;
  background:#0a4f79!important;
  border:0!important;
  border-radius:10px!important;
  padding:0 14px!important;
  font-weight:700!important;
}

/* ---------- CONTENT CARDS ---------- */
.product,
.woocommerce ul.products li.product,
.category-card,
.occasion-card,
.feature-card,
.st-card,
.faq-item,
.st-about-card,
.st-b2b-card,
.recipe-card,
.woocommerce-cart-form,
.cart_totals,
.woocommerce-checkout-review-order,
.woocommerce form.checkout,
.woocommerce form.login,
.woocommerce form.register,
.woocommerce-MyAccount-content,
.woocommerce-MyAccount-navigation{
  color:var(--st253-ink)!important;
}

.product *,
.woocommerce ul.products li.product *,
.category-card *,
.occasion-card *,
.feature-card *,
.st-card *,
.faq-item *,
.st-about-card *,
.recipe-card *,
.woocommerce-cart-form *,
.cart_totals *,
.woocommerce-checkout-review-order *,
.woocommerce form.checkout *,
.woocommerce form.login *,
.woocommerce form.register *,
.woocommerce-MyAccount-content *,
.woocommerce-MyAccount-navigation *{
  color:var(--st253-ink)!important;
}

/* Keep buttons on cards correct */
.product .button,
.woocommerce ul.products li.product .button,
.st-card .btn,
.faq-item .btn,
.recipe-card .btn,
.woocommerce .button,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button{
  color:#fff!important;
}

/* ---------- ACCESSIBILITY / EYE STRAIN ---------- */
body{
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

p,li,td,th,label{
  line-height:1.62!important;
}

/* Prevent background image from fighting long-form reading areas */
.entry-content:not(:empty),
.page-content:not(:empty),
.woocommerce-account .woocommerce,
.woocommerce-cart .woocommerce,
.woocommerce-checkout .woocommerce{
  text-shadow:none!important;
}

/* Mobile: stronger panels because the image occupies more of the viewport */
@media(max-width:760px){
  #secondary .widget,
  .widget-area .widget,
  .sidebar .widget,
  aside.widget{
    background:rgba(255,255,255,.97)!important;
    padding:17px 18px!important;
    box-shadow:0 10px 28px rgba(3,24,46,.16)!important;
  }

  .b2b-section,
  .b2b-hero,
  .today-catch-hero,
  .todays-catch-hero,
  .today-card,
  .catch-card{
    text-shadow:0 1px 1px rgba(0,0,0,.04);
  }
}


/* =========================================================
 * v2.5.4 — PROFESSIONAL SELECTOR-LEVEL READABILITY FIX
 * Targets the actual theme and WordPress block/widget markup.
 * ========================================================= */

:root{
  --st254-dark:#05213a;
  --st254-mid:#174563;
  --st254-link:#075f91;
  --st254-white:#ffffff;
  --st254-ivory:#f7f4ea;
  --st254-glass:rgba(255,255,255,.95);
  --st254-glass-soft:rgba(255,255,255,.89);
}

/* ---------------------------------------------------------
   ACTUAL HOMEPAGE DARK BLOCKS
   --------------------------------------------------------- */

/* Today's Catch actual selector */
.home .catch-panel,
.home .catch-panel *,
.home .catch-panel h1,
.home .catch-panel h2,
.home .catch-panel h3,
.home .catch-panel h4,
.home .catch-panel p,
.home .catch-panel span,
.home .catch-panel div,
.home .catch-panel strong,
.home .catch-panel small,
.home .catch-panel li,
.home .catch-panel a:not(.btn-light){
  color:#fff!important;
}

.home .catch-panel .eyebrow{
  color:#d7e8f3!important;
  opacity:1!important;
}

.home .catch-panel .section-sub{
  color:rgba(255,255,255,.90)!important;
}

.home .catch-panel .btn-light{
  color:#073253!important;
  background:#fff!important;
  border-color:#fff!important;
  text-shadow:none!important;
}

/* B2B actual selector */
.home .b2b,
.home .b2b *,
.home .b2b h1,
.home .b2b h2,
.home .b2b h3,
.home .b2b h4,
.home .b2b p,
.home .b2b span,
.home .b2b div,
.home .b2b strong,
.home .b2b small,
.home .b2b li,
.home .b2b a:not(.btn-light){
  color:#fff!important;
}

.home .b2b .eyebrow{
  color:#d7e8f3!important;
}

.home .b2b > div > p{
  color:rgba(255,255,255,.91)!important;
}

.home .b2b-panel{
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.25)!important;
}

.home .b2b-panel,
.home .b2b-panel *,
.home .b2b-panel li{
  color:#fff!important;
}

.home .b2b-panel li::marker{
  color:#d7edf8!important;
}

.home .b2b .btn-light{
  color:#073253!important;
  background:#fff!important;
  border-color:#fff!important;
  text-shadow:none!important;
}

/* Hero dark panel */
.home .phase123-hero .hero-copy,
.home .phase123-hero .hero-copy *{
  color:#fff!important;
}

.home .phase123-hero .btn-light{
  color:#073253!important;
}

/* ---------------------------------------------------------
   WORDPRESS BLOCK WIDGETS / LEGACY SIDEBARS
   Covers exactly the Pages / Archives / Categories screenshot
   --------------------------------------------------------- */

.widget_block,
.wp-block-widget-group,
.wp-block-group:has(.wp-block-search),
.wp-block-group:has(.wp-block-page-list),
.wp-block-group:has(.wp-block-archives),
.wp-block-group:has(.wp-block-categories),
.wp-block-search,
.wp-block-pages-list,
.wp-block-page-list,
.wp-block-archives,
.wp-block-categories,
.wp-block-latest-posts,
.wp-block-navigation,
.widget_search,
.widget_pages,
.widget_archive,
.widget_categories{
  color:var(--st254-dark)!important;
}

/* When individual blocks are direct children over the ocean image,
   create a readable premium surface around them. */
.site-main .wp-block-search,
.site-main .wp-block-pages-list,
.site-main .wp-block-page-list,
.site-main .wp-block-archives,
.site-main .wp-block-categories,
.site-main .widget_block,
#secondary .wp-block-search,
#secondary .wp-block-pages-list,
#secondary .wp-block-page-list,
#secondary .wp-block-archives,
#secondary .wp-block-categories,
.widget-area .wp-block-search,
.widget-area .wp-block-pages-list,
.widget-area .wp-block-page-list,
.widget-area .wp-block-archives,
.widget-area .wp-block-categories{
  background:var(--st254-glass)!important;
  border:1px solid rgba(5,33,58,.14)!important;
  border-radius:18px!important;
  padding:18px 20px!important;
  box-shadow:0 15px 38px rgba(3,24,46,.14)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  margin-bottom:18px!important;
}

/* If WordPress wraps several blocks in a list item or group */
.widget-area > ul > li,
#secondary > ul > li,
.sidebar > ul > li,
.wp-block-widget-group > ul > li,
.widget_block{
  list-style:none!important;
}

.widget_block > *,
.wp-block-widget-group *,
.wp-block-search *,
.wp-block-page-list *,
.wp-block-pages-list *,
.wp-block-archives *,
.wp-block-categories *,
.widget_pages *,
.widget_archive *,
.widget_categories *,
.widget_search *{
  color:var(--st254-dark)!important;
}

.widget_block h2,
.widget_block h3,
.wp-block-widget-group h2,
.wp-block-widget-group h3,
.wp-block-heading,
.widget-title{
  color:var(--st254-dark)!important;
  font-weight:800!important;
  text-shadow:none!important;
}

.widget_block a,
.wp-block-widget-group a,
.wp-block-page-list a,
.wp-block-pages-list a,
.wp-block-archives a,
.wp-block-categories a,
.widget_pages a,
.widget_archive a,
.widget_categories a{
  color:var(--st254-link)!important;
  font-weight:600!important;
  text-decoration:none!important;
}

.widget_block a:hover,
.wp-block-widget-group a:hover,
.wp-block-page-list a:hover,
.wp-block-archives a:hover,
.wp-block-categories a:hover{
  color:#043d61!important;
  text-decoration:underline!important;
}

/* Search */
.wp-block-search__inside-wrapper,
.wp-block-search__button-inside .wp-block-search__inside-wrapper{
  background:transparent!important;
  border:0!important;
  padding:0!important;
  display:flex!important;
  gap:8px!important;
}

.wp-block-search__input,
.wp-block-search input[type="search"],
.widget_search input[type="search"]{
  min-height:44px!important;
  color:var(--st254-dark)!important;
  background:#fff!important;
  border:2px solid rgba(5,33,58,.28)!important;
  border-radius:10px!important;
  padding:8px 12px!important;
  box-shadow:none!important;
}

.wp-block-search__button,
.widget_search button,
.search-submit{
  min-height:44px!important;
  color:#fff!important;
  background:#07547f!important;
  border:0!important;
  border-radius:10px!important;
  padding:0 16px!important;
  font-weight:700!important;
}

/* Remove stray outer bullets often produced by legacy widget lists */
.widget-area > ul,
#secondary > ul,
.sidebar > ul{
  list-style:none!important;
  padding-left:0!important;
  margin-left:0!important;
}

/* ---------------------------------------------------------
   LIGHT CONTENT SURFACES
   --------------------------------------------------------- */

.page-shell article,
.entry-content,
.page-content,
.st-content-section,
.woocommerce-page .site-main,
.woocommerce .site-main{
  color:var(--st254-dark)!important;
}

.page-shell article p,
.page-shell article li,
.entry-content p,
.entry-content li,
.page-content p,
.page-content li,
.st-content-section p,
.st-content-section li{
  color:var(--st254-dark)!important;
}

.page-shell article h1,
.page-shell article h2,
.page-shell article h3,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.page-content h1,
.page-content h2,
.page-content h3,
.st-content-section h1,
.st-content-section h2,
.st-content-section h3{
  color:var(--st254-dark)!important;
}

/* ---------------------------------------------------------
   WOOCOMMERCE
   --------------------------------------------------------- */

.woocommerce ul.products li.product,
.woocommerce div.product,
.woocommerce-cart-form,
.cart_totals,
.woocommerce-checkout-review-order,
.woocommerce form.checkout,
.woocommerce form.login,
.woocommerce form.register,
.woocommerce-MyAccount-content,
.woocommerce-MyAccount-navigation{
  color:var(--st254-dark)!important;
}

.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3,
.woocommerce div.product h1,
.woocommerce div.product h2,
.woocommerce div.product h3,
.woocommerce-cart-form *,
.cart_totals *,
.woocommerce-checkout-review-order *,
.woocommerce form.checkout *,
.woocommerce form.login *,
.woocommerce form.register *,
.woocommerce-MyAccount-content *,
.woocommerce-MyAccount-navigation *{
  color:var(--st254-dark)!important;
}

.woocommerce .button,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce #respond input#submit{
  color:#fff!important;
}

/* ---------------------------------------------------------
   FOOTER remains white on navy
   --------------------------------------------------------- */

.site-footer,
.site-footer *,
.site-footer a,
.site-footer p,
.site-footer li,
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4{
  color:#fff!important;
}

/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media(max-width:760px){
  .site-main .wp-block-search,
  .site-main .wp-block-pages-list,
  .site-main .wp-block-page-list,
  .site-main .wp-block-archives,
  .site-main .wp-block-categories,
  .widget_block,
  #secondary .widget,
  .widget-area .widget{
    background:rgba(255,255,255,.97)!important;
    border-radius:16px!important;
    padding:16px 17px!important;
    box-shadow:0 12px 30px rgba(3,24,46,.17)!important;
  }

  .home .catch-panel,
  .home .b2b{
    color:#fff!important;
  }

  .home .catch-panel h2,
  .home .b2b h2{
    color:#fff!important;
  }
}


/* =========================================================
 * v2.5.5 — Sidebar / Widget Bold Readability
 * Makes Pages, Archives, Categories and similar widget text
 * noticeably bolder without changing layout/background.
 * ========================================================= */

.widget_block,
.widget_block *,
.wp-block-widget-group,
.wp-block-widget-group *,
.wp-block-page-list,
.wp-block-page-list *,
.wp-block-pages-list,
.wp-block-pages-list *,
.wp-block-archives,
.wp-block-archives *,
.wp-block-categories,
.wp-block-categories *,
.widget_pages,
.widget_pages *,
.widget_archive,
.widget_archive *,
.widget_categories,
.widget_categories *,
#secondary .widget,
#secondary .widget *,
.widget-area .widget,
.widget-area .widget *,
.sidebar .widget,
.sidebar .widget *{
  font-weight:650!important;
}

.widget_block h2,
.widget_block h3,
.wp-block-widget-group h2,
.wp-block-widget-group h3,
.wp-block-heading,
.widget-title,
#secondary .widget-title,
.widget-area .widget-title,
.sidebar .widget-title{
  font-weight:800!important;
}

.widget_block a,
.wp-block-widget-group a,
.wp-block-page-list a,
.wp-block-pages-list a,
.wp-block-archives a,
.wp-block-categories a,
.widget_pages a,
.widget_archive a,
.widget_categories a,
#secondary .widget a,
.widget-area .widget a,
.sidebar .widget a{
  font-weight:700!important;
}

.widget_block li,
.wp-block-page-list li,
.wp-block-pages-list li,
.wp-block-archives li,
.wp-block-categories li,
.widget_pages li,
.widget_archive li,
.widget_categories li,
#secondary .widget li,
.widget-area .widget li,
.sidebar .widget li{
  font-weight:650!important;
}

@media(max-width:760px){
  .widget_block,
  .widget_block *,
  .wp-block-widget-group,
  .wp-block-widget-group *,
  #secondary .widget,
  #secondary .widget *,
  .widget-area .widget,
  .widget-area .widget *{
    font-weight:700!important;
  }
}


/* =========================================================
 * v2.5.6 — Footer Contrast & Brand Visibility
 * Improves footer logo, links, headings and copyright.
 * ========================================================= */

.site-footer{
  background:rgba(3,23,43,.97)!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
}

/* Footer headings */
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6,
.site-footer .footer-title,
.site-footer .widget-title{
  color:#ffffff!important;
  font-weight:800!important;
  opacity:1!important;
}

/* Footer body copy */
.site-footer p,
.site-footer li,
.site-footer span,
.site-footer address,
.site-footer small{
  color:rgba(244,249,252,.92)!important;
}

/* Footer links */
.site-footer a,
.site-footer .menu a,
.site-footer .footer-links a,
.site-footer .widget a{
  color:#a9d9f3!important;
  font-weight:650!important;
  text-decoration:none!important;
  text-shadow:none!important;
  opacity:1!important;
}

.site-footer a:hover,
.site-footer a:focus{
  color:#ffffff!important;
  text-decoration:underline!important;
  text-decoration-thickness:1px!important;
  text-underline-offset:3px!important;
}

/* Brand/logo area: the horizontal logo is dark, so give it a premium light surface */
.site-footer .footer-brand,
.site-footer .footer-brand-wrap,
.site-footer .site-branding,
.site-footer .brand-block{
  color:#fff!important;
}

.site-footer .footer-brand-logo,
.site-footer .sea-brand-full-logo,
.site-footer img[alt*="Sea Treasure"],
.site-footer img[alt*="SEA TREASURE"]{
  display:block!important;
  width:auto!important;
  max-width:260px!important;
  height:auto!important;
  padding:10px 14px!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(255,255,255,.26)!important;
  border-radius:16px!important;
  box-shadow:0 12px 28px rgba(0,0,0,.18)!important;
  filter:none!important;
}

/* Footer tagline under logo */
.site-footer .footer-brand p,
.site-footer .brand-block p,
.site-footer .footer-tagline{
  color:#f5f8fa!important;
  font-weight:600!important;
  margin-top:14px!important;
}

/* Footer divider */
.site-footer hr,
.site-footer .footer-bottom,
.site-footer .footer-divider{
  border-color:rgba(255,255,255,.18)!important;
}

/* Copyright */
.site-footer .site-info,
.site-footer .copyright,
.site-footer .footer-bottom,
.site-footer .footer-bottom p,
.site-footer .site-info a{
  color:rgba(255,255,255,.90)!important;
  font-weight:600!important;
}

/* Ensure no previous global navy rules override footer descendants */
.site-footer *,
.site-footer *::before,
.site-footer *::after{
  text-shadow:none!important;
}

.site-footer a,
.site-footer p,
.site-footer li,
.site-footer span,
.site-footer small,
.site-footer strong{
  opacity:1!important;
}

/* Mobile footer */
@media(max-width:760px){
  .site-footer{
    text-align:left!important;
  }

  .site-footer .footer-brand-logo,
  .site-footer .sea-brand-full-logo,
  .site-footer img[alt*="Sea Treasure"],
  .site-footer img[alt*="SEA TREASURE"]{
    max-width:230px!important;
    padding:9px 12px!important;
    border-radius:14px!important;
  }

  .site-footer a{
    color:#bfe6fa!important;
    font-weight:700!important;
  }
}


/* =========================================================
 * v2.5.7 — BLUE / CYAN PALETTE LOCK
 * Removes yellow / ivory / cream tones site-wide.
 * Allowed visual family: navy, blue, cyan, ice-blue, white.
 * ========================================================= */

:root{
  --st257-navy:#031f38;
  --st257-navy-2:#0a3557;
  --st257-blue:#0d5f95;
  --st257-blue-2:#167db5;
  --st257-cyan:#3aa9d8;
  --st257-ice:#dff5ff;
  --st257-ice-2:#edfaff;
  --st257-white:#ffffff;
  --st257-glass:rgba(237,250,255,.94);
  --st257-glass-soft:rgba(223,245,255,.86);
  --st257-border:rgba(32,132,184,.20);
  --st257-text:#062b48;
}

/* ---------------------------------------------------------
   GLOBAL LIGHT SURFACES — no ivory / cream
   --------------------------------------------------------- */

body::before{
  background-image:
    linear-gradient(
      180deg,
      rgba(238,250,255,.78) 0%,
      rgba(226,245,255,.70) 22%,
      rgba(215,240,252,.63) 48%,
      rgba(225,246,255,.70) 76%,
      rgba(238,250,255,.84) 100%
    ),
    url("assets/images/sea-treasure-cinematic-ocean-hero.png")!important;
}

.section,
.home-section,
.st-content-section,
.st-page-section,
.shop-section,
.woocommerce-page .site-main > section,
.woocommerce .site-main > section,
.page .site-main > section,
.single .site-main > section{
  background:rgba(225,246,255,.75)!important;
}

.section:nth-of-type(even),
.st-content-section:nth-of-type(even),
.home-section:nth-of-type(even){
  background:rgba(239,250,255,.80)!important;
}

.st-page-hero,
.page-hero,
.archive-header,
.woocommerce-products-header,
.woocommerce .woocommerce-breadcrumb + h1,
.tax-product_cat .site-main > header,
.tax-product_tag .site-main > header{
  background:linear-gradient(
    180deg,
    rgba(240,251,255,.86),
    rgba(218,242,253,.72)
  )!important;
}

/* ---------------------------------------------------------
   CARDS / PANELS / WIDGETS
   --------------------------------------------------------- */

.product,
.woocommerce ul.products li.product,
.category-card,
.occasion-card,
.feature-card,
.st-card,
.faq-item,
.st-about-card,
.st-b2b-card,
.recipe-card,
.woocommerce-cart-form,
.cart_totals,
.woocommerce-checkout-review-order,
.woocommerce form.checkout,
.woocommerce form.login,
.woocommerce form.register,
.woocommerce-MyAccount-content,
.woocommerce-MyAccount-navigation,
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
#secondary .widget,
.widget-area .widget,
.sidebar .widget,
aside.widget,
.widget_block,
.site-main .wp-block-search,
.site-main .wp-block-pages-list,
.site-main .wp-block-page-list,
.site-main .wp-block-archives,
.site-main .wp-block-categories{
  background:var(--st257-glass)!important;
  border-color:var(--st257-border)!important;
  box-shadow:0 16px 40px rgba(5,52,84,.12)!important;
}

/* ---------------------------------------------------------
   HEADER
   --------------------------------------------------------- */

.site-header{
  background:rgba(236,249,255,.96)!important;
  border-bottom:1px solid rgba(24,111,158,.18)!important;
}

/* ---------------------------------------------------------
   BUTTONS / ACCENTS
   --------------------------------------------------------- */

.btn,
button,
input[type="submit"],
.search-submit,
.widget_search button,
.wp-block-search__button,
.woocommerce .button,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce #respond input#submit{
  background:linear-gradient(135deg,#0b5c8f,#1686bd)!important;
  color:#fff!important;
  border-color:rgba(9,92,143,.72)!important;
}

.btn:hover,
button:hover,
input[type="submit"]:hover,
.search-submit:hover,
.widget_search button:hover,
.wp-block-search__button:hover,
.woocommerce .button:hover,
.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover{
  background:linear-gradient(135deg,#08456e,#0e6fa3)!important;
  color:#fff!important;
}

/* Light buttons are cool ice-blue, never cream */
.btn-light,
.home .phase123-hero .btn-light,
.home .catch-panel .btn-light,
.home .b2b .btn-light,
.home .b2b-section .btn-light,
.home .b2b-hero .btn-light{
  background:linear-gradient(180deg,#f4fcff,#dff5ff)!important;
  color:#073253!important;
  border-color:rgba(36,137,187,.26)!important;
}

/* ---------------------------------------------------------
   FORMS / TABLES
   --------------------------------------------------------- */

input,
textarea,
select,
option,
.woocommerce input.input-text,
.woocommerce textarea,
.woocommerce select,
.woocommerce .quantity .qty,
.wp-block-search__input,
.search-field{
  background:rgba(246,252,255,.98)!important;
  color:var(--st257-text)!important;
  border-color:rgba(18,107,154,.26)!important;
}

table,
table td,
table th,
.woocommerce table.shop_table,
.woocommerce table.shop_table td,
.woocommerce table.shop_table th{
  background-color:rgba(239,250,255,.92)!important;
}

/* ---------------------------------------------------------
   FOOTER — blue family only
   --------------------------------------------------------- */

.site-footer{
  background:linear-gradient(180deg,#061f36,#082b48)!important;
  border-top:1px solid rgba(89,186,230,.18)!important;
}

.site-footer a{
  color:#8fdcff!important;
}

.site-footer a:hover,
.site-footer a:focus{
  color:#ffffff!important;
}

/* Footer logo badge: ice-blue instead of ivory */
.site-footer .footer-brand-logo,
.site-footer .sea-brand-full-logo,
.site-footer img[alt*="Sea Treasure"],
.site-footer img[alt*="SEA TREASURE"]{
  background:linear-gradient(180deg,#f1fbff,#d8f3ff)!important;
  border-color:rgba(65,170,220,.28)!important;
  box-shadow:0 12px 28px rgba(0,35,58,.24)!important;
}

/* ---------------------------------------------------------
   HERO TRANSITIONS
   --------------------------------------------------------- */

.home .phase123-hero::after{
  background:linear-gradient(
    180deg,
    rgba(229,247,255,0),
    rgba(226,246,255,.78) 94%
  )!important;
}

/* ---------------------------------------------------------
   LINKS / TEXT ACCENTS
   --------------------------------------------------------- */

a{
  color:#08689d!important;
}

a:hover,
a:focus{
  color:#04496f!important;
}

.widget li::marker,
.wp-block-categories li::marker,
.wp-block-archives li::marker,
.wp-block-page-list li::marker{
  color:#218fca!important;
}

/* ---------------------------------------------------------
   REMOVE WARM BACKGROUND FALLBACKS
   --------------------------------------------------------- */

[style*="#f8f6f0"],
[style*="#f7f3e8"],
[style*="#f7f4ea"],
[style*="#fff8"],
[style*="ivory"],
[style*="cream"]{
  background-color:rgba(230,247,255,.92)!important;
}

/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media(max-width:760px){
  .section,
  .home-section,
  .st-content-section,
  .st-page-section{
    background:rgba(230,248,255,.84)!important;
  }

  #secondary .widget,
  .widget-area .widget,
  .sidebar .widget,
  aside.widget,
  .widget_block{
    background:rgba(241,251,255,.97)!important;
  }
}


/* =========================================================
 * v2.5.8 — HEADER BUTTONS POLISH
 * Approved clean sea-blue outline treatment.
 * ========================================================= */

:root{
  --st258-outline:#1787bd;
  --st258-outline-soft:#8ccbe8;
  --st258-fill:#f7fcff;
  --st258-fill-hover:#e8f7ff;
  --st258-blue:#0d73a8;
  --st258-blue-dark:#07547f;
  --st258-text:#0a4d74;
}

/* Header controls share one visual system */
.phase123-actions{
  gap:10px!important;
  align-items:center!important;
}

.header-product-search,
.phase123-actions .account-text-link,
.header-cart,
.language-switch-flags a{
  border:2px solid var(--st258-outline)!important;
  background:var(--st258-fill)!important;
  box-shadow:0 3px 10px rgba(4,71,110,.06)!important;
  transition:
    background-color .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    transform .18s ease!important;
}

/* Search pill */
.header-product-search{
  height:44px!important;
  border-radius:999px!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:stretch!important;
  padding:0!important;
}

.header-product-search input{
  width:96px!important;
  min-height:40px!important;
  padding:0 13px!important;
  border:0!important;
  background:#fff!important;
  color:var(--st258-text)!important;
  font-size:.95rem!important;
  outline:0!important;
}

.header-product-search input::placeholder{
  color:#6a8293!important;
  opacity:1!important;
}

.header-product-search button{
  width:42px!important;
  min-width:42px!important;
  padding:0!important;
  border:0!important;
  border-left:1px solid rgba(255,255,255,.22)!important;
  border-radius:0 999px 999px 0!important;
  background:linear-gradient(180deg,#1787bd,#0c6e9f)!important;
  color:#fff!important;
  font-size:1.05rem!important;
  font-weight:800!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

/* Login / account pill */
.phase123-actions .account-text-link{
  min-width:auto!important;
  height:44px!important;
  padding:0 18px!important;
  border-radius:999px!important;
  color:var(--st258-text)!important;
  font-weight:800!important;
  gap:8px!important;
  line-height:1!important;
}

.account-text-link .account-dot{
  width:8px!important;
  height:8px!important;
  flex:0 0 8px!important;
  background:#1686bd!important;
  border-radius:50%!important;
}

/* Cart round button */
.header-cart{
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  padding:0!important;
  border-radius:50%!important;
  color:var(--st258-text)!important;
  font-weight:700!important;
  gap:2px!important;
}

/* Language buttons */
.language-switch.language-switch-flags{
  gap:10px!important;
}

.language-switch-flags .language-divider{
  display:block!important;
  color:#77b5d4!important;
  opacity:.65!important;
  font-size:1rem!important;
}

.language-switch-flags a{
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  padding:0!important;
  border-radius:10px!important;
  opacity:1!important;
  color:var(--st258-text)!important;
}

.language-switch-flags a.is-active{
  background:#e0f2fb!important;
  border-color:var(--st258-outline)!important;
  box-shadow:inset 0 0 0 1px rgba(23,135,189,.08),0 3px 10px rgba(4,71,110,.06)!important;
}

.language-switch-flags .lang-flag{
  font-size:1.32rem!important;
  line-height:1!important;
}

/* Hover / focus */
.header-product-search:hover,
.phase123-actions .account-text-link:hover,
.header-cart:hover,
.language-switch-flags a:hover{
  border-color:#075f90!important;
  background:var(--st258-fill-hover)!important;
  box-shadow:0 5px 14px rgba(4,71,110,.12)!important;
  transform:translateY(-1px)!important;
}

.header-product-search:focus-within{
  border-color:#075f90!important;
  box-shadow:0 0 0 3px rgba(23,135,189,.14)!important;
}

.header-product-search button:hover{
  background:linear-gradient(180deg,#0c6e9f,#07547f)!important;
  transform:none!important;
}

.phase123-actions .account-text-link:focus-visible,
.header-cart:focus-visible,
.language-switch-flags a:focus-visible{
  outline:3px solid rgba(23,135,189,.20)!important;
  outline-offset:2px!important;
}

/* Keep generic global button rules from overriding header controls */
.site-header .header-product-search button{
  color:#fff!important;
}

.site-header .account-text-link,
.site-header .header-cart,
.site-header .language-switch-flags a{
  color:var(--st258-text)!important;
}

/* Tablet tuning */
@media(max-width:1180px){
  .phase123-actions{
    gap:8px!important;
  }

  .phase123-actions .account-text-link{
    padding:0 15px!important;
  }

  .language-switch.language-switch-flags{
    gap:7px!important;
  }
}

/* Mobile keeps existing mobile-header logic, but cart/menu borders match */
@media(max-width:760px){
  .header-cart,
  .st-mobile-menu-toggle{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    border:2px solid var(--st258-outline)!important;
    border-radius:10px!important;
    background:#f7fcff!important;
    color:var(--st258-text)!important;
    box-shadow:0 3px 10px rgba(4,71,110,.06)!important;
  }
}


/* =========================================================
 * v2.6.0 — PRODUCT PAGE 3.0
 * Data-first premium seafood conversion UX.
 * ========================================================= */

/* Product shell */
.single-product div.product{
  max-width:1380px;
  margin-left:auto!important;
  margin-right:auto!important;
}

.single-product div.product div.summary{
  padding:30px!important;
  border:1px solid rgba(31,133,184,.18)!important;
  border-radius:24px!important;
  background:rgba(241,251,255,.95)!important;
  box-shadow:0 22px 52px rgba(3,46,75,.12)!important;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}

/* Photography consistency */
.single-product .woocommerce-product-gallery{
  padding:14px;
  border:1px solid rgba(31,133,184,.18)!important;
  border-radius:24px!important;
  background:rgba(240,250,255,.94)!important;
  box-shadow:0 20px 48px rgba(3,46,75,.10)!important;
}

.single-product .woocommerce-product-gallery__image{
  overflow:hidden;
  border-radius:18px;
  background:linear-gradient(145deg,#effaff,#dff4fc);
}

.single-product .woocommerce-product-gallery__image img{
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  filter:none!important;
}

/* Price / kg callout */
.st-product-essentials-v260{
  margin:16px 0 20px;
}

.st-price-unit-v260{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  padding:16px 18px;
  margin-bottom:12px;
  border-radius:16px;
  border:1px solid rgba(25,124,174,.22);
  background:linear-gradient(135deg,#e8f8ff,#d7f1fc);
}

.st-price-unit-v260 > span{
  color:#315c78!important;
  font-size:.88rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.st-price-unit-v260 > strong{
  color:#042d4c!important;
  font-size:clamp(1.55rem,2vw,2.15rem);
  line-height:1;
}

.st-price-unit-v260 .price,
.st-price-unit-v260 .amount{
  color:#042d4c!important;
  font-weight:900!important;
}

.st-essential-grid-v260{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.st-essential-v260{
  min-width:0;
  padding:13px 14px;
  border:1px solid rgba(32,132,184,.16);
  border-radius:14px;
  background:rgba(255,255,255,.78);
}

.st-essential-v260 small,
.st-availability-item-v260 small{
  display:block;
  margin-bottom:5px;
  color:#55748a!important;
  font-size:.78rem;
  font-weight:750;
  letter-spacing:.02em;
}

.st-essential-v260 strong,
.st-availability-item-v260 strong{
  display:block;
  color:#062b48!important;
  font-size:.97rem;
  font-weight:850;
  line-height:1.35;
  overflow-wrap:anywhere;
}

.st-availability-row-v260{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:10px;
}

.st-availability-item-v260{
  padding:13px 14px;
  border:1px solid rgba(32,132,184,.16);
  border-radius:14px;
  background:rgba(229,247,255,.78);
}

.st-stock-v260{
  display:flex!important;
  align-items:center;
  gap:7px;
}

.st-stock-v260.in{color:#116b52!important}
.st-stock-v260.low{color:#8a6112!important}
.st-stock-v260.out{color:#a13542!important}

/* Ordering controls */
.single-product #product-order-panel{
  margin-top:18px!important;
  padding:18px!important;
  border:1px solid rgba(19,119,170,.22)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(236,249,255,.96),rgba(220,244,253,.92))!important;
}

.single-product .st-chip span{
  border-color:rgba(20,124,177,.24)!important;
  background:#f9fdff!important;
  color:#073654!important;
  font-weight:750!important;
}

.single-product .st-chip input:checked + span{
  border-color:#127eb5!important;
  background:#d9f2fc!important;
  color:#052d48!important;
  box-shadow:0 0 0 2px rgba(18,126,181,.10)!important;
}

/* Hide the old small dynamic-yield snippet: v2.6.0 has a complete estimator. */
.single-product .st-dynamic-yield{
  display:none!important;
}

/* Yield module */
.st-yield-v260{
  margin:22px 0 18px;
  padding:20px;
  border:1px solid rgba(22,126,181,.24);
  border-radius:20px;
  background:
    linear-gradient(145deg,rgba(226,246,255,.98),rgba(244,252,255,.96));
  box-shadow:0 14px 34px rgba(2,54,88,.08);
}

.st-yield-heading-v260{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
  margin-bottom:14px;
}

.st-yield-heading-v260 small,
.st-detail-heading-v260 small{
  display:block;
  color:#167aa8!important;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:4px;
}

.st-yield-heading-v260 h3,
.st-detail-heading-v260 h3{
  color:#042b47!important;
  margin:0!important;
  font-size:1.25rem!important;
  line-height:1.2!important;
}

.st-yield-badge-v260{
  flex:0 0 auto;
  padding:6px 9px;
  border-radius:999px;
  background:#0d6f9f;
  color:#fff!important;
  font-size:.72rem;
  font-weight:850;
}

.st-yield-table-v260{
  overflow:hidden;
  border:1px solid rgba(22,126,181,.16);
  border-radius:14px;
  background:rgba(255,255,255,.70);
}

.st-yield-table-v260 > div{
  display:grid;
  grid-template-columns:1fr 1.35fr;
  gap:14px;
  align-items:center;
  padding:11px 13px;
  border-bottom:1px solid rgba(13,92,138,.10);
}

.st-yield-table-v260 > div:last-child{
  border-bottom:0;
}

.st-yield-table-v260 span{
  color:#496b81!important;
  font-size:.86rem;
  font-weight:700;
}

.st-yield-table-v260 strong{
  color:#052d49!important;
  text-align:right;
  font-weight:900!important;
}

.st-yield-table-v260 .highlight{
  background:linear-gradient(90deg,rgba(52,169,216,.10),rgba(52,169,216,.18));
}

.st-yield-table-v260 .highlight strong{
  color:#075d8a!important;
  font-size:1.08rem;
}

.st-yield-note-v260{
  margin:11px 2px 0!important;
  color:#55748a!important;
  font-size:.80rem!important;
  line-height:1.45!important;
}

/* Product care + transparency */
.st-product-details-v260{
  margin:22px 0 18px;
}

.st-detail-heading-v260{
  margin-bottom:12px;
}

.st-detail-grid-v260{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.st-detail-card-v260{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:11px;
  align-items:start;
  padding:14px;
  border:1px solid rgba(23,129,180,.17);
  border-radius:15px;
  background:rgba(250,254,255,.84);
}

.st-detail-icon-v260{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#dff4fd;
  color:#075d8a!important;
  font-weight:900;
}

.st-detail-card-v260 h4{
  margin:0 0 5px!important;
  color:#062d49!important;
  font-size:.92rem!important;
  font-weight:900!important;
}

.st-detail-card-v260 p{
  margin:0!important;
  color:#355a72!important;
  font-size:.84rem!important;
  line-height:1.48!important;
}

/* Trust */
.st-product-trust-v260{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin:16px 0 4px;
}

.st-product-trust-v260 span{
  display:flex;
  gap:8px;
  align-items:center;
  color:#164b68!important;
  font-size:.82rem;
  font-weight:750;
}

.st-product-trust-v260 b{
  width:22px;
  height:22px;
  flex:0 0 22px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#d9f3fc;
  color:#0875a7!important;
}

/* Tabs stay as long-form reference, but cleaner */
.single-product .woocommerce-tabs{
  margin-top:34px!important;
  padding:22px!important;
  border:1px solid rgba(23,129,180,.16)!important;
  border-radius:22px!important;
  background:rgba(239,250,255,.94)!important;
  box-shadow:0 16px 40px rgba(4,51,80,.08)!important;
}

.single-product .woocommerce-tabs ul.tabs{
  display:flex!important;
  flex-wrap:wrap;
  gap:8px;
  padding:0!important;
  margin:0 0 18px!important;
}

.single-product .woocommerce-tabs ul.tabs::before{
  display:none!important;
}

.single-product .woocommerce-tabs ul.tabs li{
  margin:0!important;
  border:1px solid rgba(23,129,180,.18)!important;
  border-radius:999px!important;
  background:#f7fcff!important;
}

.single-product .woocommerce-tabs ul.tabs li.active{
  background:#dff4fd!important;
  border-color:#1681b5!important;
}

.single-product .woocommerce-tabs ul.tabs li a{
  color:#075477!important;
  font-weight:800!important;
}

/* One mobile buybar */
.st-mobile-buybar,
.st-mobile-buybar-v220{
  display:none!important;
}

.st-mobile-buybar-v260{
  display:none;
}

@media(max-width:760px){
  body.single-product{
    padding-bottom:92px!important;
  }

  .single-product div.product div.summary{
    padding:18px!important;
    border-radius:18px!important;
  }

  .single-product .woocommerce-product-gallery{
    padding:9px!important;
    border-radius:18px!important;
  }

  .st-essential-grid-v260,
  .st-availability-row-v260,
  .st-detail-grid-v260,
  .st-product-trust-v260{
    grid-template-columns:1fr;
  }

  .st-yield-heading-v260{
    display:grid;
  }

  .st-yield-badge-v260{
    justify-self:start;
  }

  .st-yield-table-v260 > div{
    grid-template-columns:1fr;
    gap:3px;
  }

  .st-yield-table-v260 strong{
    text-align:left;
  }

  .single-product .woocommerce-tabs{
    padding:15px!important;
    border-radius:18px!important;
  }

  .single-product .woocommerce-tabs ul.tabs{
    display:grid!important;
    grid-template-columns:1fr 1fr;
  }

  .single-product .woocommerce-tabs ul.tabs li{
    width:auto!important;
    text-align:center;
  }

  .st-mobile-buybar-v260{
    position:fixed;
    z-index:9998;
    left:10px;
    right:10px;
    bottom:10px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:10px 11px 10px 14px;
    border:1px solid rgba(26,129,179,.28);
    border-radius:18px;
    background:rgba(237,250,255,.97);
    box-shadow:0 14px 40px rgba(2,31,51,.22);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
  }

  .st-mobile-buybar-v260 div{
    min-width:0;
  }

  .st-mobile-buybar-v260 small{
    display:block;
    color:#59768a!important;
    font-size:.68rem;
    font-weight:750;
  }

  .st-mobile-buybar-v260 strong,
  .st-mobile-buybar-v260 .amount{
    color:#052f4d!important;
    font-weight:900!important;
  }

  .st-mobile-buybar-v260 a{
    flex:0 0 auto;
    padding:11px 14px;
    border-radius:12px;
    background:linear-gradient(135deg,#0c6597,#1185bb);
    color:#fff!important;
    font-size:.78rem;
    font-weight:850;
    text-decoration:none!important;
  }
}


/* =========================================================
 * v2.6.1 — iPHONE / iPAD HEADER + MOBILE DRAWER FIX
 * Final responsive override after v2.5.8/v2.6.0.
 * Fixes logo overlap and removes every warm drawer tone.
 * ========================================================= */

@media (max-width: 900px){

  /* Header: reserve independent columns for logo / menu / cart.
     Search/account/language live inside the drawer at this size. */
  .site-header .phase123-header{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    padding-top:10px!important;
    padding-bottom:10px!important;
  }

  .site-header .sea-brand-lockup{
    display:flex!important;
    min-width:0!important;
    max-width:none!important;
    width:100%!important;
    overflow:hidden!important;
    margin:0!important;
    padding:0!important;
  }

  .site-header .sea-brand-full-logo{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-height:54px!important;
    max-width:100%!important;
    object-fit:contain!important;
    object-position:left center!important;
    flex:0 1 auto!important;
  }

  .site-header .phase123-actions{
    display:flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    min-width:94px!important;
  }

  /* IMPORTANT:
     v2.5.8 forced desktop search display:flex!important after the old mobile CSS.
     This final override intentionally wins. */
  .site-header .header-product-search,
  .site-header .phase123-actions .account-text-link,
  .site-header .phase123-actions .language-switch{
    display:none!important;
  }

  .site-header .st-mobile-menu-toggle{
    display:inline-flex!important;
    flex:0 0 44px!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    margin:0!important;
    padding:0!important;
    border:2px solid #2588b9!important;
    border-radius:11px!important;
    background:#f2fbff!important;
    color:#073b5e!important;
    box-shadow:0 4px 12px rgba(4,70,107,.08)!important;
    z-index:2!important;
  }

  .site-header .header-cart{
    display:inline-flex!important;
    flex:0 0 44px!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    margin:0!important;
    padding:0!important;
    border:2px solid #2588b9!important;
    border-radius:11px!important;
    background:#f2fbff!important;
    color:#073b5e!important;
    box-shadow:0 4px 12px rgba(4,70,107,.08)!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    white-space:nowrap!important;
  }

  /* Drawer: strict Sea Treasure blue/cyan palette */
  .st-mobile-menu-panel{
    width:min(88vw,420px)!important;
    background:
      linear-gradient(180deg,rgba(242,251,255,.99),rgba(222,244,254,.99))!important;
    border-left:1px solid rgba(33,132,181,.22)!important;
    box-shadow:-24px 0 65px rgba(2,38,64,.25)!important;
    color:#062f4d!important;
  }

  .st-mobile-menu-backdrop{
    background:rgba(2,24,43,.58)!important;
    backdrop-filter:blur(2px)!important;
    -webkit-backdrop-filter:blur(2px)!important;
  }

  .st-mobile-menu-head{
    gap:12px!important;
    margin-bottom:22px!important;
  }

  .st-mobile-menu-brand{
    min-width:0!important;
    flex:1 1 auto!important;
    overflow:hidden!important;
  }

  .st-mobile-menu-brand img{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:100%!important;
    max-height:76px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }

  .st-mobile-menu-close{
    flex:0 0 46px!important;
    width:46px!important;
    min-width:46px!important;
    height:46px!important;
    border:2px solid #2688b8!important;
    border-radius:12px!important;
    background:linear-gradient(180deg,#267eaf,#176c9d)!important;
    color:#fff!important;
    font-size:1.75rem!important;
    font-weight:400!important;
    box-shadow:0 5px 14px rgba(4,66,103,.14)!important;
  }

  /* Drawer search */
  .st-mobile-search{
    min-height:52px!important;
    border:2px solid #67add0!important;
    border-radius:15px!important;
    background:#f7fdff!important;
    box-shadow:0 4px 12px rgba(4,67,103,.06)!important;
    overflow:hidden!important;
  }

  .st-mobile-search input[type="search"]{
    min-height:50px!important;
    background:#f7fdff!important;
    color:#073652!important;
    border:0!important;
    font-size:16px!important;
  }

  .st-mobile-search input[type="search"]::placeholder{
    color:#688397!important;
    opacity:1!important;
  }

  .st-mobile-search button{
    width:52px!important;
    min-width:52px!important;
    height:52px!important;
    border:0!important;
    border-left:1px solid rgba(255,255,255,.25)!important;
    border-radius:0!important;
    background:linear-gradient(180deg,#2788bb,#176b9d)!important;
    color:#fff!important;
    font-weight:900!important;
  }

  /* Drawer navigation */
  .st-mobile-nav{
    border-top:1px solid rgba(22,103,147,.14)!important;
  }

  .st-mobile-nav a{
    min-height:58px!important;
    color:#0a557f!important;
    border-bottom:1px solid rgba(22,103,147,.14)!important;
    font-weight:800!important;
    background:transparent!important;
  }

  .st-mobile-nav a:hover,
  .st-mobile-nav a:focus{
    color:#043b5d!important;
    background:rgba(198,235,251,.40)!important;
  }

  /* Account CTA: white text on deep blue */
  .st-mobile-account{
    min-height:52px!important;
    border:1px solid #0a4f79!important;
    background:linear-gradient(135deg,#082f52,#0e5682)!important;
    color:#fff!important;
    font-weight:850!important;
    box-shadow:0 6px 16px rgba(2,43,72,.12)!important;
  }

  .st-mobile-account:hover,
  .st-mobile-account:focus{
    color:#fff!important;
    background:linear-gradient(135deg,#062945,#0a4770)!important;
  }

  /* Language controls: blue/ice-blue only */
  .st-mobile-languages{
    gap:10px!important;
  }

  .st-mobile-languages a{
    min-height:48px!important;
    border:2px solid #78b8d7!important;
    border-radius:13px!important;
    background:#f3fbff!important;
    color:#073a5d!important;
    font-weight:800!important;
    box-shadow:none!important;
  }

  .st-mobile-languages a.is-active{
    border-color:#126f9f!important;
    background:#d8f2fd!important;
    color:#052f4d!important;
    box-shadow:inset 0 0 0 1px rgba(18,111,159,.08)!important;
  }
}

/* Narrow iPhone widths: logo gets the available space, never collides. */
@media (max-width: 520px){
  .site-header .phase123-header{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
  }

  .site-header .sea-brand-full-logo{
    max-height:48px!important;
  }

  .site-header .phase123-actions{
    min-width:92px!important;
    gap:6px!important;
  }

  .site-header .st-mobile-menu-toggle,
  .site-header .header-cart{
    flex-basis:42px!important;
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
  }

  .st-mobile-menu-panel{
    width:min(92vw,390px)!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
}

/* Extra narrow phones */
@media (max-width: 375px){
  .site-header .sea-brand-full-logo{
    max-height:43px!important;
  }

  .site-header .phase123-actions{
    min-width:86px!important;
    gap:5px!important;
  }

  .site-header .st-mobile-menu-toggle,
  .site-header .header-cart{
    flex-basis:40px!important;
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
  }
}