/** Shopify CDN: Minification failed

Line 125:27 Expected ")" to end URL token
Line 151:27 Expected ")" to end URL token
Line 160:11 Expected ")" to end URL token
Line 161:11 Expected ")" to end URL token
Line 162:11 Expected ")" to end URL token
Line 163:11 Expected ")" to end URL token
Line 164:11 Expected ")" to end URL token
Line 193:11 Expected ")" to end URL token
Line 194:11 Expected ")" to end URL token
Line 195:11 Expected ")" to end URL token
... and 56 more hidden warnings

**/
/* ============================================================
   NZ SEAFOOD — 新西兰本土滨海简约风
   主色深礁蓝 #274A63 · 撞色海岸鼠尾草绿 #99A878
   页面底浅灰岩白 #F5F7F8 · 卡片纯白 · 正文 #1C2C36
   装饰元素：
   海岸线折线 / 高地山脊线 / 碎石点状肌理 / 码头桩剪影 / 断续礁石分割线
   + 海洋波浪线 / 气泡（用户要求适当加点海洋元素）
   全部细线镂空，opacity 18–24%，仅模块外围四角与顶底边，移动端隐藏。
   ============================================================ */

:root {
  /* 设计 token */
  --nz-primary: #274A63;
  --nz-accent: #99A878;
  --nz-bg: #F5F7F8;
  --nz-card: #FFFFFF;
  --nz-text: #1C2C36;
  --nz-text-secondary: #738896;
  --nz-radius-card: 10px;
  --nz-radius-button: 9px;

  /* 按钮圆角落到设计 9px（settings 步进 2 无法存 9，用 CSS 覆盖） */
  --buttons-radius: 9px;

  /* 海岸线折线 */
  --nz-coastline: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 12'%3E%3Cpolyline points='0,5 12,9 24,3 36,8 48,4 60,9 72,3 84,8 96,4 108,9 120,5' fill='none' stroke='%23274A63' stroke-width='1.2' stroke-opacity='0.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  /* 高地山脊线 */
  --nz-ridge: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 24'%3E%3Cpath d='M0 18 L15 6 L28 16 L44 4 L60 14 L74 7 L90 16 L104 6 L120 15' fill='none' stroke='%23274A63' stroke-width='1.2' stroke-opacity='0.2' stroke-linejoin='round' stroke-linecap='round'/%3E%3Cpath d='M0 22 L18 12 L34 20 L52 10 L70 19 L88 11 L108 20 L120 16' fill='none' stroke='%23274A63' stroke-width='1' stroke-opacity='0.14' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E");
  /* 碎石点状肌理 */
  --nz-gravel: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='%23274A63' fill-opacity='0.2'%3E%3Ccircle cx='8' cy='10' r='1.6'/%3E%3Ccircle cx='34' cy='6' r='1.2'/%3E%3Ccircle cx='68' cy='12' r='1.8'/%3E%3Ccircle cx='102' cy='8' r='1.3'/%3E%3Ccircle cx='16' cy='46' r='1.4'/%3E%3Ccircle cx='52' cy='38' r='1.7'/%3E%3Ccircle cx='88' cy='52' r='1.2'/%3E%3Ccircle cx='112' cy='44' r='1.6'/%3E%3Ccircle cx='6' cy='84' r='1.3'/%3E%3Ccircle cx='44' cy='94' r='1.8'/%3E%3Ccircle cx='76' cy='86' r='1.4'/%3E%3Ccircle cx='108' cy='96' r='1.2'/%3E%3Ccircle cx='30' cy='64' r='1.2'/%3E%3Ccircle cx='64' cy='72' r='1.5'/%3E%3Ccircle cx='98' cy='66' r='1.4'/%3E%3Ccircle cx='24' cy='112' r='1.5'/%3E%3Ccircle cx='70' cy='108' r='1.3'/%3E%3Ccircle cx='104' cy='114' r='1.6'/%3E%3C/g%3E%3C/svg%3E");
  /* 极简码头桩剪影 */
  --nz-piles: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 20'%3E%3Cg fill='none' stroke='%23274A63' stroke-width='1.4' stroke-opacity='0.2' stroke-linecap='round'%3E%3Cline x1='14' y1='2' x2='14' y2='18'/%3E%3Cline x1='24' y1='2' x2='24' y2='18'/%3E%3Cline x1='8' y1='6' x2='30' y2='6'/%3E%3Cline x1='54' y1='2' x2='54' y2='18'/%3E%3Cline x1='64' y1='2' x2='64' y2='18'/%3E%3Cline x1='48' y1='8' x2='70' y2='8'/%3E%3Cline x1='94' y1='2' x2='94' y2='18'/%3E%3Cline x1='104' y1='2' x2='104' y2='18'/%3E%3Cline x1='88' y1='6' x2='110' y2='6'/%3E%3C/g%3E%3C/svg%3E");
  /* 断续礁石分割线 */
  --nz-reef: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 8'%3E%3Cg fill='none' stroke='%23274A63' stroke-width='1.2' stroke-opacity='0.22' stroke-linecap='round'%3E%3Cline x1='2' y1='4' x2='18' y2='4'/%3E%3Cline x1='26' y1='4' x2='34' y2='4'/%3E%3Cline x1='44' y1='4' x2='66' y2='4'/%3E%3Cline x1='74' y1='4' x2='80' y2='4'/%3E%3Cline x1='90' y1='4' x2='118' y2='4'/%3E%3C/g%3E%3C/svg%3E");
  /* 海洋波浪线（细线双波） */
  --nz-wave: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 10'%3E%3Cpath d='M0 6 Q7.5 2 15 6 T30 6 T45 6 T60 6 T75 6 T90 6 T105 6 T120 6' fill='none' stroke='%23274A63' stroke-width='1.2' stroke-opacity='0.22' stroke-linecap='round'/%3E%3Cpath d='M0 9 Q7.5 6 15 9 T30 9 T45 9 T60 9 T75 9 T90 9 T105 9 T120 9' fill='none' stroke='%23274A63' stroke-width='0.9' stroke-opacity='0.15' stroke-linecap='round'/%3E%3C/svg%3E");
  /* 海洋气泡 */
  --nz-bubbles: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 24'%3E%3Cg fill='none' stroke='%23274A63' stroke-width='1.1' stroke-opacity='0.2' stroke-linecap='round'%3E%3Ccircle cx='10' cy='18' r='3'/%3E%3Ccircle cx='22' cy='10' r='2'/%3E%3Ccircle cx='40' cy='16' r='2.6'/%3E%3Ccircle cx='70' cy='8' r='1.8'/%3E%3Ccircle cx='86' cy='14' r='2.4'/%3E%3Ccircle cx='106' cy='9' r='2'/%3E%3C/g%3E%3C/svg%3E");

  /* ============================================================
     海洋线稿插画（data-URI，SVG 单色细线，填分类卡空图位 / Hero / 品牌故事）
     之后有真图会直接盖住背景，可无缝替换
     ============================================================ */
  /* 龙虾 */
  --nz-art-lobster: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23274A63' stroke-width='1.7' stroke-opacity='0.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M40 34 Q34 20 26 10'/%3E%3Cpath d='M46 34 Q52 20 60 10'/%3E%3Cpath d='M36 42 L18 48 Q8 50 6 38 Q14 34 20 40 L30 44'/%3E%3Cpath d='M44 42 L62 48 Q72 50 74 38 Q66 34 60 40 L50 44'/%3E%3Cpath d='M30 52 Q34 80 42 90 Q50 98 60 92 Q70 86 72 60'/%3E%3Cpath d='M40 64 q14 6 28 0'/%3E%3Cpath d='M42 74 q12 5 24 0'/%3E%3Cpath d='M46 84 q7 4 14 0'/%3E%3Cpath d='M34 60 q-14 8 -18 22'/%3E%3Cpath d='M42 66 q-12 10 -12 24'/%3E%3Cpath d='M56 66 q12 10 12 24'/%3E%3Cpath d='M62 60 q14 8 18 22'/%3E%3Ccircle cx='38' cy='44' r='1.3'/%3E%3Ccircle cx='46' cy='44' r='1.3'/%3E%3C/g%3E%3C/svg%3E");
  /* 青口贝（双壳） */
  --nz-art-mussel: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23274A63' stroke-width='1.7' stroke-opacity='0.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M30 88 Q24 44 56 30 Q64 58 52 88 Q41 96 30 88 Z'/%3E%3Cpath d='M38 84 Q34 54 50 42'/%3E%3Cpath d='M48 86 Q46 64 58 50'/%3E%3Cpath d='M64 88 Q62 50 94 40 Q102 66 88 88 Q76 96 64 88 Z'/%3E%3Cpath d='M72 84 Q72 60 88 48'/%3E%3Cpath d='M82 86 Q84 66 96 56'/%3E%3Cpath d='M36 92 q4 8 10 4'/%3E%3Cpath d='M56 94 q2 8 8 5'/%3E%3Cpath d='M78 94 q2 8 8 5'/%3E%3C/g%3E%3C/svg%3E");
  /* 帝王鲑 */
  --nz-art-salmon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23274A63' stroke-width='1.7' stroke-opacity='0.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 58 Q30 34 58 32 Q84 30 92 52 L104 58 L96 62 Q82 86 56 82 Q32 80 24 58 Z'/%3E%3Ccircle cx='35' cy='52' r='2.4'/%3E%3Cpath d='M42 38 Q38 50 44 60'/%3E%3Cpath d='M56 36 Q52 26 64 22 Q72 30 62 40'/%3E%3Cpath d='M60 80 Q56 88 64 92 Q72 86 66 78'/%3E%3Cpath d='M58 62 q4 5 10 4'/%3E%3Cpath d='M72 66 q5 5 11 3'/%3E%3Cpath d='M46 72 q5 4 11 2'/%3E%3Cpath d='M90 58 l6 -3'/%3E%3Cpath d='M92 66 l6 4'/%3E%3C/g%3E%3C/svg%3E");
  /* 鳕鱼 */
  --nz-art-cod: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23274A63' stroke-width='1.7' stroke-opacity='0.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 62 Q22 42 50 40 Q76 38 88 52 L100 60 L90 64 Q76 80 52 78 Q30 76 20 62 Z'/%3E%3Ccircle cx='31' cy='56' r='2.2'/%3E%3Cpath d='M38 44 Q35 56 40 66'/%3E%3Cpath d='M56 42 Q54 32 66 30 Q74 38 64 48'/%3E%3Cpath d='M20 70 Q12 74 10 68'/%3E%3Cpath d='M60 64 q4 4 10 3'/%3E%3Cpath d='M74 66 q5 5 11 3'/%3E%3Cpath d='M84 60 l6 -4'/%3E%3Cpath d='M86 68 l6 6'/%3E%3C/g%3E%3C/svg%3E");
  /* 虾（新月卷曲） */
  --nz-art-prawn: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23274A63' stroke-width='1.7' stroke-opacity='0.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 62 Q60 18 104 42'/%3E%3Cpath d='M18 62 Q52 52 104 42'/%3E%3Cpath d='M42 38 L36 54'/%3E%3Cpath d='M60 34 L54 52'/%3E%3Cpath d='M78 36 L74 50'/%3E%3Cpath d='M94 40 L92 52'/%3E%3Cpath d='M20 60 Q10 54 4 60'/%3E%3Cpath d='M104 42 L114 38 Q116 48 104 50 Z'/%3E%3Ccircle cx='20' cy='60' r='1.4'/%3E%3C/g%3E%3C/svg%3E");
  /* 贝（扇贝扇形） */
  --nz-art-scallop: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23274A63' stroke-width='1.7' stroke-opacity='0.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M40 90 Q60 100 80 90'/%3E%3Cpath d='M34 86 Q36 32 60 24 Q84 34 86 86'/%3E%3Cpath d='M44 86 Q46 44 60 38 Q74 46 76 86'/%3E%3Cpath d='M52 88 L50 42'/%3E%3Cpath d='M68 88 L70 42'/%3E%3Cpath d='M60 88 L60 30'/%3E%3Cpath d='M44 84 L40 54'/%3E%3Cpath d='M76 84 L80 54'/%3E%3Cpath d='M48 94 q4 6 8 2'/%3E%3Cpath d='M64 95 q4 5 8 2'/%3E%3C/g%3E%3C/svg%3E");
  /* 冷冻海产（打包 + 雪花 + 鱼） */
  --nz-art-frozen: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23274A63' stroke-width='1.7' stroke-opacity='0.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M28 30 h64 v60 a8 8 0 0 1 -8 8 h-48 a8 8 0 0 1 -8 -8 z'/%3E%3Cpath d='M28 50 h64'/%3E%3Cpath d='M72 64 v12 M66 70 h12 M67 65 l10 10 M77 65 l-10 10'/%3E%3Cpath d='M44 74 q4 -8 16 -8 q8 2 10 8 l-12 6 q-10 0 -14 -6 z'/%3E%3Ccircle cx='48' cy='70' r='1.3'/%3E%3C/g%3E%3C/svg%3E");
  /* 海鲜礼盒 */
  --nz-art-gift: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23274A63' stroke-width='1.7' stroke-opacity='0.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M26 52 h68 l-8 8 h-52 z'/%3E%3Cpath d='M32 60 h56 v26 a4 4 0 0 1 -4 4 h-48 a4 4 0 0 1 -4 -4 z'/%3E%3Cpath d='M60 52 v38'/%3E%3Cpath d='M32 73 h56'/%3E%3Cpath d='M60 52 Q46 42 54 32 Q64 38 60 44'/%3E%3Cpath d='M60 52 Q74 42 66 32 Q56 38 60 44'/%3E%3Cpath d='M58 53 h4'/%3E%3C/g%3E%3C/svg%3E");

  /* Hero 远景：渔船 + 海鸥 + 远岸 + 波浪（宽幅，垫在 hero 底部） */
  --nz-hero-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 260'%3E%3Cg fill='none' stroke='%23274A63' stroke-width='1.6' stroke-opacity='0.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M150 66 Q162 52 174 66 Q186 52 198 66'/%3E%3Cpath d='M620 58 Q630 46 640 58 Q650 46 660 58'/%3E%3Cpath d='M540 172 Q566 138 602 136 Q630 134 644 152 Q670 174 710 178'/%3E%3Cpath d='M540 184 Q570 156 604 156 Q632 158 650 174'/%3E%3Cpath d='M250 206 Q284 190 326 190 Q368 190 402 206 L390 222 Q362 212 326 212 Q290 212 262 222 Z'/%3E%3Cpath d='M326 208 V136'/%3E%3Cpath d='M326 146 Q282 154 268 186 L326 220 Z'/%3E%3Cpath d='M40 224 Q80 234 120 224 Q160 214 200 224 Q240 234 280 224 Q320 214 360 224 Q400 234 440 224 Q480 214 520 224 Q560 234 600 224 Q640 214 680 224 Q720 234 760 224 Q800 214 840 224'/%3E%3Cpath d='M120 240 Q160 250 200 240 Q240 230 280 240 Q320 250 360 240 Q400 230 440 240 Q480 250 520 240 Q560 230 600 240 Q640 250 680 240 Q720 230 760 240'/%3E%3Cpath d='M560 236 Q590 244 620 236 Q650 228 680 236'/%3E%3Cpath d='M250 222 Q266 227 282 222 Q298 217 314 222'/%3E%3C/g%3E%3C/svg%3E");

  /* 品牌故事：码头渔船码头场景（竖版，垫品牌图空位） */
  --nz-art-dock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 620'%3E%3Cg fill='none' stroke='%23274A63' stroke-width='1.6' stroke-opacity='0.55' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M60 400 H210 V304 Q170 292 136 302 Q98 310 60 302 Z'/%3E%3Cpath d='M96 400 V360 H126 V400'/%3E%3Cpath d='M80 470 H340'/%3E%3Cpath d='M80 492 H340'/%3E%3Cpath d='M120 502 V612'/%3E%3Cpath d='M220 502 V612'/%3E%3Cpath d='M300 502 V612'/%3E%3Cpath d='M120 560 H300'/%3E%3Cpath d='M430 492 Q466 466 526 466 Q586 466 622 492 L610 512 Q570 498 526 498 Q482 498 442 512 Z'/%3E%3Cpath d='M526 496 V346'/%3E%3Cpath d='M526 356 Q468 366 450 416 L526 454 Z'/%3E%3Cpath d='M430 500 Q390 516 360 494'/%3E%3Cpath d='M560 200 Q572 184 584 200 Q596 184 608 200'/%3E%3Cpath d='M650 240 Q660 228 670 240 Q680 228 690 240'/%3E%3Cpath d='M40 540 Q80 552 120 540 Q160 528 200 540 Q240 552 280 540 Q320 528 360 540 Q400 552 440 540 Q480 528 520 540 Q560 552 600 540 Q640 528 680 540 Q720 552 760 540'/%3E%3Cpath d='M140 568 Q180 580 220 568 Q260 556 300 568 Q340 580 380 568 Q420 556 460 568 Q500 580 540 568 Q580 556 620 568 Q660 580 700 568'/%3E%3Cpath d='M40 596 Q80 608 120 596 Q160 584 200 596 Q240 608 280 596 Q320 584 360 596 Q400 608 440 596 Q480 584 520 596 Q560 608 600 596 Q640 584 680 596 Q720 608 760 596'/%3E%3C/g%3E%3C/svg%3E");
}

