.pdp-tabs{--black-90: rgba(10, 10, 10, .9);--black-70: rgba(10, 10, 10, .7);--black-60: rgba(10, 10, 10, .6);--black-50: rgba(10, 10, 10, .5);--black-10: rgba(10, 10, 10, .1);--black-05: rgba(10, 10, 10, .05);--black-03: rgba(10, 10, 10, .03)}.pdp-tabs{padding:var(--space-xl, 48px) 0;background:var(--kos-white);color:var(--kos-black)}.pdp-tabs__header{margin-bottom:48px}.pdp-tabs__eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:16px}.pdp-tabs__eyebrow-dot{width:8px;height:8px;border-radius:50%;background:var(--kos-green-forest);animation:pdp-tabs-pulse 2s infinite}.pdp-tabs__eyebrow-text{font-size:12px;font-weight:var(--font-weight-semibold, 600);text-transform:uppercase;letter-spacing:.12em;color:var(--black-50)}.pdp-tabs__title{font-size:clamp(1.75rem,3vw,2.25rem);font-weight:var(--font-weight-bold, 700);letter-spacing:-.02em;color:var(--kos-black);margin:0}.pdp-tabs__layout{display:grid;grid-template-columns:280px 1fr;gap:40px;align-items:start}.pdp-tabs__tablist{display:flex;flex-direction:column;gap:6px;position:sticky;top:calc(var(--announcement-height, 42px) + var(--header-height, 68px) + 24px)}.pdp-tabs__tab{position:relative;display:flex;align-items:center;gap:14px;padding:18px 22px;background:transparent;border:none;border-radius:var(--radius-lg, 18px);color:var(--black-50);font-family:inherit;font-size:15px;font-weight:var(--font-weight-medium, 500);text-align:left;cursor:pointer;transition:all var(--transition-base, .3s ease);min-height:44px;min-width:44px;-webkit-tap-highlight-color:transparent}.pdp-tabs__tab-icon{width:22px;height:22px;flex-shrink:0}.pdp-tabs__tab-icon svg{width:100%;height:100%;opacity:.5;transition:opacity var(--transition-base, .3s ease)}.pdp-tabs__tab-label{flex:1}.pdp-tabs__tab:hover{color:var(--black-70);background:var(--black-03)}.pdp-tabs__tab:hover .pdp-tabs__tab-icon svg{opacity:.7}.pdp-tabs__tab[aria-selected=true]{background:var(--black-05);color:var(--kos-black)}.pdp-tabs__tab[aria-selected=true] .pdp-tabs__tab-icon svg{opacity:1}.pdp-tabs__tab[aria-selected=true]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:24px;background:var(--kos-green-forest);border-radius:0 3px 3px 0}.pdp-tabs__tab:focus-visible{outline:3px solid var(--focus-color, #005fcc);outline-offset:2px}.pdp-tabs__panels{min-height:200px}.pdp-tabs__panel{background:var(--black-03);border:1px solid var(--black-05);border-radius:var(--radius-xl, 24px);padding:40px;display:none}.pdp-tabs__panel[aria-hidden=false]{display:block}.pdp-tabs__panel:focus-visible{outline:3px solid var(--focus-color, #005fcc);outline-offset:2px}.pdp-tabs__panel-heading{font-size:1.25rem;font-weight:var(--font-weight-semibold, 600);margin:0 0 16px;color:var(--kos-black)}.pdp-tabs__panel-intro{color:var(--black-60);margin:0 0 20px}.pdp-tabs__placeholder{color:var(--black-50)}.pdp-tabs__pro-tip{margin-top:24px;font-size:14px;color:var(--black-50)}.pdp-tabs__pro-tip strong{color:var(--kos-black)}.pdp-tabs__description-title{font-size:1.25rem;font-weight:var(--font-weight-bold, 700);letter-spacing:-.02em;color:var(--kos-black);margin:0 0 16px}.pdp-tabs__description-body{font-size:15px;line-height:1.75;color:var(--black-70);margin-bottom:32px}.pdp-tabs__why-kos{font-size:15px;line-height:1.75;color:var(--black-60);margin-top:32px;padding-top:32px;border-top:1px solid var(--black-10)}.pdp-tabs__disclaimer{margin-top:24px;padding-top:20px;border-top:1px solid var(--black-05);font-size:12px;line-height:1.6;color:var(--black-50)}.benefits-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.benefit-item{background:var(--kos-white);border:1px solid var(--black-10);border-radius:14px;padding:20px 24px;display:flex;align-items:flex-start;transition:all var(--transition-base, .3s ease);flex-direction:column}.benefit-item:hover{border-color:var(--kos-green-forest);transform:translateY(-2px);box-shadow:0 8px 24px #2d5a2714}.benefit-item__title{display:block;font-size:15px;font-weight:var(--font-weight-semibold, 600);color:var(--kos-black);margin-bottom:6px}.benefit-item__desc{display:block;font-size:13px;line-height:1.6;color:var(--black-60)}.ingredients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:24px;list-style:none;padding:0}.ingredient-card{background:var(--kos-white);border:1px solid var(--black-10);border-radius:14px;padding:20px;transition:all var(--transition-base, .3s ease)}.ingredient-card:hover{border-color:var(--kos-green-forest);transform:translateY(-2px);box-shadow:0 8px 24px #2d5a271a}.ingredient-card__name{display:block;font-weight:var(--font-weight-semibold, 600);font-size:15px;margin-bottom:4px;color:var(--kos-black)}.ingredient-card__detail{display:block;font-size:13px;color:var(--black-50);line-height:1.5;font-weight:var(--font-weight-medium, 500)}.nutrition-table{width:100%;border-collapse:collapse;margin-top:20px}.nutrition-table th,.nutrition-table td{padding:14px 0;border-bottom:1px solid var(--black-10);text-align:left}.nutrition-table th{font-weight:var(--font-weight-semibold, 600);color:var(--kos-black)}.nutrition-table td{color:var(--black-60)}.nutrition-table td:last-child{text-align:right;color:var(--kos-green-forest);font-weight:var(--font-weight-semibold, 600)}.pdp-tabs__how-to-use-text{font-size:15px;line-height:1.75;color:var(--black-70)}.faq-list{margin:0}.faq-item{border-bottom:1px solid var(--black-10);padding:20px 0}.faq-item:first-child{padding-top:0}.faq-item:last-child{border-bottom:none;padding-bottom:0}.faq-item__question{font-size:15px;font-weight:var(--font-weight-semibold, 600);color:var(--kos-black);margin:0 0 10px}.faq-item__answer{font-size:14px;line-height:1.75;color:var(--black-60);margin:0}.recipes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-top:24px}.recipe-card{background:var(--kos-white);border:1px solid var(--black-10);border-radius:16px;overflow:hidden;transition:all var(--transition-base, .3s ease)}.recipe-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000014}.recipe-card:focus-within{outline:3px solid var(--focus-color, #005fcc);outline-offset:2px}.recipe-card__link{text-decoration:none;color:inherit;display:block}.recipe-card__link:focus{outline:none}.recipe-card__image{aspect-ratio:16 / 10;overflow:hidden;background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.recipe-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.recipe-card:hover .recipe-card__image img{transform:scale(1.05)}.recipe-card__image--placeholder{display:flex;align-items:center;justify-content:center;color:var(--kos-green-forest);font-size:13px;font-weight:var(--font-weight-medium, 500)}.recipe-card__content{padding:20px}.recipe-card__title{font-weight:var(--font-weight-semibold, 600);font-size:16px;margin:0 0 6px;color:var(--kos-black)}.recipe-card__meta{font-size:13px;color:var(--black-50);margin:0}@media(max-width:1024px){.pdp-tabs{padding:var(--space-lg, 24px) 0}.pdp-tabs__header{margin-bottom:32px}.pdp-tabs__layout{grid-template-columns:1fr;gap:24px}.pdp-tabs__tablist{flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;padding-block-end:4px;position:static}.pdp-tabs__tablist::-webkit-scrollbar{display:none}.pdp-tabs__tab{flex-shrink:0;padding:12px;font-size:13px;gap:8px;border:1.5px solid var(--black-10);border-radius:var(--radius-full, 100px);background:var(--kos-white);color:var(--black-50);transition:background .2s ease,color .2s ease,border-color .2s ease,padding .2s ease}.pdp-tabs__tab:hover{border-color:var(--black-10);background:var(--black-03)}.pdp-tabs__tab[aria-selected=true]{border-color:var(--kos-black);background:var(--kos-black);color:var(--kos-white);padding:12px 18px}.pdp-tabs__tab[aria-selected=true] .pdp-tabs__tab-icon svg{stroke:var(--kos-white)}.pdp-tabs__tab-icon{width:18px;height:18px}.pdp-tabs__tab[aria-selected=true]:before{display:none}.pdp-tabs__panels{min-height:auto}.pdp-tabs__panel{padding:28px 24px}.ingredients-grid{grid-template-columns:1fr 1fr}.recipes-grid{grid-template-columns:1fr}}@media(max-width:600px){.pdp-tabs__tab-label{display:none}.pdp-tabs__tab[aria-selected=true] .pdp-tabs__tab-label{display:inline-block}.pdp-tabs__tab{width:44px;height:44px;padding:0;justify-content:center;align-items:center;transition:background .2s ease,color .2s ease,border-color .2s ease}.pdp-tabs__tab[aria-selected=true]{width:auto;height:auto;padding:10px 16px;gap:6px}.pdp-tabs__panel{padding:24px 20px}.ingredients-grid{grid-template-columns:1fr}.steps-list li{gap:16px}}@media(prefers-reduced-motion:reduce){.pdp-tabs__tab,.pdp-tabs__tab-label,.ingredient-card,.benefit-item,.recipe-card,.recipe-card__image img{transition:none}.pdp-tabs__eyebrow-dot{animation:none}}@media(forced-colors:active){.pdp-tabs__tab[aria-selected=true]{border:2px solid CanvasText}.pdp-tabs__tab[aria-selected=true]:before{background:CanvasText}.ingredient-card,.benefit-item,.recipe-card{border:1px solid CanvasText}}@keyframes pdp-tabs-pulse{0%,to{opacity:1}50%{opacity:.5}}
/*# sourceMappingURL=/cdn/shop/t/268/assets/section-pdp-tabs.css.map */