/* A lighter product introduction inside the approved KORS homepage. */
.product-preview{padding-bottom:clamp(64px,7vw,104px)}
.product-teasers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,64px)}
.product-teaser{padding-top:30px;border-top:1px solid #bbc1cd;scroll-margin-top:100px;display:flex;flex-direction:column;align-items:flex-start}
.product-teaser h3{font-size:clamp(32px,3.5vw,48px);font-weight:700;letter-spacing:-.035em;line-height:1.08;margin:0 0 12px}
.teaser-audience{font-size:16px;font-weight:700;margin:0 0 20px;color:var(--ink)}
.teaser-description{font-size:18px;line-height:1.55;color:var(--ink-soft);max-width:32ch;margin:0 0 28px}
.teaser-link{display:inline-flex;align-items:center;gap:18px;min-height:44px;font-size:16px;font-weight:700;text-decoration:none;margin-top:auto;padding:6px 0;border-bottom:1px solid currentColor}
.teaser-link .icon{transition:transform .2s ease-out}
.teaser-link:hover .icon{transform:translate(2px,-2px)}
.product-teaser :focus-visible{outline-color:var(--ink)}
.product-navigation{display:flex;align-items:center}
.products-toggle{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 0;color:inherit;background:none;border:0;font:inherit;font-size:16px;font-weight:700;cursor:pointer}
.products-toggle svg{transition:transform .2s ease-out}
.products-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
.products-toggle:hover,.products-toggle[aria-expanded=true]{color:var(--cyan)}
.products-open .nav{transform:none;background:var(--night);border-bottom-color:var(--line-dark)}
.products-panel{position:absolute;top:calc(100% + 10px);right:var(--gutter);width:min(860px,calc(100vw - 2 * var(--gutter)));background:var(--paper);color:var(--ink);box-shadow:0 24px 64px -20px rgb(0 0 0/.4);border:1px solid var(--paper-line);max-height:calc(100svh - 106px);overflow:auto;overscroll-behavior:contain;animation:product-menu-enter .2s ease-out both}
.products-panel[hidden]{display:none}
.products-panel-head{display:flex;align-items:center;justify-content:space-between;padding:16px 28px 12px}
.products-panel-head p{font-size:15px;margin:0;color:var(--ink-soft)}
.products-close{display:grid;place-items:center;width:44px;height:44px;border:0;background:none;color:inherit;cursor:pointer}
.products-close:hover{background:#e5e8ee}
.products-panel-list{list-style:none;margin:0;padding:0 28px}
.products-panel-list li+li{border-top:1px solid #cbd0d9}
.products-panel-list a{display:grid;grid-template-columns:150px minmax(0,1fr) 24px;gap:24px;align-items:center;min-height:124px;padding:22px 8px;text-decoration:none;transition:background .16s}
.products-panel-list a:hover{background:#e5e8ee}
.panel-product-name{font-size:30px;font-weight:700;letter-spacing:-.035em}
.panel-product-copy{display:grid;gap:6px;font-size:15px;line-height:1.5;color:var(--ink-soft)}
.panel-product-copy strong{font-weight:700;color:var(--ink)}
.products-panel-list .icon{width:23px;height:23px}
.products-panel-foot{padding:20px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#e5e8ee}
.products-panel-foot a{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:14px;font-weight:700;text-decoration:none}
.products-panel-foot a:hover{text-decoration:underline;text-underline-offset:4px}
.products-panel :focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@keyframes product-menu-enter{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.nav{gap:22px}.products-panel-list a{grid-template-columns:130px minmax(0,1fr) 22px;gap:20px}}
@media(max-width:720px){
 .nav{gap:18px}.products-toggle{font-size:14px;gap:6px}.nav-logo{width:105px}.nav-toggle{padding:0 10px;gap:10px}
 .product-teasers{grid-template-columns:1fr;gap:32px}
 .product-teaser{padding-top:24px}
 .teaser-audience{margin-bottom:12px}.teaser-description{max-width:46ch;margin-bottom:18px}
 .products-panel{top:100%;right:0;width:100%;max-height:calc(100svh - 70px);border-left:0;border-right:0}
 .products-panel-head{padding:12px 20px 4px}.products-panel-list{padding:0 20px}
 .products-panel-list a{grid-template-columns:minmax(0,1fr) 24px;gap:8px 16px;padding:20px 4px;min-height:0}
 .panel-product-name{font-size:26px}.panel-product-copy{grid-column:1;font-size:14px}
 .products-panel-list .icon{grid-column:2;grid-row:1}
 .products-panel-foot{padding:16px 20px;flex-direction:column;align-items:flex-start;gap:4px}
}
@media(max-width:370px){.nav{gap:12px}.nav-logo{width:90px}.nav-toggle{font-size:14px}}
@media(prefers-reduced-motion:reduce){.products-panel{animation:none}.products-toggle svg,.teaser-link .icon{transition:none}}
/* The full-screen menu owns focus while it is open. */
.menu-open .product-navigation{visibility:hidden}

/* Keep the header quiet and plugins to one short note. */
.product-navigation{margin-left:auto}
.plugin-note{padding:0 0 64px;background:var(--paper)}
.plugin-note-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-top:32px;position:relative}
.plugin-note-inner::before{content:"";position:absolute;top:0;left:var(--gutter);right:var(--gutter);height:1px;background:var(--paper-line)}
.plugin-note h2{font-size:26px;line-height:1.2;letter-spacing:-.02em;margin:0 0 12px}
.plugin-note p{color:var(--ink-soft);font-size:17px;line-height:1.6;max-width:62ch;margin:0}
.plugin-note .teaser-link{flex:none;margin-top:0}
.plugin-note :focus-visible{outline-color:var(--ink)}
@media(max-width:900px){.plugin-note-inner{flex-direction:column;align-items:flex-start;gap:20px}.plugin-note{padding-bottom:48px}}