/* ---------- 全局 ---------- */
body {
  background-color: var(--nz-bg);
  color: var(--nz-text);
}

/* 标题艺术字体：Marcellus 优雅衬线，海洋感 */
h1,
h2,
.h0,
.h1,
.h2,
.ocean-footer-title {
  font-family: "Cormorant Garamond", "Marcellus", Georgia, "Times New Roman", serif;
  letter-spacing: 0.02em;
}

/* 居中板块标题下方的海洋波浪线 */
.multicolumn h2,
.ocean-cat-wrapper h2,
.ocean-prod-wrapper h2,
.trustpilot-reviews h2,
.rich-text h2,
.collapsible-content__heading,
.newsletter h2 {
  position: relative;
  padding-bottom: 18px;
}
.multicolumn h2::after,
.ocean-cat-wrapper h2::after,
.ocean-prod-wrapper h2::after,
.trustpilot-reviews h2::after,
.rich-text h2::after,
.collapsible-content__heading::after,
.newsletter h2::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 72px;
  height: 10px;
  background-image: url(var(--nz-wave));
  background-repeat: no-repeat;
  background-size: 72px 10px;
  background-position: center;
}

/* ============================================================
   1. Announcement Bar 顶部通知栏
   底色 var(--color-bg)，上下细礁石断续线条，四角碎石点状肌理
   ============================================================ */
