@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600&display=swap');
:root{--ink:#24231f;--dark:#181816;--gold:#d6bb7a;--sand:#f6f3ed;--line:#e4dfd5;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit}button{cursor:pointer}.notice{background:#d8c394;color:#28241b;text-align:center;font-family:'Playfair Display',Georgia,serif;font-size:13px;letter-spacing:.14em;padding:10px 12px}.site-header{position:sticky;top:0;z-index:10;background:var(--dark);display:flex;align-items:center;gap:30px;min-height:80px;padding:16px clamp(22px,6vw,100px)}.brand img{display:block;width:155px;height:auto}.site-header nav{display:flex;gap:28px;margin-left:auto}.site-header nav a{color:#e7e2d7;font-size:13px}.site-header nav a:hover{color:var(--gold)}#language{background:transparent;border:1px solid #625b4c;color:#f3e8cc;border-radius:0;padding:8px}#language option{color:#111}.menu-toggle{display:none;background:none;border:0;color:#e9d7a8;font-size:25px}.hero{min-height:650px;display:grid;grid-template-columns:1fr 1fr;background:var(--sand)}.hero-copy{padding:clamp(55px,9vw,150px) clamp(30px,8vw,145px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{font-size:11px;letter-spacing:.25em;color:#9c8154;font-weight:700}.hero h1,.section h2,.modal h2{font-family:'Playfair Display',Georgia,serif;font-weight:400;letter-spacing:-.04em}.hero h1{font-size:clamp(52px,5.8vw,92px);line-height:1.09;margin:18px 0 20px;max-width:750px}.hero-sub{font-size:16px;line-height:1.85;max-width:450px;color:#625e55}.hero-actions{display:flex;gap:24px;align-items:center;margin-top:22px;flex-wrap:wrap}.button{padding:16px 28px;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.button.gold{background:var(--dark);color:#efdbad}.text-link{font-size:13px;border-bottom:1px solid #9d845a;padding:7px 0}.hero-art{background:#24231f;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-arch{width:72%;height:76%;border-radius:48% 48% 0 0;background:linear-gradient(145deg,#8e7959,#dbc18c 50%,#5c4b3c);box-shadow:inset 0 0 110px #2c2827;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff4dc}.hero-art-label{font-family:Georgia,serif;font-size:clamp(19px,3vw,48px);letter-spacing:.18em}.hero-art-caption{font-size:9px;letter-spacing:.4em;margin-top:25px}.section{padding:100px clamp(24px,7vw,120px)}.section-heading{text-align:center;margin:0 auto 50px}.section-heading h2,.section h2{font-size:clamp(38px,4vw,62px);margin:14px 0}.section-heading>p:last-child,.section p:not(.eyebrow){color:#69665e;line-height:1.8}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.product-card{background:#fff;text-align:left}.product-visual{background:linear-gradient(140deg,#f4f1e9,#d8d0c1);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.product-visual::before{content:'';position:absolute;border:1px solid rgba(77,65,49,.16);width:70%;height:75%;border-radius:48% 48% 0 0}.product-visual img{height:100%;width:100%;object-fit:cover;position:relative}.product-visual .den{font-family:Georgia,serif;font-size:clamp(55px,7vw,100px);color:#82715a;position:relative}.product-meta{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.product-meta strong{font-weight:500;font-size:17px}.product-meta button{border:0;border-bottom:1px solid #c4a66b;background:transparent;padding:8px 0;font-size:12px}.muted{background:var(--sand)}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.split p{max-width:550px}.guide-graphic{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.guide-graphic span{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dfd4bf,#a9987b);font-family:Georgia,serif;font-size:26px}.about{text-align:center;max-width:850px;margin:auto}.about p:not(.eyebrow){font-size:17px}.contact{text-align:center;background:#e9e1d3}.contact a{display:inline-block;margin-top:12px;border-bottom:1px solid #806d4e}footer{background:var(--dark);color:#d4d0c7;padding:55px clamp(24px,7vw,120px);display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:30px;font-size:12px;line-height:1.8}footer .footer-brand img{width:150px;display:block;margin-bottom:20px}footer a{display:block}footer .fine{font-size:11px;color:#9d9a93}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center}.modal-backdrop{position:absolute;inset:0;background:#0009}.modal-panel{position:relative;background:#fffdf9;width:min(1040px,94vw);max-height:92vh;overflow:auto;padding:44px}.close{position:absolute;right:20px;top:10px;border:0;background:transparent;font-size:30px}.modal-layout{display:grid;grid-template-columns:1.04fr 1fr;gap:52px;align-items:start}.modal-image{min-height:370px;background:linear-gradient(135deg,#ede7dc,#bba98d);display:grid;place-items:center;font:70px Georgia,serif;color:#6b5b44}.modal-image img{width:100%;height:100%;object-fit:cover}.modal dl{display:grid;grid-template-columns:120px 1fr;gap:12px;font-size:13px}.modal dt{font-weight:700}.modal dd{margin:0;color:#716e68}.shop-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.shop-links a{background:#24231f;color:#fff;padding:12px 18px;font-size:12px}.shop-links span{font-size:12px;color:#777}.legal-page{max-width:850px;margin:80px auto;padding:0 24px;line-height:1.8}.legal-page h1{font:50px Georgia,serif}.legal-page .warning{padding:20px;background:#f5ebd8;border-left:3px solid #ae8950}@media(max-width:1000px){.site-header{gap:16px;padding:15px 25px}.site-header nav{gap:14px}.hero{min-height:550px}.hero-copy{padding:50px}}@media(max-width:720px){.site-header{min-height:70px;flex-wrap:wrap}.brand img{width:125px}.menu-toggle{display:block;margin-left:auto}.site-header nav{display:none;order:3;width:100%;flex-direction:column;margin:0;padding:18px 0}.site-header nav.open{display:flex}#language{margin-left:0}.hero{grid-template-columns:1fr}.hero-copy{padding:65px 26px}.hero-art{min-height:360px}.hero-arch{height:300px;width:65%}.section{padding:70px 24px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.product-visual{height:auto}.product-meta{display:block}.product-meta button{display:block}.split{grid-template-columns:1fr;gap:28px}footer{grid-template-columns:1fr}.modal-layout{grid-template-columns:1fr}.modal-image{min-height:250px}.modal-panel{padding:24px}.modal dl{grid-template-columns:90px 1fr}}@media(max-width:380px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* SETAVEL V2 鈥� CREAM / CHAMPAGNE EDITORIAL DESIGN */
:root{--ink:#302b27;--dark:#302b27;--gold:#cbb27b;--sand:#f6f2eb;--line:#e6ded1}
body{background:#fffdf9;color:var(--ink)}
.notice{background:#eee5d6;color:#655748}
.site-header{background:#fffdf9;border-bottom:1px solid #e8e1d7;min-height:88px;box-shadow:0 2px 20px #33281906}
.site-header nav a{color:#504a42}
.site-header nav a:hover{color:#a88a54}
.brand{background:#302b27;padding:13px 20px;display:flex;align-items:center;min-height:52px}
.brand img{width:153px}
#language{border:1px solid #d7caba;color:#423a30;background:#fffdf9}
.menu-toggle{color:#302b27}
.hero{background:#f6f2eb;min-height:690px;grid-template-columns:53% 47%}
.hero-copy{padding:clamp(55px,9vw,150px) clamp(30px,7vw,130px)}
.hero h1{font-size:clamp(50px,5.5vw,87px);line-height:1.1}
.eyebrow{color:#9b8055}
.hero-sub{color:#6f685f}
.button.gold{background:#302b27;color:#f7ebd3;transition:background .2s}
.button.gold:hover{background:#594e40}
.text-link{border-color:#cbb27b}
.hero-art{background:#e9dfd0;position:relative;min-height:560px}
.hero-photo-placeholder{height:100%;width:100%;display:flex;align-items:center;justify-content:center;padding:clamp(24px,4vw,64px);background:linear-gradient(155deg,#f0e8dd,#ded0be)}
.photo-frame{width:min(100%,520px);aspect-ratio:2/3;max-height:min(80vh,800px);position:relative;overflow:hidden;background:linear-gradient(160deg,#e9dcc8,#c5b6a4 72%,#b7a48f);border:8px solid #f8f4ed;box-shadow:0 26px 55px #58432c22,0 4px 14px #58432c14}
.photo-frame:after{content:'';position:absolute;inset:15px;border:1px solid #ffffff8c;pointer-events:none}
.photo-caption{position:absolute;top:36px;left:38px;font-size:11px;letter-spacing:.3em;color:#685749;z-index:2}
.photo-small{position:absolute;bottom:36px;left:38px;font-size:9px;letter-spacing:.2em;color:#786b60;z-index:2}
.photo-figure{position:absolute;bottom:-7%;left:50%;transform:translateX(-50%);height:86%;width:48%;opacity:.48;filter:blur(1px)}
.figure-head{position:absolute;top:2%;left:38%;width:24%;height:16%;border-radius:50%;background:#7e6b60}
.figure-body{position:absolute;top:17%;left:24%;width:52%;height:36%;border-radius:42% 42% 20% 20%;background:#7e6b60;transform:skew(-6deg)}
.figure-legs{position:absolute;top:50%;left:32%;height:56%;width:34%;background:linear-gradient(90deg,#7e6b60 0 45%,transparent 45% 55%,#7e6b60 55%);clip-path:polygon(0 0,100% 0,88% 100%,65% 100%,48% 26%,30% 100%,8% 100%)}
.section{padding-top:110px;padding-bottom:110px}
.section-heading{margin-bottom:60px}
.product-grid{gap:30px}
.product-visual{background:linear-gradient(150deg,#f2ece3,#dcd0c1);aspect-ratio:4/5}
.product-visual::before{border:1px solid #b5a58d6b;border-radius:0;width:77%;height:85%}
.product-visual .den{font-size:clamp(56px,6vw,96px);color:#98836b}
.product-meta{border-bottom:1px solid #eee7dd}
.product-meta button{color:#6b5640}
.muted{background:#f7f2eb}
.guide-graphic span{background:linear-gradient(135deg,#f1e9dc,#c7b59c);color:#5a4c3c}
.contact{background:#efe6d9}
footer{background:#302b27}
footer .footer-brand img{width:150px}
.modal-image{background:linear-gradient(135deg,#f5efe6,#cbbca6)}
@media(max-width:1000px){.hero{grid-template-columns:1fr 1fr}.hero-copy{padding:50px}}
@media(max-width:720px){.site-header{min-height:75px}.hero{grid-template-columns:1fr}.hero-art{min-height:0}.hero-photo-placeholder{padding:26px}.photo-frame{width:min(100%,420px)}.brand{padding:9px 12px}.brand img{width:130px}.section{padding:70px 24px}}
@media(max-width:410px){.product-visual{height:auto}}
/* SetaVel — transparent logo on cream header (consolidated) */
.site-header .brand {
  background: transparent;
  padding: 0;
  min-height: auto;
  box-shadow: none;
  flex-shrink: 0;
}

.site-header .brand img {
  display: block;
  width: 155px;
  height: auto;
}
/* =========================================
   SetaVel V2 — Desktop Typography Upgrade
   ========================================= */

@media (min-width: 1024px) {

  /* Logo */
  .site-header .brand {
    flex-shrink: 0;
  }

  .site-header .brand img {
    width: 220px;
    height: auto;
  }

  /* Header */
  .site-header {
    min-height: 105px;
  }

  .site-header nav a {
    font-size: 16px;
  }

  #language {
    font-size: 15px;
    padding: 10px 14px;
  }

  /* Hero */
  .hero-sub {
    font-size: 19px;
    line-height: 1.85;
    max-width: 520px;
  }

  .eyebrow {
    font-size: 13px;
  }

  .button {
    font-size: 14px;
    padding: 18px 30px;
  }

  .text-link {
    font-size: 15px;
  }

  /* Collection */
  .section-heading > p:last-child {
    font-size: 18px;
  }

  .product-meta strong {
    font-size: 20px;
  }

  .product-meta button {
    font-size: 15px;
  }

  /* General content */
  .section p:not(.eyebrow) {
    font-size: 18px;
    line-height: 1.85;
  }

  /* Footer */
  footer {
    font-size: 14px;
  }

  footer .fine {
    font-size: 12px;
  }

  footer .footer-brand img {
    width: 190px;
  }
}

/* V3 product image gallery: appended without changing V2 page layout */
.product-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .7s cubic-bezier(.2,.6,.2,1)}
.product-card:hover .product-visual img{transform:scale(1.04)}
@media(prefers-reduced-motion:reduce){.product-card:hover .product-visual img{transform:none}}
.gallery-main{width:100%;aspect-ratio:3/4;max-height:min(66vh,660px);margin-inline:auto;display:grid;place-items:center;background:linear-gradient(150deg,#f5f1e9,#e6dccf);overflow:hidden}
.gallery-main img{width:100%;height:100%;object-fit:contain;display:block}
.gallery-thumbs{display:flex;gap:10px;width:100%;max-width:100%;min-width:0;overflow-x:auto;padding:14px 2px 6px;scrollbar-width:thin}
.gallery-thumb{flex:0 0 64px;width:64px;height:82px;padding:3px;border:1px solid #ddd3c2;background:#fff;cursor:pointer;border-radius:3px;transition:border-color .2s,box-shadow .2s}
.gallery-thumb:hover{border-color:#b39a67}
.gallery-thumb.selected{border:2px solid #a98b56;box-shadow:0 2px 8px #a98b5640}
.gallery-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.gallery-label{font-size:12px;letter-spacing:.04em;opacity:.72;margin:8px 0 0}
.gallery-empty{font-size:13px;color:#8a7a63;padding:48px 20px;text-align:center;letter-spacing:.03em}
@media(max-width:600px){.gallery-main{max-height:52vh}.gallery-thumb{flex-basis:54px;width:54px;height:70px}}

/* V3: approved homepage campaign photograph — retains V2 grid and framing */
.photo-frame-editorial{background:#e5dcd1}
.hero-editorial-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;background:#e6ddd4}
.photo-frame-editorial .photo-caption{top:22px;left:22px;padding:5px 7px;background:rgba(248,244,237,.82);font-size:10px;color:#5c5042}

/* =========================================================
   SetaVel V3.1 — 第一阶段视觉升级 (visual optimization)
   保留奶油米白 / 香槟金 / 深咖品牌体系，仅做排版与细节优化
   ========================================================= */

/* —— 产品详情弹窗：信息层级 —— */
#modal-image{display:block;min-width:0}
#modal-image:not(:has(.gallery-main)){display:grid;place-items:center;min-height:320px}
#modal-title{font-size:clamp(28px,3vw,38px);margin:10px 0 4px;line-height:1.15}
#modal-status{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#9b8055;font-weight:700;margin:0 0 4px}
#modal-facts{border-top:1px solid #ece3d3;margin:22px 0 0}
.modal dl{display:grid;grid-template-columns:130px 1fr;gap:0 14px;font-size:13.5px}
.modal dt{font-weight:700;padding:11px 0;border-bottom:1px solid #ece3d3;color:#4c463c}
.modal dd{margin:0;padding:11px 0;border-bottom:1px solid #ece3d3;color:#716e68;line-height:1.7}
.shop-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.shop-links a{background:#302b27;color:#f7ebd3;padding:14px 22px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:background .2s}
.shop-links a:hover{background:#594e40}

/* —— 产品卡片：文字区节奏 —— */
.product-meta{padding:20px 4px 22px}
.product-meta strong{font-weight:500;font-size:17px;letter-spacing:.01em}
.product-meta button{color:#6b5640;font-size:12.5px;letter-spacing:.06em;transition:color .2s,border-color .2s}
.product-meta button:hover{color:#302b27;border-color:#302b27}
.product-card{background:#fffdf9}

/* —— 按钮与链接：触控与反馈 —— */
.button.gold{transition:background .25s,transform .25s}
.button.gold:hover{background:#594e40}
.button.gold:active{transform:translateY(1px)}
.text-link{transition:color .2s,border-color .2s}
.text-link:hover{color:#302b27;border-color:#302b27}
a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid #a98b56;outline-offset:3px}

/* —— 200D 占位：保持品牌调性的空状态 —— */
.product-visual .den{font-family:Georgia,serif;font-size:clamp(56px,6vw,96px);color:#98836b;position:relative;letter-spacing:.02em}

/* —— 移动端收尾 —— */
@media(max-width:720px){
  .hero-copy{padding:56px 24px 48px}
  .hero h1{font-size:clamp(40px,11vw,54px)}
  .product-meta{padding:14px 2px 16px}
  .modal-panel{padding:26px 20px}
  .modal-layout{gap:26px}
  #modal-title{font-size:28px}
  .modal dl{grid-template-columns:104px 1fr}
  .close{right:12px;top:6px}
  .shop-links a{padding:13px 16px}
}
@media(max-width:380px){
  .hero-copy{padding:48px 20px 40px}
  .section{padding:60px 20px}
}

/* —— 详情弹窗：包装规格筛选 —— */
.pack-pills{display:flex;gap:8px;margin:2px 0 16px;flex-wrap:wrap}
.pack-pill{border:1px solid #d8cdb8;background:#fffdf9;padding:10px 20px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#6b5f4c;border-radius:999px;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.pack-pill:hover{border-color:#a98b56;color:#302b27}
.pack-pill.selected{background:#302b27;border-color:#302b27;color:#f7ebd3}

/* —— 产品卡片：按钮触控热区 —— */
.product-meta button{padding:12px 8px;margin:-4px -8px -4px 0}

/* —— 尺码指南：DEN 方块质感统一 —— */
.guide-graphic span{border:1px solid #c9b891;box-shadow:inset 0 0 0 5px #fffdf966}

/* —— 详情弹窗：双维度 SKU 筛选 —— */
.variant-groups{margin:2px 0 18px}
.variant-group{display:flex;align-items:center;gap:12px;margin-bottom:10px;flex-wrap:wrap}
.variant-group:last-child{margin-bottom:0}
.variant-name{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#8a7a63;min-width:56px}
.variant-group .pack-pills{margin:0}
.pack-pill:disabled{opacity:.32;cursor:not-allowed}

/* —— 详情弹窗：筛选移到图片左侧竖排 —— */
#modal-image .gallery-layout{display:flex;gap:18px;align-items:flex-start}
#modal-image .gallery-main-wrap{flex:1 1 auto;min-width:0}
#modal-image .variant-groups{flex:0 0 150px;margin:0}
#modal-image .variant-group{flex-direction:column;align-items:stretch;gap:8px;margin-bottom:14px}
#modal-image .variant-name{min-width:0}
#modal-image .variant-group .pack-pills{flex-direction:column;align-items:stretch}
#modal-image .variant-group .pack-pill{width:100%;padding:10px 8px;font-size:11px;text-align:center}
@media(max-width:720px){
  #modal-image .gallery-layout{flex-direction:column;gap:12px}
  #modal-image .gallery-main-wrap{order:1;width:100%}
  #modal-image .variant-groups{order:2;flex:none;width:100%}
  #modal-image .variant-group{flex-direction:row;align-items:center}
  #modal-image .variant-group .pack-pills{flex-direction:row;flex-wrap:wrap}
  #modal-image .variant-group .pack-pill{width:auto;padding:10px 16px;font-size:12px}
}

/* —— 修正：筛选 sidebar 改用 grid，避免图片原始尺寸撑破 flex —— */
#modal-image .gallery-layout{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;align-items:start;width:100%;max-width:100%}
#modal-image .gallery-main-wrap{min-width:0}
@media(max-width:720px){
  #modal-image .gallery-layout{grid-template-columns:minmax(0,1fr)}
}

/* —— 筛选 sidebar 移到图片右侧 —— */
#modal-image .gallery-layout{grid-template-columns:minmax(0,1fr) 150px}
@media(max-width:720px){
  #modal-image .gallery-layout{grid-template-columns:minmax(0,1fr)}
  #modal-image .gallery-main-wrap{order:1}
  #modal-image .variant-groups{order:2}
}

/* —— Calzedonia 式主页：hero 分栏 —— */
.hero-split{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;background:#f6f2eb}
.hero-split .hero-txt{padding:clamp(60px,8vw,130px) clamp(30px,7vw,120px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.hero-split h1{font-family:'Playfair Display',Georgia,serif;font-weight:400;letter-spacing:-.04em;font-size:clamp(44px,5vw,80px);line-height:1.12;margin:18px 0 20px}
.hero-split .hero-sub{font-size:13px;letter-spacing:.14em;color:#8a7a63;margin-bottom:30px}
.hero-split .hero-actions .button{text-decoration:none;display:inline-block}
.hero-split .hero-ph{min-height:560px}
.hero-split .hero-ph,.season .season-ph{position:relative}
.ai-note{font-size:11px;opacity:.65;margin-top:6px}
.hero-split .hero-ph img{width:100%;height:100%;object-fit:contain;display:block;background:#f6f2eb}
/* —— 品类横条 —— */
.strip{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;font-size:15px;letter-spacing:.18em;color:#8a7a63;padding:22px 16px;border-bottom:1px solid #e8e1d7;font-weight:600}
/* —— 三品类卡 —— */
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.cat-card{display:block;overflow:hidden;border-radius:3px;background:#fffdf9}
.cat-card img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}

.cat-cap{display:flex;flex-direction:column;gap:6px;padding:20px 0;color:#302b27;background:#fffdf9}
.cat-cap strong{font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:26px}
.cat-cap span{font-size:11px;letter-spacing:.2em;color:#6b5640}
/* —— 精选 + 全部 —— */
.bundle{background:#f7f2eb}
.product-grid.featured{grid-template-columns:repeat(4,minmax(0,1fr))}
.all-head{margin-top:90px}
/* —— 季节横幅 —— */
.season{display:grid;grid-template-columns:auto 1fr;align-items:stretch;margin:0 clamp(24px,7vw,120px) 0;overflow:hidden;background:#302b27;border-radius:3px}
.season .season-ph{background:#e9e2d4}
.season .season-ph img{height:480px;width:auto;max-width:44vw;display:block;object-fit:cover}
.season .season-txt{color:#f5efdf;display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,5vw,80px);align-items:flex-start}
.season .season-txt .eyebrow{color:#cbb27b}
.season .season-txt h2{font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:clamp(34px,3.6vw,54px);margin:16px 0;letter-spacing:-.02em}
.season .season-txt p{color:#cbbfa5;line-height:1.8;max-width:46ch;margin-bottom:30px;font-size:15px}
.season .season-txt .button{text-decoration:none;display:inline-block;background:#cbb27b;color:#fff}
/* —— 事实条 —— */
.fact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.fact{border:1px solid #e8e1d7;border-radius:3px;padding:34px 28px;text-align:center;background:#fffdf9}
.fact h4{font-size:12px;letter-spacing:.28em;color:#9b8055;margin:0 0 14px;font-weight:700}
.fact p{font-size:14px;color:#6f685f;line-height:1.8;margin:0}
/* —— 卡片价格 —— */
.meta-top{display:flex;flex-direction:column;gap:4px}
.card-price{font-size:14px;color:#9b8055;font-weight:600}
/* —— PDP 弹窗 —— */
.modal-panel{width:min(1120px,94vw)}
.modal-layout{grid-template-columns:1.02fr 1fr}
.modal-info .eyebrow{margin-bottom:12px}
.modal-info h2{font-size:clamp(30px,3.4vw,44px);margin:0 0 12px}
.modal-price{font-size:22px;font-weight:600;margin:4px 0 6px;color:#302b27}
.opt-label{font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#8a7a63;margin:20px 0 10px}
#modal-pack .pack-pills{margin:0 0 6px}
.pdp-gallery{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;align-items:stretch}
.pdp-rail{display:flex;flex-direction:column;gap:10px;max-height:640px;overflow-y:auto}
.pdp-thumb{border:2px solid transparent;background:#eee5d6;padding:0;aspect-ratio:3/4;overflow:hidden;cursor:pointer}
.pdp-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.pdp-thumb.selected{border-color:#9b8055}
.pdp-main{aspect-ratio:3/4;background:linear-gradient(135deg,#ede7dc,#d9cbb6);overflow:hidden}
.pdp-main img{width:100%;height:100%;object-fit:cover;display:block}
.pdp-counter{font-size:11px;letter-spacing:.2em;color:#8a7a63;margin-top:10px}
.emag-btn{display:block;text-align:center;background:#cbb27b;color:#fff;font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:16px;border-radius:3px;margin-top:26px;text-decoration:none}
.emag-btn:hover{background:#b99f66}
.modal-desc{border-top:1px solid #e8e1d7;margin-top:36px;padding-top:30px}
.modal-desc h3{font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:24px;margin:0 0 14px}
.modal-desc p{font-size:14.5px;line-height:1.85;color:#5c4f3e;max-width:72ch;margin:0}
#modal-facts{margin-top:20px}
@media(max-width:1000px){.product-grid.featured{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){
.hero-split{grid-template-columns:1fr}
.hero-split .hero-txt{padding:56px 26px 48px}
.hero-split .hero-ph{min-height:0}
.hero-split .hero-ph img{max-height:70vh}
.strip{grid-template-columns:1fr;gap:10px}
.cat-grid{grid-template-columns:1fr}

.season{grid-template-columns:1fr;margin:0 16px}
.season .season-ph img{height:auto;width:100%;max-width:none;max-height:60vh}
.fact-grid{grid-template-columns:1fr}
.modal-layout{grid-template-columns:1fr}
.pdp-gallery{grid-template-columns:64px minmax(0,1fr)}
.modal-desc{margin-top:26px}
}
.size-card{background:#fffdf9;border:1px solid var(--line);padding:36px;max-width:440px;box-shadow:0 8px 30px #33281908}
.size-card-k{font-size:11px;letter-spacing:.25em;color:#9c8154;font-weight:700;margin:0 0 14px}
.size-row{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px}
.size-row strong{font-size:22px;font-weight:600;white-space:nowrap}
.size-note{font-size:13px;color:#8a857c;margin:18px 0 0}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:46px;text-align:left}
.pillar{border-top:2px solid var(--gold);padding-top:18px}
.pillar h3{font-size:15px;margin:0 0 8px;letter-spacing:.05em}
.pillar p{font-size:14px!important;color:#69665e;line-height:1.7}
.legal-page h2{font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:30px;margin:42px 0 12px;letter-spacing:-.02em}
.legal-page p{color:#4a463f}
.legal-meta{color:#8a857c;font-size:13px}
.lang-switch{margin-left:auto;background:transparent;border:1px solid #b9ac93;color:#504a42;padding:8px}
.lang-switch option{color:#111}
@media(max-width:720px){.pillars{grid-template-columns:1fr;gap:18px}.size-card{padding:26px}}

section[id]{scroll-margin-top:96px}
@media(max-width:720px){.size-card{max-width:none}}
footer .fine{font-size:12px;color:#b8b2a8}
.product-meta button{font-size:13px;padding:14px 0}