/* YHN Brand Landing Engine 3.9.32 — Orihiro pilot / asset dependency hotfix */
.yhn-bl{--bl-blue:#1766b4;--bl-blue2:#eaf4ff;--bl-ink:#171b22;--bl-line:#e8edf3;--bl-soft:#f7f9fc;background:#fff;color:var(--bl-ink);padding:0 0 54px}.yhn-bl-shell{max-width:1240px;margin:auto;padding:0 18px}.yhn-bl-breadcrumb{display:flex;gap:9px;align-items:center;font-size:12px;color:#78828f;padding:16px 0 14px}.yhn-bl-breadcrumb a{color:#5f6975}.yhn-bl-hero{min-height:385px;border:1px solid #dfe9f5;border-radius:18px;overflow:hidden;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;background:radial-gradient(circle at 85% 12%,rgba(255,190,203,.26),transparent 24%),linear-gradient(118deg,#fff 0,#f5faff 51%,#e8f4ff 100%);position:relative}.yhn-bl-hero:after{content:"";position:absolute;right:-45px;top:20px;width:260px;height:120px;background:radial-gradient(ellipse,#f3c8d4 0 2px,transparent 3px) 0 0/18px 18px;opacity:.35;transform:rotate(-8deg)}.yhn-bl-hero-copy{padding:48px 46px;position:relative;z-index:2}.yhn-bl-eyebrow,.yhn-bl-head>div>span{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--bl-blue)}.yhn-bl-wordmark{font-size:30px;font-weight:900;color:var(--bl-blue);letter-spacing:-.04em;margin:6px 0 16px}.yhn-bl-hero h1{font-family:Georgia,serif;font-size:42px;line-height:1.08;margin:0 0 14px;color:#10151b}.yhn-bl-hero-copy>p:not(.yhn-bl-wordmark){max-width:510px;font-size:15px;line-height:1.72;color:#52606d}.yhn-bl-btn{display:inline-flex;align-items:center;gap:12px;margin-top:13px;background:var(--bl-blue);color:#fff!important;padding:13px 21px;border-radius:999px;font-size:12px;font-weight:800;text-transform:uppercase}.yhn-bl-hero-products{height:100%;display:flex;align-items:flex-end;justify-content:center;gap:4px;padding:48px 24px 26px;position:relative;z-index:2}.yhn-bl-hero-product{width:31%;display:flex;align-items:flex-end;justify-content:center;transition:.2s}.yhn-bl-hero-product:nth-child(2){width:35%;transform:translateY(-12px)}.yhn-bl-hero-product img{max-height:270px;width:auto;object-fit:contain;filter:drop-shadow(0 16px 16px rgba(38,66,91,.12))}.yhn-bl .yhn-pl-trust{margin:16px 0 36px}.yhn-bl-section{margin:0 0 42px}.yhn-bl-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 17px}.yhn-bl-head h2{font-size:23px;line-height:1.2;margin:4px 0 0}.yhn-bl-head>a{font-size:12px;font-weight:700;color:var(--bl-blue)}.yhn-bl-needs-row{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.yhn-bl-need{border:1px solid var(--bl-line);border-radius:13px;min-height:112px;padding:14px 10px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--bl-ink);transition:.18s}.yhn-bl-need:hover,.yhn-bl-need.is-active{border-color:#a7c9ec;background:linear-gradient(#f9fcff,#edf6ff);box-shadow:0 8px 20px rgba(30,94,154,.07)}.yhn-bl-need>span{width:34px;height:34px;border-radius:50%;background:var(--bl-blue2);color:var(--bl-blue);display:grid;place-items:center;margin-bottom:8px}.yhn-bl-need strong{font-size:12px;line-height:1.25}.yhn-bl-need small{font-size:10px;color:#87909a;margin-top:3px}.yhn-bl-product-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.yhn-bl-product-grid .yhn-pc-card{min-width:0}.yhn-bl-product-grid [hidden]{display:none!important}.yhn-bl-collection-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.yhn-bl-collection{border:1px solid var(--bl-line);border-radius:15px;overflow:hidden;background:linear-gradient(145deg,#fbfdff,#f1f7fd);color:var(--bl-ink)}.yhn-bl-collection-media{height:132px;display:flex;align-items:center;justify-content:center;gap:2px;padding:13px}.yhn-bl-collection-media img{max-width:34%;max-height:105px;object-fit:contain;filter:drop-shadow(0 7px 7px rgba(20,30,40,.08))}.yhn-bl-collection>div:last-child{padding:11px 14px 14px;display:grid;gap:2px}.yhn-bl-collection>div:last-child>span{font-size:10px;color:#9aa3ad;font-weight:700}.yhn-bl-collection strong{font-size:13px}.yhn-bl-collection small{font-size:10px;color:var(--bl-blue)}.yhn-bl-count{font-size:12px;color:#69737e}.yhn-bl-more-wrap{text-align:center;margin-top:24px}.yhn-bl-more{border:1px solid #79aadc;background:#fff;color:var(--bl-blue);border-radius:999px;padding:11px 24px;font-size:12px;font-weight:800;cursor:pointer}.yhn-bl-empty{padding:35px;text-align:center;background:var(--bl-soft);border-radius:14px;color:#66717d}.yhn-bl-story{display:grid;grid-template-columns:1.1fr .9fr;border:1px solid var(--bl-line);border-radius:17px;overflow:hidden;margin:10px 0 42px;background:linear-gradient(110deg,#fff,#f2f8ff)}.yhn-bl-story>div:first-child{padding:31px 36px}.yhn-bl-story h2{font-size:25px;margin:6px 0 10px}.yhn-bl-story p{font-size:13px;line-height:1.75;color:#5b6570}.yhn-bl-note{font-size:11px!important;color:#7b848d!important}.yhn-bl-story-mark{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 70% 30%,rgba(255,205,215,.35),transparent 26%),linear-gradient(135deg,#e9f4ff,#f9fcff)}.yhn-bl-story-mark strong{font-size:37px;letter-spacing:-.05em;color:var(--bl-blue)}.yhn-bl-story-mark span{font-size:10px;letter-spacing:.16em;color:#7491ad}.yhn-bl-faq{margin-bottom:10px}.yhn-bl-faq-list{display:grid;grid-template-columns:1fr 1fr;gap:9px 16px}.yhn-bl-faq details{border-bottom:1px solid var(--bl-line)}.yhn-bl-faq summary{list-style:none;cursor:pointer;padding:13px 2px;font-size:13px;font-weight:700;display:flex;justify-content:space-between;gap:10px}.yhn-bl-faq summary::-webkit-details-marker{display:none}.yhn-bl-faq details>div{padding:0 18px 14px 2px;font-size:12px;line-height:1.7;color:#68727d}
@media(max-width:849px){.yhn-bl-shell{padding:0 12px}.yhn-bl-breadcrumb{font-size:10px;padding:11px 2px}.yhn-bl-hero{min-height:auto;grid-template-columns:1fr;border-radius:14px}.yhn-bl-hero-copy{padding:25px 21px 8px}.yhn-bl-wordmark{font-size:24px;margin:4px 0 9px}.yhn-bl-hero h1{font-size:30px}.yhn-bl-hero-copy>p:not(.yhn-bl-wordmark){font-size:13px;line-height:1.55}.yhn-bl-btn{padding:10px 16px;font-size:10px}.yhn-bl-hero-products{height:190px;padding:5px 14px 16px}.yhn-bl-hero-product img{max-height:155px}.yhn-bl .yhn-pl-trust{margin:12px 0 28px}.yhn-bl-section{margin-bottom:32px}.yhn-bl-head{margin-bottom:12px}.yhn-bl-head h2{font-size:19px}.yhn-bl-needs-row{display:flex;overflow-x:auto;gap:9px;padding:1px 0 8px;scrollbar-width:none}.yhn-bl-need{min-width:93px;min-height:98px}.yhn-bl-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.yhn-bl-product-grid--featured{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}.yhn-bl-product-grid--featured .yhn-pc-card{min-width:48%;scroll-snap-align:start}.yhn-bl-collection-grid{display:flex;overflow-x:auto;gap:9px;padding-bottom:6px}.yhn-bl-collection{min-width:68%}.yhn-bl-collection-media{height:125px}.yhn-bl-story{grid-template-columns:1fr}.yhn-bl-story>div:first-child{padding:24px 21px}.yhn-bl-story-mark{min-height:150px}.yhn-bl-faq-list{grid-template-columns:1fr}.yhn-bl-faq summary{font-size:12px}.yhn-bl-count{font-size:11px}.yhn-bl-head--catalog{align-items:center}}

/* 3.9.30.1 defensive sizing: prevents raw inline SVGs from expanding if another optimizer reorders CSS. */
.yhn-bl .yhn-pl-trust svg,.yhn-bl .yhn-pc-action svg{display:block;width:16px!important;height:16px!important;max-width:16px!important;max-height:16px!important;fill:none;stroke:currentColor}
.yhn-bl .yhn-pc-action{overflow:hidden}


/* 3.9.30.2 — Brand product-loop visibility fix.
   Merch cards carry .yhn-reveal, whose animation is normally activated by the
   merchandising landing JS. Brand pages intentionally use their own JS, so
   initial cards must be visible without depending on that observer. */
.yhn-bl .yhn-reveal:not([hidden]){opacity:1!important;transform:none!important}
.yhn-bl .yhn-pc-card.is-more,.yhn-bl .yhn-pc-card[hidden]{display:none!important;opacity:0!important}
.yhn-bl-product-grid{align-items:start}


/* 3.9.31 — Brand Hero Identity + production visual polish.
   The hero intentionally uses brand identity rather than repeated product imagery. */
.yhn-bl-hero{grid-template-columns:1.04fr .96fr}
.yhn-bl-hero-copy{padding-right:38px}
.yhn-bl-hero-identity{align-self:stretch;min-height:385px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,rgba(239,247,255,.62),rgba(255,255,255,.38));isolation:isolate}
.yhn-bl-hero-identity:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.76),rgba(255,255,255,.08) 35%,rgba(255,255,255,.2));z-index:-1}
.yhn-bl-identity-sun{position:absolute;right:16%;top:17%;width:88px;height:88px;border-radius:50%;background:rgba(239,43,122,.07)}
.yhn-bl-identity-mountain{position:absolute;left:2%;right:-4%;bottom:0;height:57%;clip-path:polygon(0 100%,0 78%,20% 55%,34% 70%,54% 30%,69% 56%,82% 43%,100% 67%,100% 100%)}
.yhn-bl-identity-mountain--back{background:rgba(134,185,229,.12);transform:translateY(-25px) scale(1.05)}
.yhn-bl-identity-mountain--front{background:linear-gradient(180deg,rgba(100,164,219,.12),rgba(55,126,188,.06));clip-path:polygon(0 100%,0 83%,16% 67%,30% 78%,49% 42%,62% 64%,76% 54%,100% 75%,100% 100%)}
.yhn-bl-identity-mark{position:relative;z-index:2;text-align:center;padding:28px 34px;transform:translateY(-5px)}
.yhn-bl-identity-mark strong{display:block;font-size:56px;line-height:1;letter-spacing:-.055em;color:var(--bl-blue);font-weight:900;text-shadow:0 1px 0 rgba(255,255,255,.85)}
.yhn-bl-identity-mark span{display:block;margin-top:10px;font-size:10px;font-weight:800;letter-spacing:.22em;color:#6f8dab}
.yhn-bl-hero-copy .yhn-bl-eyebrow{display:inline-block;margin-bottom:10px}
.yhn-bl-hero-copy h1{margin-bottom:16px}
.yhn-bl-hero:after{width:220px;height:105px;opacity:.22}
.yhn-bl-section{scroll-margin-top:90px}
.yhn-bl-collection,.yhn-bl-need{box-shadow:0 1px 0 rgba(20,50,80,.02)}
@media(max-width:849px){
 .yhn-bl-hero{grid-template-columns:1fr}
 .yhn-bl-hero-copy{padding:25px 21px 20px}
 .yhn-bl-hero-identity{min-height:178px;border-top:1px solid rgba(130,174,214,.14)}
 .yhn-bl-identity-sun{width:62px;height:62px;right:13%;top:14%}
 .yhn-bl-identity-mountain{height:62%}
 .yhn-bl-identity-mark{padding:20px;transform:translateY(-3px)}
 .yhn-bl-identity-mark strong{font-size:40px}
 .yhn-bl-identity-mark span{font-size:8px;margin-top:8px}
}


/* 3.9.32 — Brand Collection + Editorial Polish.
   Product-loop, need navigation and taxonomy behavior remain locked. */
.yhn-bl-identity-mark strong{font-size:66px;letter-spacing:-.06em}
.yhn-bl-identity-mark span{margin-top:12px;letter-spacing:.24em}
.yhn-bl-identity-sun{width:104px;height:104px;right:14%;top:14%;background:rgba(239,43,122,.075)}
.yhn-bl-identity-mountain--back{background:rgba(134,185,229,.15)}
.yhn-bl-identity-mountain--front{background:linear-gradient(180deg,rgba(100,164,219,.15),rgba(55,126,188,.075))}

.yhn-bl-collection-grid{gap:14px}
.yhn-bl-collection{min-height:188px;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:0;overflow:hidden;background:#f8fbfe;border-color:#e4ebf2;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.yhn-bl-collection:hover{transform:translateY(-3px);border-color:#c9dceb;box-shadow:0 13px 30px rgba(35,77,112,.08)}
.yhn-bl-collection-art{height:88px;position:relative;overflow:hidden;background:linear-gradient(135deg,#f5faff,#eaf4fc)}
.yhn-bl-collection-art:before,.yhn-bl-collection-art:after{content:"";position:absolute;border-radius:999px;border:1px solid rgba(36,112,177,.12)}
.yhn-bl-collection-art:before{width:126px;height:126px;right:-38px;top:-63px}
.yhn-bl-collection-art:after{width:80px;height:80px;right:-12px;top:-40px}
.yhn-bl-collection-art>span{position:absolute;left:-8%;right:18%;bottom:-16px;height:58px;background:rgba(119,177,224,.11);clip-path:polygon(0 82%,22% 44%,39% 67%,61% 21%,77% 55%,100% 35%,100% 100%,0 100%)}
.yhn-bl-collection-art>i{position:absolute;left:12px;top:13px;width:28px;height:2px;background:var(--bl-blue);opacity:.7}
.yhn-bl-collection-art>b{position:absolute;right:13px;bottom:7px;font:800 32px/1 Georgia,serif;color:rgba(31,103,164,.12)}
.yhn-bl-collection-copy{padding:14px 15px 16px!important;display:flex!important;flex-direction:column;gap:4px!important}
.yhn-bl-collection-copy>span{font-size:8px!important;letter-spacing:.13em;color:#7d9ab5!important;font-weight:800!important}
.yhn-bl-collection-copy>strong{font-size:14px;line-height:1.28;color:#17212b}
.yhn-bl-collection-copy>small{margin-top:4px;font-size:10px;color:#73808c;display:flex;align-items:center;justify-content:space-between}
.yhn-bl-collection-copy em{font-style:normal;color:var(--bl-blue);font-size:14px}
.yhn-bl-collection--2 .yhn-bl-collection-art{background:linear-gradient(135deg,#fbfaf5,#f1f5eb)}
.yhn-bl-collection--3 .yhn-bl-collection-art{background:linear-gradient(135deg,#fff9f8,#f8eeef)}
.yhn-bl-collection--4 .yhn-bl-collection-art{background:linear-gradient(135deg,#f7fbfa,#eaf5f3)}
.yhn-bl-collection--5 .yhn-bl-collection-art{background:linear-gradient(135deg,#faf8ff,#f0eef8)}

.yhn-bl-story{grid-template-columns:1.18fr .82fr;min-height:300px;background:#fff;border-color:#e4eaf0;box-shadow:0 8px 28px rgba(30,65,95,.045)}
.yhn-bl-story-copy{padding:34px 38px!important}
.yhn-bl-story h2{font-family:Georgia,serif;font-size:28px;line-height:1.2;max-width:560px;margin:7px 0 11px}
.yhn-bl-story-copy>p{max-width:650px}
.yhn-bl-story-points{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0 14px}
.yhn-bl-story-points>span{padding:13px 12px;border-top:1px solid #dce7f0;display:flex;flex-direction:column;gap:4px}
.yhn-bl-story-points b{font-size:9px;letter-spacing:.1em;color:var(--bl-blue)}
.yhn-bl-story-points strong{font-size:11px;line-height:1.3;color:#202a34}
.yhn-bl-story-points small{font-size:10px;line-height:1.45;color:#7b858e}
.yhn-bl-story-art{min-height:300px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:34px;background:linear-gradient(145deg,#eaf5fd 0,#f8fbfe 52%,#f5f0f2 100%)}
.yhn-bl-story-art:before{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(33,107,169,.11);border-radius:50%;right:-75px;top:-90px;box-shadow:0 0 0 38px rgba(33,107,169,.025),0 0 0 76px rgba(33,107,169,.018)}
.yhn-bl-story-art:after{content:"";position:absolute;left:0;right:0;bottom:0;height:48%;background:rgba(97,158,208,.09);clip-path:polygon(0 100%,0 80%,24% 45%,40% 68%,63% 22%,80% 57%,100% 35%,100% 100%)}
.yhn-bl-story-jp{position:absolute;right:25px;top:23px;font:700 40px/1 Georgia,serif;color:rgba(31,103,164,.09);letter-spacing:.05em}
.yhn-bl-story-line{width:38px;height:2px;background:var(--bl-blue);margin-bottom:12px;position:relative;z-index:2}
.yhn-bl-story-art strong{font-size:31px;letter-spacing:-.04em;color:var(--bl-blue);position:relative;z-index:2}
.yhn-bl-story-art span{margin-top:6px;font-size:8px;font-weight:800;letter-spacing:.15em;color:#7892a8;position:relative;z-index:2}

@media(max-width:849px){
 .yhn-bl-identity-mark strong{font-size:46px}
 .yhn-bl-identity-sun{width:70px;height:70px}
 .yhn-bl-collection{min-width:72%;min-height:170px}
 .yhn-bl-collection-art{height:78px}
 .yhn-bl-story{grid-template-columns:1fr}
 .yhn-bl-story-copy{padding:25px 21px!important}
 .yhn-bl-story h2{font-size:23px}
 .yhn-bl-story-points{grid-template-columns:1fr;gap:2px;margin-top:16px}
 .yhn-bl-story-points>span{display:grid;grid-template-columns:30px 1fr;column-gap:5px;padding:9px 2px}
 .yhn-bl-story-points b{grid-row:1/3}
 .yhn-bl-story-points small{grid-column:2}
 .yhn-bl-story-art{min-height:175px;padding:23px}
 .yhn-bl-story-art strong{font-size:27px}
 .yhn-bl-story-jp{font-size:32px}
}


/* 3.9.32.1 — Final Brand Visual Lock.
   Micro-polish only: roomier desktop commerce cards and stronger collection clarity.
   Hero, trust, needs navigation, editorial, FAQ, product-loop and taxonomy logic are locked. */
@media(min-width:850px){
 .yhn-bl-product-grid{gap:20px 18px}
 .yhn-bl-product-grid .yhn-pc-image{aspect-ratio:1/1.08!important;padding:25px 24px!important}
 .yhn-bl-product-grid .yhn-pc-body{padding-top:16px!important}
 .yhn-bl-product-grid--featured{gap:20px}
 .yhn-bl-product-grid--featured .yhn-pc-image{aspect-ratio:1/1.1!important;padding:26px 24px!important}
}
.yhn-bl-collection{min-height:198px;border-color:#dce6ef}
.yhn-bl-collection-art{height:96px}
.yhn-bl-collection-copy{padding:15px 16px 17px!important;gap:5px!important}
.yhn-bl-collection-copy>span{color:#6688a5!important}
.yhn-bl-collection-copy>strong{font-size:14.5px;line-height:1.3;color:#121b24;font-weight:720}
.yhn-bl-collection-copy>small{margin-top:5px!important;color:#697985!important}
.yhn-bl-collection-copy>small>span{font-size:10px}
.yhn-bl-collection-copy>small>b{display:inline-flex;align-items:center;gap:5px;font-size:8px;letter-spacing:.09em;color:var(--bl-blue);font-weight:850}
.yhn-bl-collection-copy>small b em{font-size:13px;transition:transform .18s ease}
.yhn-bl-collection:hover .yhn-bl-collection-copy>small b em{transform:translateX(2px)}
@media(max-width:849px){
 .yhn-bl-collection{min-height:178px}
 .yhn-bl-collection-art{height:84px}
 .yhn-bl-collection-copy{padding:13px 14px 15px!important}
 .yhn-bl-collection-copy>strong{font-size:14px}
}

/* =========================================================
   3.9.34.1 — BRAND UI/SEO FINAL QA LOCK
   Unified outline icons, accessible targets and meaningful-section guard.
   ========================================================= */
.yhn-bl .yhn-bl-icon{display:block;width:19px!important;height:19px!important;max-width:19px!important;max-height:19px!important;fill:none;stroke:currentColor;stroke-width:1.8}
.yhn-bl .yhn-bl-trust>div>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(23,102,180,.065);color:var(--bl-blue);flex:0 0 34px}
.yhn-bl .yhn-bl-trust svg{width:18px!important;height:18px!important;max-width:18px!important;max-height:18px!important}
.yhn-bl .yhn-bl-need>span{width:36px;height:36px}
.yhn-bl .yhn-bl-need>span .yhn-bl-icon{width:19px!important;height:19px!important}
.yhn-bl a:focus-visible,.yhn-bl button:focus-visible,.yhn-bl summary:focus-visible{outline:3px solid rgba(23,102,180,.28);outline-offset:3px;border-radius:8px}
.yhn-bl .yhn-bl-btn,.yhn-bl .yhn-bl-more{min-height:40px}
.yhn-bl .yhn-pc-action{min-width:32px;min-height:32px;display:inline-grid;place-items:center}
.yhn-bl .yhn-pc-action svg{width:15px!important;height:15px!important;max-width:15px!important;max-height:15px!important}
.yhn-bl-mode--minimal .yhn-bl-story{margin-top:18px}
@media(max-width:849px){
  .yhn-bl .yhn-bl-trust>div>span{width:32px;height:32px;flex-basis:32px}
  .yhn-bl .yhn-bl-trust svg{width:18px!important;height:18px!important}
  .yhn-bl .yhn-bl-need{min-width:96px}
  .yhn-bl .yhn-pc-action{min-width:36px;min-height:36px}
  .yhn-bl .yhn-bl-btn,.yhn-bl .yhn-bl-more{min-height:42px}
}

/* =========================================================
   3.9.35.1 — Brand Featured Mobile Card Hotfix
   Real-device fix only: the global 3.9.27 mobile card lock sets
   min-width:0!important, which can collapse Brand Featured cards
   inside the horizontal flex row. Restore a deliberate snap-card
   width without touching desktop, catalog grids or Collections.
   ========================================================= */
@media(max-width:549px){
  .yhn-bl .yhn-bl-product-grid--featured{
    display:flex!important;
    grid-template-columns:none!important;
    align-items:stretch!important;
    gap:12px!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    scroll-snap-type:x mandatory!important;
    scroll-padding-left:1px;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    padding:2px 18vw 10px 1px!important;
    margin-right:-12px;
  }
  .yhn-bl .yhn-bl-product-grid--featured::-webkit-scrollbar{display:none}
  .yhn-bl .yhn-bl-product-grid--featured .yhn-pc-card{
    box-sizing:border-box!important;
    flex:0 0 clamp(238px,72vw,282px)!important;
    width:clamp(238px,72vw,282px)!important;
    min-width:clamp(238px,72vw,282px)!important;
    max-width:clamp(238px,72vw,282px)!important;
    height:auto!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:normal;
  }
  .yhn-bl .yhn-bl-product-grid--featured .yhn-pc-media{
    width:100%!important;
  }
  .yhn-bl .yhn-bl-product-grid--featured .yhn-pc-image{
    aspect-ratio:1/1!important;
    padding:20px!important;
  }
  .yhn-bl .yhn-bl-product-grid--featured .yhn-pc-body{
    width:100%!important;
    grid-template-rows:15px 48px 18px minmax(40px,auto)!important;
    row-gap:4px!important;
    padding:11px 3px 0!important;
  }
  .yhn-bl .yhn-bl-product-grid--featured .yhn-pc-card h3{
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    -webkit-line-clamp:3!important;
    line-clamp:3!important;
    font-size:12.2px!important;
    line-height:16px!important;
  }
  .yhn-bl .yhn-bl-product-grid--featured .yhn-pc-bottom{
    grid-template-columns:minmax(0,1fr) 36px!important;
    gap:10px!important;
    min-height:40px!important;
  }
  .yhn-bl .yhn-bl-product-grid--featured .yhn-pc-price{
    font-size:13.2px!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .yhn-bl .yhn-bl-product-grid--featured .yhn-pc-price del{
    font-size:10px!important;
  }
  .yhn-bl .yhn-bl-product-grid--featured .yhn-pc-action{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    flex-basis:36px!important;
  }
}

/* =========================================================
   3.9.35.2 — Brand Featured Mobile Final Proportion Lock
   Final real-device proportion pass: keep the horizontal snap
   pattern from 3.9.35.1 while reducing card/media dominance.
   Brand catalog grids, Collections and desktop remain untouched.
   ========================================================= */
@media(max-width:549px){
  .yhn-bl .yhn-bl-product-grid--featured{
    gap:11px!important;
    padding:2px 24vw 8px 1px!important;
  }
  .yhn-bl .yhn-bl-product-grid--featured .yhn-pc-card{
    flex-basis:clamp(210px,64vw,252px)!important;
    width:clamp(210px,64vw,252px)!important;
    min-width:clamp(210px,64vw,252px)!important;
    max-width:clamp(210px,64vw,252px)!important;
  }
  .yhn-bl .yhn-bl-product-grid--featured .yhn-pc-image{
    aspect-ratio:1.18/1!important;
    padding:16px!important;
  }
  .yhn-bl .yhn-bl-product-grid--featured .yhn-pc-image img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
  }
  .yhn-bl .yhn-bl-product-grid--featured .yhn-pc-body{
    grid-template-rows:14px 45px 17px minmax(38px,auto)!important;
    row-gap:3px!important;
    padding:9px 3px 0!important;
  }
  .yhn-bl .yhn-bl-product-grid--featured .yhn-pc-card h3{
    height:45px!important;
    min-height:45px!important;
    max-height:45px!important;
    line-height:15px!important;
  }
  .yhn-bl .yhn-bl-product-grid--featured .yhn-pc-bottom{
    min-height:38px!important;
    gap:8px!important;
  }
}