.announcement-bar {
  position: relative;
  border-bottom: none;
}
.announcement-bar::before,
.announcement-bar::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 8px;
  pointer-events: none;
  z-index: 1;
}
.announcement-bar::before {
  top: 0;
  background-image: url(var(--nz-reef));
  background-repeat: repeat-x;
  background-size: 120px 8px;
  background-position: left top;
  opacity: 0.9;
}
.announcement-bar::after {
  bottom: 0;
  background-image:
    url(var(--nz-reef)),
    url(var(--nz-gravel)),
    url(var(--nz-gravel)),
    url(var(--nz-gravel)),
    url(var(--nz-gravel));
  background-repeat: repeat-x, no-repeat, no-repeat, no-repeat, no-repeat;
  background-size: 120px 8px, 34px 34px, 34px 34px, 34px 34px, 34px 34px;
  background-position:
    left top,
    left 2px top 2px,
    right 2px top 2px,
    left 2px bottom 2px,
    right 2px bottom 2px;
}
.announcement-bar__message {
  color: var(--nz-text-secondary) !important;
}

/* ============================================================
   2. Header 导航头部
   底边花边：海岸线折线 + 码头桩剪影横向交替；四角山脊线镂空
   ============================================================ */
.header-wrapper {
  position: relative;
  isolation: isolate;
}
.header-wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background-image:
    url(var(--nz-ridge)),
    url(var(--nz-ridge)),
    url(var(--nz-ridge)),
    url(var(--nz-ridge));
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-size: 56px 24px, 56px 24px, 56px 24px, 56px 24px;
  background-position: top left, top right, bottom left, bottom right;
  opacity: 0.5;
}
.header-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 20px;
  pointer-events: none;
  z-index: 1;
  background-image: url(var(--nz-piles)), url(var(--nz-coastline));
  background-repeat: repeat-x, repeat-x;
  background-size: 120px 20px, 120px 12px;
  background-position: left bottom, 60px bottom;
  opacity: 0.85;
}

