/* Shared product-menu shell. The layout follows the supplied reference's
   navigation proportions, while the content remains YADILO's own catalogue. */
.product-menu-trigger{display:inline-flex;align-items:center;gap:9px;margin:0;padding:0;border:0;background:transparent;color:#151515;font:500 13px/1 "Noto Sans SC",system-ui,sans-serif;cursor:pointer}.product-menu-trigger-icon{display:grid;gap:4px;width:13px}.product-menu-trigger-icon i{display:block;width:13px;height:1px;background:currentColor}.product-menu-trigger:focus-visible,.product-menu-close:focus-visible,.product-menu-item:focus-visible,.product-menu-product:focus-visible{outline:2px solid currentColor;outline-offset:4px}.product-menu-wordmark{justify-self:center;color:inherit;font:600 15px/1 "Noto Sans SC",system-ui,sans-serif;letter-spacing:.22em;text-decoration:none}.product-menu-wordmark small{display:block;margin-top:4px;font:500 6px/1 "Noto Sans SC",system-ui,sans-serif;letter-spacing:.32em;text-align:center;opacity:.62}

.product-menu{position:fixed;inset:0;z-index:1000;display:grid;grid-template-columns:minmax(350px,31.8vw) minmax(360px,32.5vw) 1fr;visibility:hidden;pointer-events:none;isolation:isolate}.product-menu.is-open{visibility:visible;pointer-events:auto}.product-menu-scrim{grid-column:3;grid-row:1;background:rgba(8,9,11,.93);backdrop-filter:blur(10px);opacity:0;transition:opacity .34s cubic-bezier(.2,.65,.2,1)}.product-menu.is-open .product-menu-scrim{opacity:1}.product-menu-nav,.product-menu-products{position:relative;z-index:1;min-height:100%;opacity:0;transform:translateX(-26px);transition:opacity .42s cubic-bezier(.2,.65,.2,1),transform .42s cubic-bezier(.2,.65,.2,1)}.product-menu-products{transform:translateX(-46px);transition-delay:.055s}.product-menu.is-open .product-menu-nav,.product-menu.is-open .product-menu-products{opacity:1;transform:translateX(0)}.product-menu-nav{grid-column:1;grid-row:1;display:flex;flex-direction:column;padding:90px 29px 64px;background:#fff;color:#090909}.product-menu-list{display:grid;gap:10px}.product-menu-item{display:flex;align-items:center;justify-content:space-between;min-height:57px;padding:0 12px;border:0;border-radius:12px;background:transparent;color:#090909;font:400 23px/1.1 "Noto Sans SC",system-ui,sans-serif;text-align:left;cursor:pointer;transition:background .22s ease,color .22s ease}.product-menu-item:hover,.product-menu-item.is-active{background:#f0f0f1}.product-menu-item[data-menu-panel="custom"],.product-menu-item[data-menu-panel="materials"]{margin-top:2px}.product-menu-item .product-menu-chevron{font-family:Arial,sans-serif;font-size:30px;font-weight:300;line-height:1;transform:translateY(-2px);transition:transform .2s ease}.product-menu-item:hover .product-menu-chevron{transform:translate(3px,-2px)}.product-menu-account{display:flex;align-items:center;justify-content:space-between;margin-top:auto;min-height:44px;padding:0 12px;color:#111;font:400 19px/1 "Noto Sans SC",system-ui,sans-serif;text-decoration:none}.product-menu-account span:first-child{display:flex;align-items:center;gap:10px}.product-menu-account i{width:17px;height:17px;border:1.5px solid currentColor;border-radius:50%;position:relative}.product-menu-account i:after{content:"";position:absolute;left:-3px;right:-3px;bottom:-6px;height:8px;border:1.5px solid currentColor;border-bottom:0;border-radius:12px 12px 0 0}.product-menu-products{grid-column:2;grid-row:1;overflow:auto;padding:91px 52px 52px;background:#f4f4f6;color:#0a0a0a;scrollbar-width:thin}.product-menu-product-list{display:grid;gap:44px}.product-menu-product{display:block;color:inherit;text-decoration:none;opacity:0;transform:translateY(12px);animation:product-menu-item-in .48s cubic-bezier(.2,.65,.2,1) forwards}.product-menu-product:nth-child(2){animation-delay:.04s}.product-menu-product:nth-child(3){animation-delay:.08s}.product-menu-product:nth-child(4){animation-delay:.12s}.product-menu-product:nth-child(5){animation-delay:.16s}.product-menu-product:nth-child(n+6){animation-delay:.2s}.product-menu-product-title{display:block;margin-bottom:15px;font:400 25px/1.1 "Noto Sans SC",system-ui,sans-serif;letter-spacing:-.02em}.product-menu-product img{display:block;width:100%;height:154px;object-fit:contain;object-position:center;background:transparent;mix-blend-mode:multiply;transition:transform .34s cubic-bezier(.2,.65,.2,1)}.product-menu-product-meta{display:inline-flex;margin-top:10px;padding:7px 14px;border-radius:999px;background:#fff;font:400 13px/1 "Noto Sans SC",system-ui,sans-serif}.product-menu-product:hover .product-menu-product-title{text-decoration:underline;text-underline-offset:5px}.product-menu-product:hover img{transform:translateX(4px)}.product-menu-panel-copy{padding-top:6px;opacity:0;transform:translateY(12px);animation:product-menu-item-in .38s .04s cubic-bezier(.2,.65,.2,1) forwards}.product-menu-panel-copy h2{margin:0 0 18px;font:400 28px/1.15 "Noto Sans SC",system-ui,sans-serif}.product-menu-panel-copy p{max-width:305px;margin:0;color:#565656;font:400 14px/1.7 "Noto Sans SC",system-ui,sans-serif}.product-menu-panel-links{display:grid;gap:1px;margin-top:36px}.product-menu-panel-links a{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #d6d6d8;color:#111;font:400 17px/1.2 "Noto Sans SC",system-ui,sans-serif;text-decoration:none}.product-menu-panel-links a:hover{text-decoration:underline;text-underline-offset:5px}.product-menu-close{position:absolute;z-index:2;top:22px;left:calc(64.3vw + 24px);display:grid;place-items:center;width:56px;height:56px;border:0;border-radius:50%;background:#2c2e32;color:#fff;font:300 29px/1 Arial,sans-serif;cursor:pointer;opacity:0;transform:scale(.88);transition:opacity .28s .08s ease,transform .28s .08s ease,background .2s ease}.product-menu.is-open .product-menu-close{opacity:1;transform:scale(1)}.product-menu-close:hover{background:#4a4c51}.product-menu-open{overflow:hidden}@keyframes product-menu-item-in{to{opacity:1;transform:translateY(0)}}

.glb-header .product-menu-trigger{color:#f5f3ef}.glb-header .product-menu-wordmark{color:#f5f3ef}.selection-header .product-menu-wordmark{color:var(--select-ink,#191715)}
.product-menu-back{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:0;background:transparent;color:#4f4f51;font:400 14px/1 "Noto Sans SC",system-ui,sans-serif;cursor:pointer;text-align:left}.product-menu-back span{font:300 27px/1 Arial,sans-serif;transform:translateY(-1px)}.product-menu-level-label{margin:13px 12px 7px;color:#0b0b0c;font:400 24px/1.1 "Noto Sans SC",system-ui,sans-serif}.product-menu-level-label small{display:block;margin-top:7px;color:#737376;font:400 12px/1 "Noto Sans SC",system-ui,sans-serif}
.product-menu-series-overview{padding:6px 4px 0;opacity:0;transform:translateY(12px);animation:product-menu-item-in .42s .04s cubic-bezier(.2,.65,.2,1) forwards}.product-menu-series-kicker{margin:0 0 22px;color:#8b6d52;font:500 11px/1 "Noto Sans SC",system-ui,sans-serif;letter-spacing:.18em}.product-menu-series-overview h2{margin:0 0 14px;font:400 32px/1.12 "Noto Sans SC",system-ui,sans-serif;letter-spacing:-.04em}.product-menu-series-intro{max-width:390px;margin:0;color:#6c6d70;font:400 15px/1.75 "Noto Sans SC",system-ui,sans-serif}.product-menu-series-summary{display:grid;gap:0;margin-top:44px;border-top:1px solid #d8d8da}.product-menu-series-summary-row{display:grid;grid-template-columns:150px 1fr 22px;align-items:center;gap:18px;min-height:88px;border-bottom:1px solid #d8d8da;color:#161719;text-decoration:none}.product-menu-series-summary-row span:first-child{display:flex;align-items:baseline;gap:10px}.product-menu-series-summary-row b{font:500 18px/1 "Noto Sans SC",system-ui,sans-serif;letter-spacing:.04em}.product-menu-series-summary-row strong{font:400 23px/1 "Noto Sans SC",system-ui,sans-serif}.product-menu-series-summary-row small{color:#68696d;font:400 13px/1.45 "Noto Sans SC",system-ui,sans-serif}.product-menu-series-summary-arrow{color:#727377;font:300 28px/1 Arial,sans-serif;transition:transform .22s ease,color .22s ease}.product-menu-series-summary-row:hover .product-menu-series-summary-arrow{color:#111;transform:translateX(4px)}

@media(max-width:760px){.product-menu{display:block;background:#fff;overflow:auto}.product-menu-scrim{display:none}.product-menu-nav{min-height:100%;padding:76px 30px 40px;transform:translateY(-10px);transition-duration:.36s}.product-menu-products{display:none}.product-menu.is-open .product-menu-nav{transform:translateY(0)}.product-menu-list{gap:7px}.product-menu-item{min-height:58px;padding-inline:12px;font-size:21px;border-radius:0}.product-menu-item:hover,.product-menu-item.is-active{background:transparent}.product-menu-close{position:fixed;top:16px;right:26px;left:auto;width:38px;height:38px;background:#e8e8e9;color:#202124;font-size:23px}.product-menu-account{font-size:17px}.product-menu-trigger{font-size:12px}.selection-header .product-menu-wordmark{font-size:13px}.glb-header .product-menu-wordmark{font-size:13px}}
@media(prefers-reduced-motion:reduce){.product-menu *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Desktop menu: product browsing is secondary navigation, so keep it compact
   enough to scan a whole series without oversized type. */
@media (min-width:761px){
  .product-menu{grid-template-columns:minmax(280px,25vw) minmax(320px,27vw) 1fr}
  .product-menu-close{left:calc(52vw + 24px)}
  .product-menu-nav{padding-right:22px;padding-left:22px}
  .product-menu-item{min-height:48px;font-size:18px}
  .product-menu-item .product-menu-chevron{font-size:24px}
  .product-menu-back{font-size:12px}
  .product-menu-back span{font-size:22px}
  .product-menu-level-label{margin-top:10px;font-size:19px}
  .product-menu-level-label small{margin-top:5px;font-size:10px}
  .product-menu-account{min-height:38px;font-size:15px}
  .product-menu-products{padding:74px 42px 42px}
  .product-menu-product-list{gap:30px}
  .product-menu-product-title{margin-bottom:9px;font-size:19px}
  .product-menu-product img{height:128px}
  .product-menu-product-meta{margin-top:7px;padding:5px 11px;font-size:11px}
}

/* Porsche-style full navigation: a wide white navigation rail, a calm
   product rail and a narrow dark escape zone. The product pane remains fully
   scrollable so selecting a series exposes every product without another
   navigation gate. */
@media (min-width:761px){
  .product-menu{grid-template-columns:48% 43% 9%;background:#fff}
  .product-menu-nav{padding:128px 42px 58px;background:#fff}
  .product-menu-products{padding:128px 6vw 64px;background:#f3f3f5}
  .product-menu-list{gap:12px}
  .product-menu-item{min-height:72px;padding:0 16px;border-radius:14px;font-size:29px;letter-spacing:-.045em}
  .product-menu-item .product-menu-chevron{font-size:32px}
  .product-menu-item{transition:background-color .28s ease,color .28s ease,transform .28s cubic-bezier(.2,.75,.2,1)}
  .product-menu-item:hover{background:#f5f5f6;color:#303136;transform:translateX(3px)}
  .product-menu-item.is-active{background:#e5e5e7}
  .product-menu-back{height:40px;padding-inline:16px;font-size:16px}
  .product-menu-back span{font-size:28px}
  .product-menu-level-label{margin:22px 16px 13px;font-size:25px}
  .product-menu-level-label small{margin-top:8px;font-size:12px}
  .product-menu-account{min-height:48px;padding-inline:16px;font-size:20px}
  .product-menu-product-list{gap:30px}
  .product-menu-product{padding:18px 22px 24px;border-radius:24px;transition:background-color .3s ease,box-shadow .3s ease,transform .3s cubic-bezier(.2,.75,.2,1)}
  .product-menu-product:hover{background:#fff;box-shadow:0 12px 30px rgba(28,29,34,.06);transform:translateY(-2px)}
  .product-menu-product-title{margin-bottom:17px;font-size:30px;letter-spacing:-.045em;transition:color .25s ease}
  .product-menu-product:hover .product-menu-product-title{color:#4b4c50;text-decoration:none}
  .product-menu-product img{height:205px;transition:transform .42s cubic-bezier(.2,.75,.2,1),filter .42s ease}
  .product-menu-product:hover img{transform:scale(1.025);filter:brightness(1.04)}
  .product-menu-product-meta{margin-top:12px;padding:8px 15px;font-size:14px}
  .product-menu-close{top:28px;left:calc(91vw + 20px);width:58px;height:58px;font-size:30px}
}

@media (prefers-reduced-motion: no-preference){
  .product-menu.is-open .product-menu-item{animation:product-menu-nav-in .48s cubic-bezier(.2,.75,.2,1) both}
  .product-menu.is-open .product-menu-item:nth-child(2){animation-delay:.035s}
  .product-menu.is-open .product-menu-item:nth-child(3){animation-delay:.07s}
  .product-menu.is-open .product-menu-item:nth-child(4){animation-delay:.105s}
  .product-menu.is-open .product-menu-item:nth-child(5){animation-delay:.14s}
  .product-menu.is-open .product-menu-item:nth-child(6){animation-delay:.175s}
  .product-menu.is-open .product-menu-item:nth-child(7){animation-delay:.21s}
}
@keyframes product-menu-nav-in{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}

/* Navigation is a compact rail; series names own a full row. */
.product-menu, .product-menu * { box-sizing:border-box; }
.product-menu-nav,.product-menu-products { min-width:0; }
.product-menu-item { font-size:16px;line-height:1.5;letter-spacing:normal;min-height:48px; }
.product-menu-level-label { font-size:18px;line-height:1.5; }
.product-menu-series-overview h2 { font-size:24px;line-height:1.4;letter-spacing:normal; }
.product-menu-series-intro { max-width:100%;font-size:14px;line-height:1.7; }
.product-menu-series-kicker { margin-bottom:12px; }
.product-menu-series-summary { margin-top:24px; }
.product-menu-series-summary-row {
  grid-template-columns:minmax(0,1fr) 22px;grid-template-rows:auto auto;
  gap:6px 16px;min-height:96px;padding:18px 0;
}
.product-menu-series-summary-row>span:first-child { grid-column:1;grid-row:1;flex-wrap:wrap;gap:8px 12px;min-width:0; }
.product-menu-series-summary-row b { flex:0 0 auto;font-size:14px;line-height:1.5;white-space:nowrap; }
.product-menu-series-summary-row strong { flex:0 0 auto;font-size:18px;line-height:1.5;white-space:nowrap;word-break:keep-all; }
.product-menu-series-summary-row small { grid-column:1;grid-row:2;min-width:0;font-size:13px;line-height:1.5; }
.product-menu-series-summary-arrow { grid-column:2;grid-row:1 / 3; }
.product-menu-product-title { line-height:1.5;word-break:normal;overflow-wrap:anywhere; }
@media(prefers-reduced-motion:reduce){
  .product-menu.is-open :is(.product-menu-series-overview,.product-menu-panel-copy,.product-menu-product) { opacity:1!important;transform:none!important; }
}
@media(min-width:761px){
  .product-menu { grid-template-columns:clamp(220px,22vw,280px) minmax(0,760px) minmax(64px,1fr); }
  .product-menu-nav { padding:72px 20px 32px; }
  .product-menu-products { padding:72px 32px 40px; }
  .product-menu-list { gap:8px; }
  .product-menu-close { position:fixed;left:auto;right:14px;top:16px;width:42px;height:42px;font-size:26px; }
}
@media(max-width:760px){
  .product-menu-nav { min-height:0;padding:72px 20px 16px; }
  .product-menu-account { margin-top:20px; }
  .product-menu-products { display:block;padding:24px 32px 40px; }
  .product-menu-series-summary-row { min-height:92px; }
  .product-menu-product-list { gap:24px; }
}