/* ============================================================
   3. Hero 全屏横幅
   底部边角海岸线折线肌理，不遮挡内容；无图时中性浅底
   ============================================================ */
.slideshow {
  position: relative;
}
.slideshow__media.placeholder {
  background: linear-gradient(180deg, #e8eef1 0%, var(--nz-bg) 100%);
}
.slideshow::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 16px;
  pointer-events: none;
  z-index: 2;
  background-image: url(var(--nz-coastline));
  background-repeat: repeat-x;
  background-size: 120px 12px;
  background-position: left bottom;
}
/* Hero 底部角落缓缓升起的海洋气泡 */
.slideshow::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
  background-image: url(var(--nz-bubbles)), url(var(--nz-bubbles));
  background-repeat: no-repeat, no-repeat;
  background-size: 120px 24px, 120px 24px;
  background-position: left 5% bottom 16%, right 5% bottom 12%;
  opacity: 0.6;
}

/* ============================================================
   4. Trust strip 信任标签窄通栏
   白色底、四栏；底部一条鼠尾草绿细实线
   ============================================================ */
.icon-bar {
  position: relative;
  background-color: var(--nz-card);
}
.icon-bar::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background-color: var(--nz-accent);
  opacity: 0.9;
}
.icon-bar .icon-bar-card {
  background: transparent;
  box-shadow: none;
}
.icon-bar-card__icon {
  color: var(--nz-primary);
}

/* ============================================================
   5. Shop By Category 分类模块
   8 张纯白圆角 10px 卡片；礁蓝不闭合虚线外框向外偏移 4px；
   四角高地山脊线条 + 碎石点状肌理；卡片间距拉大
   ============================================================ */
.ocean-cat-wrapper {
  overflow: visible !important;
}
.ocean-cat-item {
  position: relative;
  background-color: var(--nz-card);
  border-radius: var(--nz-radius-card);
  padding: 18px 22px 16px;
  box-shadow: 0 1px 4px rgba(28, 44, 54, 0.05);
}
.ocean-cat-item::before {
  content: "";
  position: absolute;
  inset: -5px;
  border: 1.5px dashed var(--nz-primary);
  border-radius: 12px;
  opacity: 0.4;
  pointer-events: none;
}
.ocean-cat-item::after {
  content: "";
  position: absolute;
  inset: -5px;
  pointer-events: none;
  background-image:
    url(var(--nz-ridge)),
    url(var(--nz-gravel)),
    url(var(--nz-ridge)),
    url(var(--nz-gravel));
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-size: 52px 24px, 38px 38px, 52px 24px, 38px 38px;
  background-position: top left, top right, bottom left, bottom right;
  opacity: 0.55;
}
.ocean-cat-img-box,
.ocean-cat-img-box img,
.ocean-cat-img-box > div {
  border-radius: 8px !important;
}
.ocean-cat-title {
  color: var(--nz-text);
  font-size: 13px !important;
}

/* ============================================================
   6. Why Shop With Us 三栏价值模块
   三栏均等细边框卡片；模块外侧边角碎石点状肌理，卡片内部无纹样
   ============================================================ */
.multicolumn {
  position: relative;
}
.multicolumn::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  background-image:
    url(var(--nz-gravel)),
    url(var(--nz-gravel)),
    url(var(--nz-gravel)),
    url(var(--nz-gravel));
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-size: 42px 42px, 42px 42px, 42px 42px, 42px 42px;
  background-position: top left, top right, bottom left, bottom right;
  opacity: 0.5;
}
.multicolumn-card {
  border: 1px solid #d9e2e9;
  border-radius: var(--nz-radius-card);
  box-shadow: none !important;
}
.multicolumn-card__info {
  padding: 0 18px 18px;
}

/* ============================================================
   7. This Week's Picks 热销商品模块
   商品卡片白底圆角 10px、细灰蓝实线边框；新品标签礁蓝白字；
   模块边缘淡淡的礁石分割线暗纹
   ============================================================ */
.ocean-prod-wrapper {
  position: relative;
}
.ocean-prod-wrapper::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 8px;
  pointer-events: none;
  background-image: url(var(--nz-reef));
  background-repeat: repeat-x;
  background-size: 120px 8px;
  background-position: left top;
  opacity: 0.35;
}
.ocean-prod-card {
  border-radius: var(--nz-radius-card) !important;
  border: 1px solid #cfdbe3 !important;
  box-shadow: none !important;
  background-color: var(--nz-card) !important;
}
.ocean-prod-card .ocean-prod-title {
  color: var(--nz-text);
}
.ocean-prod-badge {
  background-color: var(--nz-primary) !important;
}
.ocean-prod-empty {
  width: 100%;
  padding: 40px 24px;
  text-align: center;
  color: var(--nz-text-secondary);
  border: 1px dashed #c3d0d9;
  border-radius: 12px;
  background: var(--nz-card);
  font-size: 14px;
}

/* ============================================================
   8. Brand Story 品牌简短图文模块
   图片四角码头桩剪影（不覆盖主体）；底部海岸线折线拼接横线
   ============================================================ */
.ocean-iwt-wrapper {
  position: relative;
}
.ocean-iwt-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 16px;
  pointer-events: none;
  background-image: url(var(--nz-coastline));
  background-repeat: repeat-x;
  background-size: 120px 12px;
  background-position: left bottom;
  opacity: 0.8;
}
.ocean-iwt-image-box {
  position: relative;
}
.ocean-iwt-image-box::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    url(var(--nz-piles)),
    url(var(--nz-piles)),
    url(var(--nz-piles)),
    url(var(--nz-piles));
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-size: 72px 20px, 72px 20px, 72px 20px, 72px 20px;
  background-position: top left, top right, bottom left, bottom right;
  opacity: 0.55;
}
.ocean-iwt-title {
  color: var(--nz-primary) !important;
}
.ocean-iwt-desc {
  color: var(--nz-text-secondary) !important;
  line-height: 1.7;
}

/* ============================================================
   9. Review 用户评价模块
   外层低透明度不闭合虚框；四角错落碎石点状肌理；卡片纯白无边框
   ============================================================ */
.trustpilot-reviews {
  position: relative;
}
.trustpilot-reviews::before {
  content: "";
  position: absolute;
  inset: 14px 10px;
  border: 1.5px dashed var(--nz-primary);
  border-radius: 14px;
  opacity: 0.28;
  pointer-events: none;
}
.trustpilot-reviews::after {
  content: "";
  position: absolute;
  inset: 14px 10px;
  pointer-events: none;
  background-image:
    url(var(--nz-gravel)),
    url(var(--nz-gravel)),
    url(var(--nz-gravel)),
    url(var(--nz-gravel));
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-size: 40px 40px, 40px 40px, 40px 40px, 40px 40px;
  background-position: top left, top right, bottom left, bottom right;
  opacity: 0.5;
}
.trustpilot-reviews .splide__slide__container {
  background: var(--nz-card);
  border-radius: var(--nz-radius-card);
  box-shadow: none !important;
}
.trustpilot-reviews .trustpilot-stars {
  color: var(--nz-accent);
}

/* ============================================================
   10. Spotlight 主推单品模块
   容器外围礁蓝虚线边框；外侧花边海岸线折线 + 高地山脊线交替
   ============================================================ */
.rich-text {
  position: relative;
}
.rich-text::before {
  content: "";
  position: absolute;
  inset: 16px 12px;
  border: 2px dashed var(--nz-primary);
  border-radius: 18px;
  opacity: 0.5;
  pointer-events: none;
}
.rich-text::after {
  content: "";
  position: absolute;
  inset: -8px 6px;
  pointer-events: none;
  background-image:
    url(var(--nz-coastline)),
    url(var(--nz-ridge)),
    url(var(--nz-coastline)),
    url(var(--nz-ridge)),
    url(var(--nz-coastline)),
    url(var(--nz-ridge));
  background-repeat: repeat-x, repeat-x, repeat-x, repeat-x, repeat-x, repeat-x;
  background-size: 120px 12px, 120px 24px, 120px 12px, 120px 24px, 120px 12px, 120px 24px;
  background-position: left top, 60px top, left bottom, 60px bottom, 60px top, left bottom;
  opacity: 0.5;
}
.rich-text__heading {
  color: var(--nz-primary) !important;
}

/* ============================================================
   11. Email Signup 邮件订阅
   纯白大圆角容器；礁蓝虚线外框；外侧码头桩 + 礁石断续分割片段
   ============================================================ */
.newsletter {
  position: relative;
}
.newsletter::before {
  content: "";
  position: absolute;
  inset: -12px 4px;
  pointer-events: none;
  background-image:
    url(var(--nz-piles)),
    url(var(--nz-reef)),
    url(var(--nz-piles)),
    url(var(--nz-reef));
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-size: 120px 20px, 120px 8px, 120px 20px, 120px 8px;
  background-position: top left, top right, bottom left, bottom right;
  opacity: 0.55;
}
.newsletter__wrapper {
  position: relative;
  border-radius: 18px !important;
  background-color: var(--nz-card) !important;
}
.newsletter__wrapper::before {
  content: "";
  position: absolute;
  inset: 8px;
  border: 1.5px dashed var(--nz-primary);
  border-radius: 14px;
  opacity: 0.35;
  pointer-events: none;
}
/* 订阅带顶部升起的气泡 */
.newsletter::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -8px;
  height: 24px;
  pointer-events: none;
  background-image: url(var(--nz-bubbles));
  background-repeat: repeat-x;
  background-size: 120px 24px;
  background-position: left top;
  opacity: 0.5;
}

/* ============================================================
   13. FAQ 常见问题
   白卡片细灰蓝边框、圆角 10px，与 Why Shop 卡片一致
   ============================================================ */
.collapsible-content .collapsible-content__wrapper {
  border-radius: var(--nz-radius-card);
}
.collapsible-content .accordion {
  border: 1px solid #d9e2e9 !important;
  border-radius: 10px;
  margin-bottom: 10px;
  background: var(--nz-card) !important;
}
.collapsible-content .accordion__title {
  color: var(--nz-text);
}
.collapsible-content .accordion__content {
  color: var(--nz-text-secondary);
}
/* FAQ 两列排布：桌面每行两个手风琴，移动端回单列 */
.collapsible-content .collapsible-content__grid > .grid__item {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px 20px;
  grid-column: 1 / -1;
  /* 主题 .grid--2-col-tablet .grid__item 显式 width:50% / max-width:50%，
     会把容器钉死在半宽、右侧空一大片，这里强制撑满 */
  width: 100%;
  max-width: 100%;
}
.collapsible-content .collapsible-content__grid .accordion {
  margin-bottom: 0;
}
@media (max-width: 749px) {
  .collapsible-content .collapsible-content__grid > .grid__item {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}
/* FAQ 撑满整页宽度：主题默认 .collapsible-content-wrapper-narrow 限宽 73.4rem 居中，
   宽屏下两侧空一大片，这里放开到占满整页（与页面 140rem 宽度一致） */
.shopify-section[id*="collapsible_faq"] .collapsible-content-wrapper-narrow {
  max-width: 100%;
}

/* ============================================================
   12. Footer 页脚
   顶部花边海岸线折线 + 高地山脊线横向间隔；边角碎石点状肌理
   ============================================================ */
.ocean-footer-wrapper {
  position: relative;
}
.ocean-footer-wrapper::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 26px;
  pointer-events: none;
  background-image: url(var(--nz-coastline)), url(var(--nz-ridge));
  background-repeat: repeat-x, repeat-x;
  background-size: 120px 12px, 120px 24px;
  background-position: left top, 60px top;
  opacity: 0.7;
}
.ocean-footer-wrapper::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    url(var(--nz-gravel)),
    url(var(--nz-gravel)),
    url(var(--nz-gravel)),
    url(var(--nz-gravel));
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-size: 42px 42px, 42px 42px, 42px 42px, 42px 42px;
  background-position: top left, top right, bottom left, bottom right;
  opacity: 0.4;
}

/* ============================================================
   14. 品牌信任带（统计条 + 认证行）—— custom-liquid 板块
   深礁蓝圆角面板、白字、淡雅海洋图标；底部认证行小圆点分隔
   ============================================================ */
.nz-trustband {
  position: relative;
  background:
    radial-gradient(1100px 300px at 85% -40%, rgba(255, 255, 255, 0.08), transparent 60%),
    linear-gradient(135deg, #2b536f 0%, var(--nz-primary) 100%);
  border-radius: 22px;
  padding: 46px 44px 38px;
  color: #ffffff;
  overflow: hidden;
}
.nz-trustband::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    url(var(--nz-wave)),
    url(var(--nz-gravel)),
    url(var(--nz-gravel)),
    url(var(--nz-gravel)),
    url(var(--nz-gravel));
  background-repeat: repeat-x, no-repeat, no-repeat, no-repeat, no-repeat;
  background-size: 120px 10px, 40px 40px, 40px 40px, 40px 40px, 40px 40px;
  background-position: left bottom, top left, top right, bottom left, bottom right;
  opacity: 0.22;
}
.nz-trustband__grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 28px;
  text-align: center;
}
.nz-trustband__stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}
.nz-trustband__icon {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 50%;
  color: #bfd9e8;
  margin-bottom: 6px;
}
.nz-trustband__icon svg {
  width: 24px;
  height: 24px;
}
.nz-trustband__num {
  font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  font-weight: 600;
  font-size: 34px;
  line-height: 1.1;
  letter-spacing: 0.02em;
  color: #ffffff;
}
.nz-trustband__label {
  font-size: 12.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.72);
}
.nz-trustband__cert {
  position: relative;
  margin-top: 34px;
  padding-top: 22px;
  border-top: 1px solid rgba(255, 255, 255, 0.18);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 26px;
  font-size: 11px;
  letter-spacing: 0.16em;
  color: rgba(255, 255, 255, 0.55);
}
.nz-trustband__cert span::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--nz-accent);
  margin-right: 10px;
  vertical-align: 1px;
  opacity: 0.85;
}
@media (max-width: 989px) {
  .nz-trustband__grid {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 34px;
  }
}
@media (max-width: 749px) {
  .nz-trustband {
    padding: 36px 24px 30px;
    border-radius: 16px;
  }
  .nz-trustband__num {
    font-size: 28px;
  }
  .nz-trustband__cert {
    gap: 8px 16px;
    font-size: 10px;
  }
}

/* ============================================================
   15. SVG 线稿插画落位
   ------------------------------------------------------------
   A. 分类卡 8 张：按 nth-child 给空图位垫线稿；
      之后编辑器补真图会直接盖住背景，无需改 CSS。
   B. Hero 空图：远景渔船海鸥场景垫在底部。
   C. 品牌故事空图：码头场景。
   ============================================================ */

/* 分类卡空图位：隐藏原占位图标，垫线稿 */
.ocean-cat-img-box svg {
  display: none;
}
.ocean-cat-item .ocean-cat-img-box {
  background-repeat: no-repeat;
  background-size: 74% auto;
  background-position: center;
}
.ocean-cat-item:nth-child(1) .ocean-cat-img-box { background-image: url(var(--nz-art-lobster)); }
.ocean-cat-item:nth-child(2) .ocean-cat-img-box { background-image: url(var(--nz-art-mussel)); }
.ocean-cat-item:nth-child(3) .ocean-cat-img-box { background-image: url(var(--nz-art-salmon)); }
.ocean-cat-item:nth-child(4) .ocean-cat-img-box { background-image: url(var(--nz-art-cod)); }
.ocean-cat-item:nth-child(5) .ocean-cat-img-box { background-image: url(var(--nz-art-prawn)); }
.ocean-cat-item:nth-child(6) .ocean-cat-img-box { background-image: url(var(--nz-art-scallop)); }
.ocean-cat-item:nth-child(7) .ocean-cat-img-box { background-image: url(var(--nz-art-frozen)); }
.ocean-cat-item:nth-child(8) .ocean-cat-img-box { background-image: url(var(--nz-art-gift)); }

/* Hero 空图：垫远景场景，藏 placeholder svg */
.slideshow__media.placeholder .placeholder-svg {
  display: none;
}
.slideshow__media.placeholder {
  background-image: url(var(--nz-hero-scene));
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 920px 260px;
}

/* 品牌故事空图：垫码头场景，藏 placeholder svg */
.ocean-iwt-image-box svg {
  display: none;
}
.ocean-iwt-image-box {
  background-color: #edf3f5;
  background-image: url(var(--nz-art-dock));
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* ============================================================
   16. 微交互动效
   平滑滚动 / 卡片 hover 浮起 / 插画 hover 微放大 /
   Hero 波浪流动 / Hero 气泡轻浮 / 滚动渐入
   ============================================================ */
html {
  scroll-behavior: smooth;
}

/* 卡片 hover 浮起 + 阴影 */
.ocean-cat-item,
.ocean-prod-card,
.multicolumn-card,
.collapsible-content .accordion,
.ocean-iwt-image-box {
  transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), box-shadow 0.35s ease;
}
.ocean-cat-item:hover,
.ocean-prod-card:hover,
.multicolumn-card:hover,
.collapsible-content .accordion:hover {
  transform: translateY(-4px);
}
.ocean-cat-item:hover {
  box-shadow: 0 14px 30px rgba(28, 44, 54, 0.13);
}
.ocean-prod-card:hover {
  box-shadow: 0 14px 30px rgba(28, 44, 54, 0.13) !important;
}
.multicolumn-card:hover {
  box-shadow: 0 14px 30px rgba(28, 44, 54, 0.1) !important;
}
.collapsible-content .accordion:hover {
  border-color: #b7c6d0 !important;
}

/* 分类卡插画 hover 微放大 + 标题变色 */
.ocean-cat-img-box {
  transition: background-size 0.5s ease, transform 0.5s ease;
}
.ocean-cat-item:hover .ocean-cat-img-box {
  background-size: 82% auto;
  transform: translateY(-2px);
}
.ocean-cat-title {
  transition: color 0.3s ease;
}
.ocean-cat-item:hover .ocean-cat-title {
  color: var(--nz-primary);
}

/* 品牌故事图 hover 柔和上浮 */
.ocean-iwt-wrapper:hover .ocean-iwt-image-box {
  transform: translateY(-3px);
  box-shadow: 0 18px 40px -8px rgba(28, 44, 54, 0.18);
}

/* Hero 底部波浪线流动动画（120px 磁砖无缝循环） */
@keyframes nz-wave-slide {
  from { background-position-x: 0; }
  to { background-position-x: 120px; }
}
.slideshow::after {
  animation: nz-wave-slide 16s linear infinite;
}

/* Hero 角落气泡轻浮（来回缓慢漂移） */
@keyframes nz-bubbles-rise {
  from { background-position: left 5% bottom 14%, right 5% bottom 10%; }
  to { background-position: left 5% bottom 20%, right 5% bottom 16%; }
}
.slideshow::before {
  animation: nz-bubbles-rise 9s ease-in-out infinite alternate;
}

/* 滚动渐入（nz-reveal 类由 nz-reveal.js 添加） */
.nz-reveal {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}
.nz-reveal.nz-revealed {
  opacity: 1;
  transform: none;
}

/* ============================================================
   17. 排版与留白精细化
   标题 balance 断行、字距、锚点偏移、卡片内边距
   ============================================================ */
h1,
h2,
.h0,
.h1,
.h2 {
  text-wrap: balance;
}
.ocean-cat-wrapper h2,
.ocean-prod-wrapper h2,
.trustpilot-reviews h2,
.multicolumn h2,
.rich-text h2,
.collapsible-content__heading,
.newsletter h2 {
  letter-spacing: 0.02em;
  scroll-margin-top: 120px;
}
.ocean-iwt-title {
  letter-spacing: 0.02em;
}
.ocean-cat-item {
  padding: 20px 24px 18px;
}

/* 移动端：Hero 场景缩小适配 */
@media (max-width: 749px) {
  .slideshow__media.placeholder {
    background-size: 480px 150px;
  }
}

/* 尊重减少动态偏好：关掉所有自带动效 */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  .slideshow::after,
  .slideshow::before {
    animation: none !important;
  }
  .ocean-cat-item,
  .ocean-prod-card,
  .multicolumn-card,
  .collapsible-content .accordion,
  .ocean-iwt-image-box {
    transition: none;
  }
  .nz-reveal {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* ============================================================
   移动端：全部装饰隐藏（基础边框/底色保留）
   ============================================================ */
@media screen and (max-width: 749px) {
  .announcement-bar::before,
  .announcement-bar::after,
  .header-wrapper::before,
  .header-wrapper::after,
  .slideshow::after,
  .slideshow::before,
  .icon-bar::after,
  .ocean-cat-item::before,
  .ocean-cat-item::after,
  .multicolumn::before,
  .ocean-prod-wrapper::before,
  .ocean-iwt-image-box::before,
  .ocean-iwt-wrapper::after,
  .trustpilot-reviews::before,
  .trustpilot-reviews::after,
  .rich-text::before,
  .rich-text::after,
  .newsletter::before,
  .newsletter::after,
  .newsletter__wrapper::before,
  .ocean-footer-wrapper::before,
  .ocean-footer-wrapper::after,
  .nz-trustband::before,
  .multicolumn h2::after,
  .ocean-cat-wrapper h2::after,
  .ocean-prod-wrapper h2::after,
  .trustpilot-reviews h2::after,
  .rich-text h2::after,
  .collapsible-content__heading::after,
  .newsletter h2::after {
    display: none !important;
  }
}