/* 225 Face Care — full component CSS, generated 1:1 from colors_and_type.css class layer.
 * Guarantees the cascade for classes used in literal markup (Bricks only emits
 * assigned-class CSS). Identical rules also live on each Bricks global class. */

/* .h1 */
.h1 { font-family: var(--font-display); font-weight: 300; font-size: var(--fs-hero); line-height: var(--lh-hero); letter-spacing: var(--ls-hero); color: var(--color-brand-navy); margin: 0; }
.h1 { text-transform: none !important; }
/* .h2 */
.h2 { font-family: var(--font-display); font-weight: 400; font-size: var(--fs-h2-bold); line-height: var(--lh-h2); letter-spacing: var(--ls-bold-h2); text-transform: none; color: var(--color-brand-navy); margin: 0; }
.h2 { text-transform: none !important; }
/* .h3 */
.h3 { font-family: var(--font-display); font-weight: 300; font-size: var(--fs-h3); line-height: var(--lh-h3); color: var(--color-brand-navy); margin: 0; }
.h3 { text-transform: none !important; }
/* .h4 */
.h4 { font-family: var(--font-display); font-weight: 400; font-size: var(--fs-h4); line-height: var(--lh-h4); color: var(--color-brand-navy); margin: 0; }
.h4 { text-transform: none !important; }
/* .h5 */
.h5 { text-transform: none !important; }
/* .h6 */
.h6 { text-transform: none !important; }
/* .body */
.body { font-size: var(--fs-body); line-height: var(--lh-body); font-weight: 300; }
/* .overline */
.overline { font-family: var(--font-sans); font-size: var(--fs-overline); font-weight: 500; line-height: var(--lh-tight); letter-spacing: var(--ls-overline); text-transform: uppercase; color: var(--color-brand-navy); }
/* .caption */
.caption { font-size: var(--fs-caption); line-height: var(--lh-tight); color: var(--text-light); }
/* .container */
.container { max-width: var(--content-max-width); margin: 0 auto; padding-left: var(--container-pad-desktop); padding-right: var(--container-pad-desktop); }
@media (max-width: 860px) {
  .container { padding-left: var(--container-pad-mobile); padding-right: var(--container-pad-mobile); }
}
/* .section */
.section { padding-top: var(--section-py-desktop); padding-bottom: var(--section-py-desktop); }
@media (max-width: 860px) {
  .section { padding-top: var(--section-py-mobile); padding-bottom: var(--section-py-mobile); }
}
/* .bg-sand */
.bg-sand { background: var(--color-soft-sand); }
/* .bg-cream */
.bg-cream { background: var(--color-warm-cream); }
/* .bg-deep */
.bg-deep { background: var(--color-deep-navy); color: var(--text-on-dark); }
/* .nav-burger */
.nav-burger { display: none; }
/* .nav-mobile-panel */
.nav-mobile-panel { display: none; }
@media (max-width: 900px) {
  .nav-mobile-panel { flex-direction: column; padding: 4px 24px 22px; }
  .nav-mobile-panel[data-open="true"] { display: flex; background: rgba(240,234,225,0.97); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(214,207,196,0.6); }
}
/* .site-header */
.site-header { position: fixed; top: 0; left: 0; right: 0; z-index: 50; background: rgba(240,234,225,0); border-bottom: 1px solid transparent; transition: background 240ms, border-color 240ms, backdrop-filter 240ms; }
.site-header.is-open { background: rgba(240,234,225,0.92); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom-color: rgba(214,207,196,0.6); }
@media (max-width: 900px) {
  .site-header .nav-links { display: none !important; }
  .site-header .nav-burger { display: inline-flex !important; }
  .site-header .nav-inner { grid-template-columns: 1fr auto !important; gap: 16px !important; }
}
@media (max-width: 860px) {
  .site-header .nav-inner { transition: padding 260ms cubic-bezier(.19,1,.22,1); }
  .site-header .nav-logo { transition: width 260ms cubic-bezier(.19,1,.22,1), height 260ms cubic-bezier(.19,1,.22,1); }
  .site-header.is-scrolled .nav-inner { padding-top: 8px !important; padding-bottom: 8px !important; }
  .site-header.is-scrolled .nav-logo { height: 28px !important; width: 50.3px !important; }
}
/* .footer-intro */
.footer-intro { font-family: var(--font-sans); font-weight: 300; font-size: 14px; line-height: 1.75; margin-top: 28px; opacity: 0.8; max-width: 340px; }
@media (max-width: 860px) {
  .footer-intro { display: none !important; }
}
/* .footer-col-mobile-hide */
@media (max-width: 860px) {
  .footer-col-mobile-hide { display: none !important; }
}
/* .footer__grid */
.footer__grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 56px; }
@media (max-width: 860px) {
  .footer__grid { grid-template-columns: 1fr auto !important; }
}
/* .footer-col-info */
@media (max-width: 860px) {
  .footer-col-info { text-align: right; }
  .footer-col-info .footer-col__list { align-items: flex-end; }
}
/* .footer-logo-link */
.footer-logo-link { display: inline-block; line-height: 0; }
@media (max-width: 860px) {
  #footer .footer-logo-link { display: block; }
}
/* .footer__ig */
.footer__ig { display: inline-flex; align-items: center; gap: 10px; margin-top: 32px; padding: 8px 0; font-family: var(--font-sans); font-size: 11px; font-weight: 500; letter-spacing: 0.18em; text-transform: uppercase; color: var(--color-soft-sand); text-decoration: none; border-bottom: 1px solid rgba(240,234,225,0.4); }
@media (max-width: 860px) {
  .footer__ig { margin-top: 18px !important; }
}
/* .footer__bottom */
.footer__bottom { border-top: 1px solid rgba(240,234,225,0.15); margin-top: 72px; padding-top: 24px; display: flex; justify-content: space-between; align-items: center; gap: 24px; flex-wrap: wrap; font-family: var(--font-sans); font-size: 11px; opacity: 0.55; letter-spacing: 0.04em; }
@media (max-width: 860px) {
  .footer__bottom { margin-top: 28px !important; padding-top: 16px !important; }
}
/* .pc-add-bar */
.pc-add-bar { display: none; }
[data-screen-label="10 Uparite sa"] .pc-add-bar { display: block !important; }
@media (max-width: 860px) {
  .pc-add-bar { display: block; }
}
/* .faq-answer-body */
.faq-answer-body { margin: 0; padding-bottom: 32px; padding-left: 72px; max-width: 720px; font-family: var(--font-sans); font-weight: 300; font-size: 15px; line-height: 1.7; color: var(--text-medium); }
@media (max-width: 860px) {
  .faq-answer-body { padding-left: 0 !important; padding-right: 0 !important; }
  .faq-answer-body { padding-bottom: 20px !important; line-height: 1.5 !important; }
}
/* .phero */
.phero .phero-packshot-mobile { display: none; }
.phero .phero-overline-mobile { display: none; }
.phero { position: relative; background: var(--color-soft-sand); overflow: hidden; }
@media (max-width: 860px) {
  .phero .phero-backdrop { display: none; }
  .phero .phero-wash { display: none; }
  .phero .phero-right-spacer { display: none; }
  .phero .phero-inner { grid-template-columns: 1fr !important; gap: 16px !important; padding: 84px 24px 40px !important; min-height: 0 !important; }
  .phero .phero-packshot-mobile { display: block; }
  .phero .phero-overline-mobile { display: none; }
  .phero .phero-overline-desktop { display: none; }
  .phero .phero-badges { display: none !important; }
  .phero .phero-tagline { display: block !important; }
  .phero h1 { font-size: 30px !important; }
  .phero .phero-stars { margin-top: 6px !important; }
  .phero .phero-tagline { margin-top: 6px !important; }
  .phero .phero-price { margin-top: 18px !important; font-size: 25px !important; }
  .phero .phero-cta { margin-top: 6px !important; }
}
/* .phero-gallery-track */
.phero-gallery-track { scrollbar-width: none; -ms-overflow-style: none; }
.phero-gallery-track::-webkit-scrollbar { display: none; }
.phero-gallery-track { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; border-radius: var(--radius-sm); box-shadow: var(--shadow-hero); }
/* .pr-mobile */
.pr-mobile { display: none; }
@media (max-width: 860px) {
  [data-screen-label="04 Gde se uklapa"] .pr-mobile { display: block !important; }
  [data-screen-label="04 Gde se uklapa"] .pr-mobile > div { row-gap: 0px !important; }
  [data-screen-label="04 Gde se uklapa"] .pr-mobile .pr-step { gap: 8px !important; }
}
/* .pcard__reveal */
.pcard__reveal { max-height: 0; opacity: 0; margin-top: 0; overflow: hidden; transition: max-height 500ms var(--ease-editorial), opacity 400ms var(--ease-editorial), margin-top 500ms var(--ease-editorial); }
@media (max-width: 860px) {
  [data-screen-label="03 Najpopularniji"] .pcard__reveal { display: none !important; }
}
/* .pcarousel */
.pcarousel[data-reveal] { opacity: 1; filter: none; transform: none; transition: none; }
@media (prefers-reduced-motion: reduce) {
  .pcarousel[data-reveal] { opacity: 1 !important; filter: none !important; transform: none !important; transition: none !important; }
  .pcarousel > [data-reveal] { opacity: 1 !important; filter: none !important; transform: none !important; transition: none !important; }
}
@media (max-width: 860px) {
  .pcarousel > [data-reveal] { opacity: 1 !important; filter: none !important; transform: none !important; }
  .pcarousel[data-reveal] { opacity: 0; transform: translateX(34px); filter: blur(6px); transition: opacity 700ms cubic-bezier(.19,1,.22,1), transform 700ms cubic-bezier(.19,1,.22,1), filter 700ms cubic-bezier(.19,1,.22,1); }
  .pcarousel[data-reveal].is-in { opacity: 1; transform: none; filter: blur(0); }
}
/* .pr-desktop */
.pr-desktop .pr-step { text-align: center; text-decoration: none; display: flex; flex-direction: column; align-items: center; gap: 18px; transition: opacity 200ms; }
.pr-desktop .pr-step--inactive { opacity: 0.85; cursor: pointer; }
.pr-desktop .pr-step--inactive:hover { opacity: 1; }
.pr-desktop .pr-step--active { opacity: 1; cursor: default; }
.pr-desktop .pr-step-circle { position: relative; z-index: 1; width: 72px; height: 72px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: var(--font-display); font-weight: 300; font-size: 28px; }
.pr-desktop .pr-step--inactive .pr-step-circle { background: var(--color-soft-sand); border: 1px solid var(--border-soft); box-shadow: 0 0 0 8px var(--color-soft-sand); color: var(--text-medium); }
.pr-desktop .pr-step--active .pr-step-circle { background: var(--product-accent, var(--color-brand-navy)); border: 1px solid var(--product-accent, var(--color-brand-navy)); box-shadow: 0 8px 24px rgba(28,28,46,0.10); color: var(--color-pure-white); }
@media (max-width: 860px) {
  [data-screen-label="04 Gde se uklapa"] .pr-desktop { display: none !important; }
}
/* .usage-grid */
.usage-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 48px; }
@media (max-width: 860px) {
  [data-screen-label="05 Kako se koristi"] .usage-grid { display: flex !important; grid-template-columns: none !important; overflow-x: auto !important; gap: 16px !important; scroll-snap-type: x mandatory; scroll-padding-left: 24px; -webkit-overflow-scrolling: touch; scrollbar-width: none; overflow-y: hidden !important; margin: 0 -24px !important; padding: 4px calc(100vw - 240px) 16px 24px !important; }
  [data-screen-label="05 Kako se koristi"] .usage-grid::-webkit-scrollbar { display: none; }
  [data-screen-label="05 Kako se koristi"] .usage-grid > * { flex: 0 0 auto !important; width: 240px !important; scroll-snap-align: start; gap: 10px !important; padding-top: 18px !important; }
}
/* .usage-step-big */
.usage-step-big { font-family: var(--font-display); font-weight: 300; font-size: 48px; line-height: 1; letter-spacing: -0.02em; }
@media (max-width: 860px) {
  [data-screen-label="05 Kako se koristi"] .usage-step-big { font-size: 38px !important; }
}
/* .pa-grid */
.pa-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; border: 1px solid var(--border-soft); background: var(--color-warm-cream); }
@media (max-width: 860px) {
  [data-screen-label="06 Aktivni sastojci"] .pa-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 1px !important; background: var(--border-soft) !important; }
}
@media (max-width: 520px) {
  [data-screen-label="06 Aktivni sastojci"] .pa-grid { display: flex !important; grid-template-columns: none !important; overflow-x: auto !important; gap: 14px !important; scroll-snap-type: x mandatory; scroll-padding-left: 24px; -webkit-overflow-scrolling: touch; scrollbar-width: none; border: none !important; background: var(--color-warm-cream) !important; overflow-y: hidden !important; margin: 0 -24px !important; padding: 4px calc(100vw - 220px) 16px 24px !important; }
  [data-screen-label="06 Aktivni sastojci"] .pa-grid::-webkit-scrollbar { display: none; }
}
/* .pa-cell */
.pa-cell { padding: 40px 32px; display: flex; flex-direction: column; gap: 20px; min-height: 220px; transition: background 300ms cubic-bezier(.19,1,.22,1); }
.pa-cell:hover { background: var(--color-pure-white); }
.pa-cell:hover .pa-icon { transform: scale(1.18); }
@media (max-width: 860px) {
  [data-screen-label="06 Aktivni sastojci"] .pa-cell { min-height: 0 !important; padding: 18px 16px !important; gap: 8px !important; border: none !important; background: var(--color-warm-cream) !important; }
}
@media (max-width: 520px) {
  [data-screen-label="06 Aktivni sastojci"] .pa-cell { flex: 0 0 auto !important; width: 220px !important; scroll-snap-align: start; border: 1px solid var(--border-soft) !important; border-radius: 4px; }
}
/* .pair-grid */
.pair-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
@media (max-width: 860px) {
  [data-screen-label="10 Uparite sa"] .pair-grid { display: flex !important; grid-template-columns: none !important; overflow-x: auto !important; gap: 16px !important; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; overflow-y: hidden !important; margin: 0 -24px !important; padding: 4px 0 16px 24px !important; }
  [data-screen-label="10 Uparite sa"] .pair-grid::-webkit-scrollbar { display: none; }
  [data-screen-label="10 Uparite sa"] .pair-grid > * { flex: 0 0 auto !important; width: 250px !important; scroll-snap-align: start; }
}
/* .split-2col */
.split-2col { display: grid; grid-template-columns: 1fr 1.4fr; gap: 96px; align-items: start; }
@media (max-width: 860px) {
  [data-screen-label="03 Za koga je"] .split-2col { gap: 28px !important; }
}
@media (max-width: 900px) {
  .split-2col { grid-template-columns: 1fr; gap: 44px; }
}
/* .forwhom-list */
.forwhom-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 24px 48px; }
@media (max-width: 860px) {
  [data-screen-label="03 Za koga je"] .forwhom-list { gap: 0 !important; }
  .forwhom-list { grid-template-columns: 1fr; }
}
/* .forwhom-item */
.forwhom-item { display: flex; gap: 18px; align-items: flex-start; padding: 18px 0; border-top: 1px solid var(--border-soft); }
@media (max-width: 860px) {
  [data-screen-label="03 Za koga je"] .forwhom-item { padding-top: 12px !important; padding-bottom: 12px !important; }
}
/* .pa-desc */
.pa-desc { font-family: var(--font-sans); font-weight: 300; font-size: 15px; line-height: 1.7; color: var(--text-medium); margin: 0; }
@media (max-width: 860px) {
  [data-screen-label="06 Aktivni sastojci"] .pa-desc { line-height: 1.5 !important; }
  .pa-desc { line-height: 1.5 !important; }
}
/* .pfaq-mark */
.pfaq-mark::before { content: ""; position: absolute; background: var(--color-brand-navy); transition: transform 400ms cubic-bezier(.19,1,.22,1), background 200ms; }
.pfaq-mark::after { content: ""; position: absolute; background: var(--color-brand-navy); transition: transform 400ms cubic-bezier(.19,1,.22,1), background 200ms; }
.pfaq-mark::before { top: 50%; left: 0; right: 0; height: 1px; transform: translateY(-50%); }
.pfaq-mark::after { left: 50%; top: 0; bottom: 0; width: 1px; transform: translateX(-50%) scaleY(1); }
.pfaq-mark { width: 32px; height: 32px; position: relative; flex-shrink: 0; }
@media (max-width: 860px) {
  .pfaq-mark { width: 24px !important; height: 24px !important; }
}
/* .pvideo-frame */
.pvideo-frame { margin-top: 56px; border-radius: var(--radius-sm); overflow: hidden; position: relative; aspect-ratio: 16 / 9; box-shadow: 0 24px 64px rgba(0,0,0,0.4); background: var(--color-deep-navy); }
@media (max-width: 860px) {
  [data-screen-label="09 Video"] .pvideo-frame { margin-top: 28px !important; }
}
/* .pair-head */
.pair-head { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 64px; gap: 32px; flex-wrap: wrap; }
@media (max-width: 860px) {
  [data-screen-label="10 Uparite sa"] .pair-head { margin-bottom: 28px !important; }
}
/* .pr-zigstep */
.pr-zigstep { text-align: center; text-decoration: none; display: flex; flex-direction: column; align-items: center; gap: 10px; }
@media (max-width: 860px) {
  [data-screen-label="04 Gde se uklapa"] .pr-zigstep:has(.nowrap) { margin-bottom: -23px !important; }
  [data-screen-label="04 Gde se uklapa"] .pr-zigstep:not(:last-child) .pr-zig-here { margin-bottom: -24px !important; }
}
/* .pcard__body */
.pcard__body { padding: 20px 24px 24px; border-top: 1px solid var(--border-light); }
@media (max-width: 860px) {
  [data-screen-label="10 Uparite sa"] .pcard__body { padding: 14px 16px 16px !important; }
}
@media (max-width: 520px) {
  .pcard__body { padding: 16px 16px 12px; }
}
/* .pcard__name */
.pcard__name { font-family: var(--font-display); font-weight: 400; font-size: 19px; color: var(--color-brand-navy); line-height: 1.25; min-height: 48px; }
@media (max-width: 860px) {
  [data-screen-label="10 Uparite sa"] .pcard__name { min-height: 0 !important; }
}
@media (max-width: 520px) {
  .pcard__name { min-height: 32px; }
}
/* .pcard__meta */
.pcard__meta { display: flex; justify-content: space-between; align-items: baseline; margin-top: 14px; }
@media (max-width: 860px) {
  [data-screen-label="10 Uparite sa"] .pcard__meta { margin-top: 8px !important; }
}
@media (max-width: 520px) {
  .pcard__meta { margin-top: 0; }
}
/* .scart-inner */
.scart-inner { max-width: 1280px; margin: 0 auto; padding: 14px 64px; display: flex; align-items: center; gap: 24px; }
@media (max-width: 860px) {
  .scart-inner { padding: 7px 32px !important; gap: 12px !important; }
}
/* .scart-thumb */
.scart-thumb { width: 56px; height: 56px; border-radius: 4px; overflow: hidden; background: var(--color-soft-sand); flex-shrink: 0; }
.scart-thumb img { width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 860px) {
  .scart-thumb { width: 44px !important; height: 44px !important; }
}
/* .scart-add */
.scart-add { flex-shrink: 0; display: inline-flex; }
@media (max-width: 860px) {
  .scart-add > button { padding: 8px 16px !important; font-size: 11px !important; }
}
/* .pr-step */
.pr-step .pr-step-circle { transition: transform 400ms cubic-bezier(.19,1,.22,1), box-shadow 400ms cubic-bezier(.19,1,.22,1), border-color 200ms, background 200ms, color 200ms; }
/* .pa-icon */
.pa-icon { transition: transform 400ms cubic-bezier(.19,1,.22,1); transform-origin: left center; }
.pa-icon { display: flex; }
/* .pfaq */
.pfaq .pfaq-item > summary::-webkit-details-marker { display: none; }
.pfaq .pfaq-item[open] > summary { color: var(--product-accent); }
.pfaq .pfaq-item[open] .pfaq-mark::before { background: var(--product-accent); }
.pfaq .pfaq-item[open] .pfaq-mark::after { background: var(--product-accent); transform: translateX(-50%) scaleY(0); }
/* .psastav-p */
.psastav-p { font-family: var(--font-sans); font-weight: 300; font-size: 15px; line-height: 1.8; color: var(--text-medium); }
.psastav-p + .psastav-p { margin-top: 16px; }
@media (max-width: 860px) {
  .psastav-p { line-height: 1.5 !important; }
}
/* .pr-note */
.pr-note { margin-top: 24px; font-family: var(--font-sans); font-weight: 400; font-size: 15px; line-height: 1.7; color: var(--text-medium); }
@media (max-width: 860px) {
  .pr-note { line-height: 1.5 !important; }
  .pr-note { margin-top: 12px; line-height: 1.5; }
}
/* .rev-done__text */
.rev-done__text { margin: 16px auto 28px; max-width: 360px; font-family: var(--font-sans); font-weight: 300; font-size: 15px; line-height: 1.7; color: var(--text-medium); }
@media (max-width: 860px) {
  .rev-done__text { line-height: 1.5 !important; }
}
/* .post-layer-desc */
.post-layer-desc { font-family: var(--font-sans); font-weight: 300; font-size: 15px; line-height: 1.7; color: var(--text-medium); }
@media (max-width: 860px) {
  .post-layer-desc { line-height: 1.5 !important; }
}
/* .post-col-li */
.post-col-li { display: flex; gap: 12px; align-items: flex-start; font-family: var(--font-sans); font-weight: 300; font-size: 15px; line-height: 1.6; color: var(--text-dark); }
@media (max-width: 860px) {
  .post-col-li { line-height: 1.5 !important; }
}
/* .post-plist-role */
.post-plist-role { font-family: var(--font-sans); font-weight: 300; font-size: 15px; line-height: 1.6; color: var(--text-medium); }
@media (max-width: 860px) {
  .post-plist-role { line-height: 1.5 !important; }
}
/* .post-faq-answer */
.post-faq-answer { margin: 0; padding-bottom: 24px; max-width: 640px; font-family: var(--font-sans); font-weight: 300; font-size: 15px; line-height: 1.8; color: var(--text-medium); }
@media (max-width: 860px) {
  .post-faq-answer { line-height: 1.5 !important; }
}
/* .post-card-li */
.post-card-li { position: relative; padding-left: 22px; font-family: var(--font-sans); font-weight: 300; font-size: 15px; line-height: 1.55; color: var(--text-dark); }
@media (max-width: 860px) {
  .post-card-li { line-height: 1.5 !important; }
}
/* .k-success-p */
.k-success-p { margin-top: 16px; font-family: var(--font-sans); font-weight: 300; font-size: 15px; line-height: 1.75; color: var(--text-medium); max-width: 420px; margin-left: auto; margin-right: auto; }
@media (max-width: 860px) {
  .k-success-p { line-height: 1.5 !important; }
}
/* .t-hero */
.t-hero { font-family: var(--font-display); font-weight: 300; font-size: 76px; line-height: 1.02; letter-spacing: -0.02em; }
@media (max-width: 860px) {
  .t-hero { font-size: 40px; }
}
/* .t-hero-product */
.t-hero-product { font-family: var(--font-display); font-weight: 300; font-size: 64px; line-height: 1.05; letter-spacing: -0.02em; }
@media (max-width: 860px) {
  .t-hero-product { font-size: 36px; }
}
/* .t-display */
.t-display { font-family: var(--font-display); font-weight: 300; font-size: 52px; line-height: 1.12; letter-spacing: -0.005em; }
@media (max-width: 860px) {
  .t-display { font-size: 31px; }
}
/* .t-title-xl */
.t-title-xl { font-family: var(--font-display); font-weight: 400; font-size: 48px; line-height: 1.05; letter-spacing: 0.04em; }
@media (max-width: 860px) {
  .t-title-xl { font-size: 30px; }
}
/* .t-title */
.t-title { font-family: var(--font-display); font-weight: 400; font-size: 40px; line-height: 1.05; letter-spacing: 0.04em; }
@media (max-width: 860px) {
  .t-title { font-size: 28px; }
}
/* .t-title-sm */
.t-title-sm { font-family: var(--font-display); font-weight: 400; font-size: 32px; line-height: 1.10; }
@media (max-width: 860px) {
  .t-title-sm { font-size: 25px; }
}
/* .t-statement */
.t-statement { font-family: var(--font-display); font-weight: 300; font-size: 32px; line-height: 1.30; letter-spacing: -0.005em; }
@media (max-width: 860px) {
  .t-statement { font-size: 24px; }
}
/* .t-heading */
.t-heading { font-family: var(--font-display); font-weight: 400; font-size: 22px; line-height: 1.30; }
@media (max-width: 860px) {
  .t-heading { font-size: 21px; }
}
/* .t-subheading */
.t-subheading { font-family: var(--font-display); font-weight: 400; font-size: 18px; line-height: 1.25; }
@media (max-width: 860px) {
  .t-subheading { font-size: 17px; }
}
/* .name-sup */
.name-sup { font-size: 0.58em; vertical-align: super; line-height: 0; font-weight: inherit; letter-spacing: 0; }
/* .nowrap */
.nowrap { white-space: nowrap; }
/* .t-lead */
.t-lead { font-family: var(--font-sans); font-weight: 300; font-size: 17px; line-height: 1.75; }
@media (max-width: 860px) {
  .t-lead { line-height: 1.4; }
}
/* .t-body */
.t-body { font-family: var(--font-sans); font-weight: 300; font-size: 15px; line-height: 1.70; }
@media (max-width: 860px) {
  .t-body { line-height: 1.50; }
}
/* .t-body-strong */
.t-body-strong { font-family: var(--font-sans); font-weight: 400; font-size: 15px; line-height: 1.55; }
/* .t-small */
.t-small { font-family: var(--font-sans); font-weight: 300; font-size: 13px; line-height: 1.70; }
@media (max-width: 860px) {
  .t-small { line-height: 1.60; }
}
/* .t-price */
.t-price { font-family: var(--font-sans); font-weight: 300; font-size: 32px; line-height: 1.20; letter-spacing: -0.01em; }
@media (max-width: 860px) {
  .t-price { font-size: 26px; }
}
/* .t-eyebrow */
.t-eyebrow { font-family: var(--font-sans); font-weight: 500; font-size: 11px; line-height: 1.40; letter-spacing: 0.22em; text-transform: uppercase; }
/* .t-label */
.t-label { font-family: var(--font-sans); font-weight: 500; font-size: 12px; line-height: 1.40; letter-spacing: 0.14em; text-transform: uppercase; }
/* .t-micro */
.t-micro { font-family: var(--font-sans); font-weight: 500; font-size: 10px; line-height: 1.40; letter-spacing: 0.22em; text-transform: uppercase; }
/* .t-caption */
.t-caption { font-family: var(--font-sans); font-weight: 300; font-size: 12px; line-height: 1.40; }
/* .c-navy */
.c-navy { color: var(--color-brand-navy); }
/* .c-ink */
.c-ink { color: var(--text-dark); }
/* .c-medium */
.c-medium { color: var(--text-medium); }
/* .c-light */
.c-light { color: var(--text-light); }
/* .c-on-dark */
.c-on-dark { color: var(--text-on-dark); }
/* .psection */
.psection { max-width: var(--content-max-width); margin: 0 auto; padding: 120px var(--page-px); }
@media (max-width: 860px) {
  .psection { padding-top: 60px; padding-bottom: 60px; }
}
/* .peffects */
.peffects { background: var(--color-warm-cream); }
/* .peffects-grid */
.peffects-grid { display: grid; grid-template-columns: 1fr 1.4fr; gap: 96px; align-items: start; }
@media (max-width: 900px) {
  .peffects-grid { grid-template-columns: 1fr; gap: 44px; }
}
@media (max-width: 860px) {
  .peffects-grid { gap: 12px; }
}
/* .peffects-lead */
.peffects-lead { margin-top: 24px; }
.peffects-lead + .peffects-lead { margin-top: 20px; }
/* .peffects-list */
.peffects-list { list-style: none; padding: 0; margin: 0; }
/* .peffects-item */
.peffects-item { display: flex; gap: 16px; align-items: flex-start; padding: 16px 0; border-bottom: 1px solid var(--border-soft); }
/* .peffects-check */
.peffects-check { flex-shrink: 0; margin-top: 3px; }
/* .peffects-note */
.peffects-note { margin-top: 12px; }
/* .eyebrow-mb */
.eyebrow-mb { margin-bottom: var(--sec-eyebrow-mb, 20px); }
/* .btn */
.btn { font-family: var(--font-sans); font-weight: 500; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; padding: 16px 32px; border-radius: var(--radius-xs); cursor: pointer; border: 1px solid transparent; display: inline-flex; align-items: center; justify-content: center; gap: 10px; white-space: nowrap; transition: background 200ms var(--ease-editorial), color 200ms, border-color 200ms; }
/* .btn-primary */
.btn-primary { background: var(--color-brand-navy); color: var(--color-pure-white); }
.btn-primary:hover { background: var(--color-deep-navy); }
/* .btn-ghost */
.btn-ghost { background: transparent; color: var(--color-brand-navy); border-color: var(--color-brand-navy); }
.btn-ghost:hover { background: var(--color-brand-navy); color: var(--color-pure-white); }
/* .btn-onDarkGhost */
.btn-onDarkGhost { background: transparent; color: var(--color-soft-sand); border-color: var(--color-soft-sand); }
.btn-onDarkGhost:hover { background: var(--color-soft-sand); color: var(--color-brand-navy); }
/* .btn-gold */
.btn-gold { background: #C9A86A; color: var(--color-deep-navy); }
.btn-gold:hover { background: #B89455; }
/* .arrow-link */
.arrow-link { display: inline-flex; align-items: center; gap: 12px; font-family: var(--font-sans); font-weight: 500; letter-spacing: 0.18em; text-transform: uppercase; text-decoration: none; padding-bottom: 4px; cursor: pointer; }
.arrow-link:hover .arrow-link__arrow { transform: translateX(4px); }
/* .arrow-link__icon */
.arrow-link__icon { display: inline-flex; width: 18px; position: relative; overflow: hidden; height: 1em; align-items: center; }
/* .arrow-link__arrow */
.arrow-link__arrow { display: inline-flex; align-items: center; font-size: 1.1em; line-height: 1; transition: transform 400ms var(--ease-editorial); }
/* .pcard */
.pcard { display: block; cursor: pointer; text-decoration: none; background: var(--color-pure-white); border: 1px solid var(--border-light); border-radius: var(--radius-sm); overflow: hidden; box-shadow: var(--shadow-soft); transition: transform 400ms var(--ease-editorial), box-shadow 400ms; }
.pcard:hover { transform: translateY(-4px); box-shadow: var(--shadow-lift); }
.pcard:hover .pcard__img { transform: scale(1.06); }
.pcard:hover .pcard__reveal { max-height: 200px; opacity: 1; margin-top: 16px; }
/* .pcard__media */
.pcard__media { position: relative; aspect-ratio: 1 / 1; background: var(--color-soft-sand); overflow: hidden; }
/* .pcard__img */
.pcard__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 600ms var(--ease-editorial); }
/* .pcard__addbtn */
.pcard__addbtn { width: 100%; padding: 12px 16px; background: var(--color-brand-navy); color: var(--color-pure-white); border: 0; border-radius: var(--radius-xs); cursor: pointer; font-family: var(--font-sans); font-weight: 500; font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; box-shadow: 0 8px 24px rgba(28,28,46,0.18); }
/* .pcard__price */
.pcard__price { font-family: var(--font-sans); font-weight: 500; font-size: 14px; color: var(--color-deep-navy); letter-spacing: 0.02em; }
/* .pcard__vol */
.pcard__vol { font-family: var(--font-sans); font-size: 11px; color: var(--text-light); letter-spacing: 0.08em; text-transform: uppercase; }
/* .pcard__desc */
.pcard__desc { font-family: var(--font-sans); font-weight: 300; font-size: 12px; line-height: 1.55; color: var(--text-medium); }
/* .pcard__revealbtn */
.pcard__revealbtn { margin-top: 14px; width: 100%; padding: 12px 16px; background: var(--color-brand-navy); color: var(--color-pure-white); border: 0; border-radius: var(--radius-xs); cursor: pointer; font-family: var(--font-sans); font-weight: 500; font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; transition: background 200ms var(--ease-editorial); }
.pcard__revealbtn:hover { background: var(--color-deep-navy); }
/* .nav-inner */
.nav-inner { max-width: var(--content-max-width); margin: 0 auto; padding: 20px var(--page-px); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 32px; }
/* .nav-logo-link */
.nav-logo-link { cursor: pointer; text-decoration: none; justify-self: start; display: inline-flex; }
/* .nav-links */
.nav-links { display: flex; gap: 28px; justify-content: center; }
/* .nav-link */
.nav-link { font-family: var(--font-sans); font-size: 11px; font-weight: 400; letter-spacing: 0.14em; text-transform: uppercase; color: var(--color-brand-navy); text-decoration: none; border-bottom: 1px solid transparent; padding-bottom: 4px; transition: border-color 200ms; }
.nav-link:hover { border-bottom-color: var(--color-brand-navy); }
/* .nav-actions */
.nav-actions { display: flex; gap: 18px; align-items: center; justify-self: end; }
/* .nav-iconbtn */
.nav-iconbtn { background: none; border: 0; padding: 0; cursor: pointer; line-height: 0; }
/* .nav-cartbtn */
.nav-cartbtn { position: relative; }
/* .nav-cart-badge */
.nav-cart-badge { position: absolute; top: -6px; right: -8px; width: 16px; height: 16px; border-radius: 50%; background: var(--color-brand-navy); color: var(--color-pure-white); font-family: var(--font-sans); font-size: 9px; font-weight: 600; display: flex; align-items: center; justify-content: center; }
/* .nav-mlink */
.nav-mlink { font-family: var(--font-sans); font-size: 13px; font-weight: 400; letter-spacing: 0.16em; text-transform: uppercase; color: var(--color-brand-navy); text-decoration: none; padding: 16px 0; border-bottom: 1px solid rgba(214,207,196,0.45); }
/* .marquee */
.marquee { overflow: hidden; height: 48px; display: flex; align-items: center; }
/* .marquee__track */
.marquee__track { display: flex; white-space: nowrap; animation: marquee225 42s linear infinite; }
/* .marquee__text */
.marquee__text { font-family: var(--font-sans); font-weight: 500; font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase; padding-right: 48px; }
/* .footer */
.footer { background: var(--color-deep-navy); color: var(--color-soft-sand); }
/* .footer__inner */
.footer__inner { max-width: var(--content-max-width); margin: 0 auto; padding: 96px var(--page-px) 32px; }
@media (max-width: 860px) {
  .footer__inner { padding-top: 52px; padding-bottom: 28px; }
}
/* .footer-pay */
.footer-pay { margin-top: 44px; display: flex; flex-wrap: wrap; align-items: center; gap: 16px 22px; }
.footer-pay a { display: inline-flex; align-items: center; }
.footer-pay img { height: 28px; width: auto; display: block; }
@media (max-width: 860px) {
  .footer-pay { margin-top: 32px; gap: 14px 18px; }
  .footer-pay img { height: 26px; }
}
/* .footer-pay-item */
.footer-pay-item { display: inline-flex; align-items: center; }
/* .footer-col__list */
.footer-col__list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 2px; }
/* .footer-link */
.footer-link { font-family: var(--font-sans); font-weight: 300; font-size: 14px; color: var(--color-soft-sand); text-decoration: none; opacity: 0.85; transition: opacity 200ms; }
.footer-link:hover { opacity: 1; }
/* .eyebrow-mb-sm */
.eyebrow-mb-sm { margin-bottom: 12px; }
@media (max-width: 860px) {
  .eyebrow-mb-sm { margin-bottom: 6px; }
}
/* .psastav */
.psastav { margin-top: 28px; border-top: 1px solid var(--border-soft); border-bottom: 1px solid var(--border-soft); }
.psastav > summary { list-style: none; cursor: pointer; padding: 26px 0; display: flex; justify-content: space-between; align-items: center; gap: 24px; font-family: var(--font-display); font-weight: 400; font-size: 24px; line-height: 1.2; color: var(--color-brand-navy); }
.psastav > summary::-webkit-details-marker { display: none; }
.psastav[open] > summary { color: var(--product-accent, var(--color-brand-navy)); }
.psastav[open] .psastav-mark::before { background: var(--product-accent, var(--color-brand-navy)); }
.psastav[open] .psastav-mark::after { background: var(--product-accent, var(--color-brand-navy)); transform: translateX(-50%) scaleY(0); }
/* .psastav-mark */
.psastav-mark { width: 28px; height: 28px; position: relative; flex-shrink: 0; }
.psastav-mark::before { content: ""; position: absolute; background: var(--color-brand-navy); transition: transform 400ms var(--ease-editorial), background 200ms; }
.psastav-mark::after { content: ""; position: absolute; background: var(--color-brand-navy); transition: transform 400ms var(--ease-editorial), background 200ms; }
.psastav-mark::before { top: 50%; left: 0; right: 0; height: 1px; transform: translateY(-50%); }
.psastav-mark::after { left: 50%; top: 0; bottom: 0; width: 1px; transform: translateX(-50%) scaleY(1); }
/* .psastav-body */
.psastav-body { padding-bottom: 36px; max-width: 760px; }
/* .psastav-inci */
.psastav-inci { margin-top: 28px; }
/* .psastav-inci-label */
.psastav-inci-label { font-family: var(--font-sans); font-weight: 500; font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--color-brand-navy); margin-bottom: 12px; }
/* .psastav-inci-text */
.psastav-inci-text { font-family: var(--font-sans); font-weight: 300; font-size: 15px; line-height: 1.5; color: var(--text-medium); }
/* .w-full */
.w-full { width: 100%; }
/* .cart-scrim */
.cart-scrim { position: fixed; inset: 0; background: rgba(28,28,46,0.4); z-index: 100; display: flex; justify-content: flex-end; animation: cartFadeIn 240ms var(--ease-editorial); }
/* .cart-panel */
.cart-panel { width: 440px; max-width: 100%; background: var(--color-soft-sand); padding: 32px 36px; display: flex; flex-direction: column; gap: 28px; animation: cartSlideIn 320ms var(--ease-editorial); }
/* .cart-head */
.cart-head { display: flex; justify-content: space-between; align-items: center; }
/* .cart-close */
.cart-close { background: none; border: 0; cursor: pointer; padding: 0; }
/* .cart-title */
.cart-title { font-family: var(--font-display); font-weight: 300; font-size: 28px; color: var(--color-brand-navy); line-height: 1.2; margin: 0; }
/* .cart-text */
.cart-text { font-family: var(--font-sans); font-weight: 300; font-size: 14px; color: var(--text-medium); line-height: 1.75; margin: 0; }
/* .cart-cta */
.cart-cta { margin-top: auto; }
/* .star-row */
.star-row { display: inline-flex; letter-spacing: 0; }
/* .star */
.star { line-height: 1; transition: color 150ms var(--ease-editorial), transform 150ms; }
/* .prev-card */
.prev-card { flex: 0 0 auto; width: 380px; padding: 36px; background: var(--color-soft-sand); border: 1px solid var(--border-soft); border-radius: var(--radius-sm); display: flex; flex-direction: column; gap: 18px; }
@media (max-width: 860px) {
  .prev-card { width: 300px; padding: 28px; }
}
/* .prev-card__quote */
.prev-card__quote { font-family: var(--font-display); font-weight: 300; font-style: italic; font-size: 19px; line-height: 1.55; color: var(--text-dark); margin: 0; }
/* .prev-card__foot */
.prev-card__foot { margin-top: auto; padding-top: 8px; }
/* .prev-card__name */
.prev-card__name { font-family: var(--font-sans); font-weight: 500; font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--color-brand-navy); }
/* .prev-card__age */
.prev-card__age { font-family: var(--font-sans); font-weight: 300; font-size: 12px; color: var(--text-light); }
/* .prev */
.prev { background: var(--color-warm-cream); overflow: hidden; }
/* .prev-head */
.prev-head { max-width: var(--content-max-width); margin: 0 auto; padding: 140px 64px 0; }
@media (max-width: 860px) {
  [data-screen-label="11 Recenzije"] .prev-head { padding: 40px 24px 0; }
}
/* .prev-head__row */
.prev-head__row { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; flex-wrap: wrap; margin-bottom: var(--sec-head-mb, 72px); }
/* .prev-head__title */
.prev-head__title { flex: 1 1 320px; min-width: 0; }
/* .prev-head__action */
.prev-head__action { flex-shrink: 0; }
/* .prev-rail */
.prev-rail { display: flex; gap: 24px; overflow-x: auto; overflow-y: hidden; cursor: grab; user-select: none; -webkit-user-select: none; padding: 0 64px 140px; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; }
.prev-rail::-webkit-scrollbar { display: none; }
.prev-rail img { -webkit-user-drag: none; }
.prev-rail a { -webkit-user-drag: none; }
@media (max-width: 860px) {
  .prev-rail { padding: 0 0 40px 24px; }
}
/* .rev-scrim */
.rev-scrim { position: fixed; inset: 0; z-index: 90; background: rgba(28,28,46,0.55); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); display: flex; align-items: center; justify-content: center; padding: 20px; animation: revFade 220ms var(--ease-editorial); }
/* .prev-modal */
.prev-modal { position: relative; width: 100%; max-width: 500px; max-height: 92vh; overflow-y: auto; background: var(--color-pure-white); border-radius: var(--radius-md); padding: 44px 44px 40px; box-shadow: 0 40px 110px rgba(28,28,46,0.42); animation: revPop 320ms var(--ease-editorial); }
.prev-modal input::placeholder { color: var(--text-light); }
.prev-modal textarea::placeholder { color: var(--text-light); }
@media (max-width: 860px) {
  .prev-modal { padding: 28px 24px 26px; }
  .prev-modal .rev-form { gap: 12px; margin-top: 18px; }
  .prev-modal .rev-title { font-size: 26px; }
}
@media (max-width: 520px) {
  .prev-modal { padding: 24px 20px 22px; }
  .prev-modal .rev-form { gap: 11px; margin-top: 16px; }
  .prev-modal .rev-title { font-size: 24px; }
}
/* .rev-close */
.rev-close { position: absolute; top: 18px; right: 18px; width: 34px; height: 34px; border: 0; background: transparent; cursor: pointer; color: var(--text-light); font-size: 26px; line-height: 1; }
/* .rev-title */
.rev-title { font-family: var(--font-display); font-weight: 400; font-size: 30px; line-height: 1.1; color: var(--color-brand-navy); margin: 0; }
/* .rev-product */
.rev-product { margin: 8px 0 0; font-family: var(--font-sans); font-weight: 300; font-size: 13px; color: var(--text-light); }
/* .rev-form */
.rev-form { display: flex; flex-direction: column; gap: 18px; margin-top: 28px; }
/* .rev-field */
.rev-field { font-family: var(--font-sans); font-weight: 400; font-size: 15px; color: var(--text-dark); background: var(--color-warm-cream); border: 1px solid var(--border-soft); border-radius: 3px; padding: 13px 15px; width: 100%; outline: none; transition: border-color 200ms; }
.rev-field:focus { border-color: var(--product-accent, var(--color-brand-navy)); }
/* .rev-field--age */
.rev-field--age { flex: 1 1 0; }
/* .rev-field--email */
.rev-field--email { flex: 2 1 0; }
/* .rev-field--area */
.rev-field--area { resize: vertical; line-height: 1.6; }
/* .rev-row */
.rev-row { display: flex; gap: 14px; }
/* .rev-rate */
.rev-rate { display: flex; align-items: center; gap: 16px; padding: 2px 0; }
/* .rev-label */
.rev-label { font-family: var(--font-sans); font-weight: 500; font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--text-medium); }
/* .rev-done */
.rev-done { text-align: center; padding: 16px 4px 8px; }
/* .rev-done__check */
.rev-done__check { width: 64px; height: 64px; margin: 0 auto 24px; border-radius: 50%; border: 1.5px solid var(--product-accent, var(--color-brand-navy)); display: flex; align-items: center; justify-content: center; }
/* .phero-slide */
.phero-slide { flex: 0 0 100%; scroll-snap-align: center; position: relative; aspect-ratio: 1 / 1; background: var(--color-soft-sand); overflow: hidden; }
/* .phero-slide__img */
.phero-slide__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
/* .phero-thumbs */
.phero-thumbs { display: flex; gap: 10px; margin-top: 12px; flex-wrap: wrap; }
/* .phero-thumb */
.phero-thumb { width: 80px; padding: 0; line-height: 0; cursor: pointer; border: 1px solid var(--border-soft); border-radius: var(--radius-sm); overflow: hidden; background: var(--color-soft-sand); aspect-ratio: 1 / 1; transition: border-color 200ms; }
.phero-thumb.is-active { border-color: var(--product-accent, var(--color-brand-navy)); }
.phero-thumb img { width: 100%; height: 100%; object-fit: cover; }
/* .pr-zigwrap */
.pr-zigwrap { position: relative; }
/* .pr-zigline */
.pr-zigline { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; overflow: visible; }
.pr-zigline path { fill: none; stroke: var(--product-accent, var(--color-brand-navy)); stroke-opacity: 0.5; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
/* .pr-ziggrid */
.pr-ziggrid { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; row-gap: 22px; column-gap: 12px; }
/* .pr-zigcircle-wrap */
.pr-zigcircle-wrap { position: relative; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; }
/* .pr-zig-pulse */
.pr-zig-pulse { position: absolute; inset: 0; border-radius: 50%; background: var(--product-accent, var(--color-brand-navy)); animation: stepPulse 3.4s var(--ease-editorial) infinite; pointer-events: none; }
/* .pr-zig-circle */
.pr-zig-circle { position: relative; z-index: 1; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: var(--font-display); font-weight: 300; font-size: 24px; }
/* .pr-zig-name */
.pr-zig-name { font-family: var(--font-display); font-weight: 400; font-size: 15px; line-height: 1.25; color: var(--text-dark); }
/* .pr-zig-here */
.pr-zig-here { font-family: var(--font-sans); font-weight: 500; font-size: 9px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--product-accent, var(--color-brand-navy)); }
/* .mt-36 */
.mt-36 { margin-top: 36px; }
.mt-36 { margin-top: 36px; }
@media (max-width: 860px) {
  .mt-36 { margin-top: 24px; }
}
/* .mt-32 */
.mt-32 { margin-top: 32px; }
/* .section-head */
.section-head { margin-bottom: var(--sec-head-mb, 72px); max-width: 720px; }
/* .phero-inner */
.phero-inner { position: relative; max-width: 1280px; margin: 0 auto; padding: 200px 64px 140px; min-height: 720px; display: grid; grid-template-columns: 1fr 1fr; gap: 0px; align-items: center; }
/* .phero-wash */
.phero-wash { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(240,234,225,0.88) 0%, rgba(240,234,225,0.65) 38%, rgba(240,234,225,0.10) 62%, rgba(240,234,225,0) 100%); }
/* .phero-stars */
.phero-stars { display: inline-flex; margin-top: 28px; text-decoration: none; cursor: pointer; }
/* .phero-tagline */
.phero-tagline { margin-top: 28px; font-family: var(--font-sans); font-weight: 500; font-size: 17px; line-height: 1.4; color: var(--color-brand-navy); }
/* .phero-badges */
.phero-badges { margin-top: 24px; display: flex; gap: 28px; flex-wrap: wrap; }
/* .phero-badge */
.phero-badge { display: flex; gap: 10px; align-items: center; }
/* .phero-badge-label */
.phero-badge-label { font-family: var(--font-sans); font-weight: 400; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--color-brand-navy); }
/* .phero-price */
.phero-price { margin-top: 48px; font-family: var(--font-sans); font-weight: 300; font-size: 32px; line-height: 1.2; color: var(--color-brand-navy); letter-spacing: -0.01em; }
/* .phero-cta */
.phero-cta { margin-top: 32px; display: flex; gap: 16px; align-items: center; }
/* .phero-size */
.phero-size { font-family: var(--font-sans); font-size: 12px; color: var(--text-light); letter-spacing: 0.08em; }
/* .psection-narrow */
.psection-narrow { max-width: 1080px; margin: 0 auto; padding: 120px var(--page-px); }
@media (max-width: 860px) {
  .psection-narrow { padding-top: 60px; padding-bottom: 60px; }
}
/* .pstatement */
.pstatement { padding: 48px 0; border-bottom: 1px solid var(--color-brand-navy); display: flex; align-items: baseline; gap: 32px; }
.pstatement:first-child { border-top: 1px solid var(--color-brand-navy); }
/* .pstatement-num */
.pstatement-num { font-family: var(--font-sans); font-weight: 500; font-size: 12px; letter-spacing: 0.22em; flex-shrink: 0; min-width: 56px; }
/* .forwhom-check */
.forwhom-check { flex-shrink: 0; margin-top: 4px; }
/* .pr-desktop-wrap */
.pr-desktop-wrap { position: relative; }
/* .pr-line */
.pr-line { position: absolute; top: 36px; left: 10%; right: 10%; height: 1px; background: var(--border-soft); z-index: 0; }
/* .pr-grid */
.pr-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; position: relative; z-index: 1; }
/* .pr-circle-wrap */
.pr-circle-wrap { position: relative; width: 72px; height: 72px; display: flex; align-items: center; justify-content: center; }
/* .pr-pulse */
.pr-pulse { position: absolute; inset: 0; border-radius: 50%; background: var(--product-accent, var(--color-brand-navy)); animation: stepPulse 3.4s var(--ease-editorial) infinite; pointer-events: none; }
/* .pr-step-name */
.pr-step-name { font-family: var(--font-display); font-weight: 400; font-size: 18px; line-height: 1.3; min-height: 46px; color: var(--text-dark); }
/* .pr-here */
.pr-here { font-family: var(--font-sans); font-weight: 500; font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--product-accent, var(--color-brand-navy)); }
/* .usage-step */
.usage-step { display: flex; flex-direction: column; gap: 20px; padding-top: 32px; }
/* .usage-step-kicker */
.usage-step-kicker { font-family: var(--font-sans); font-weight: 500; font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--text-light); }
/* .usage-step-title */
.usage-step-title { font-family: var(--font-display); font-weight: 400; font-size: 26px; line-height: 1.2; color: var(--color-brand-navy); margin: 0; }
@media (max-width: 860px) {
  .usage-step-title { font-size: 21px; }
}
/* .pa-name */
.pa-name { font-family: var(--font-display); font-weight: 400; font-size: 22px; line-height: 1.25; color: var(--color-brand-navy); margin: 0; }
/* .pmech */
.pmech { background: var(--color-soft-sand); position: relative; overflow: hidden; }
/* .pmech-inner */
.pmech-inner { max-width: 1000px; margin: 0 auto; padding: 120px var(--page-px); position: relative; }
@media (max-width: 860px) {
  .pmech-inner { padding-top: 60px; padding-bottom: 60px; }
}
/* .psection-1080 */
.psection-1080 { max-width: 1080px; margin: 0 auto; padding: 120px var(--page-px); }
@media (max-width: 860px) {
  .psection-1080 { padding-top: 60px; padding-bottom: 60px; }
}
/* .mb-sechead */
.mb-sechead { margin-bottom: var(--sec-head-mb, 72px); }
/* .faq-list */
.faq-list { border-top: 1px solid var(--border-soft); }
/* .text-left */
.text-left { text-align: left; }
/* .pvideo-el */
.pvideo-el { width: 100%; height: 100%; object-fit: cover; display: block; }
/* .pfaq-item */
.pfaq-item { border-bottom: 1px solid var(--border-soft); }
/* .pfaq-summary */
.pfaq-summary { list-style: none; cursor: pointer; padding: 28px 0; display: flex; justify-content: space-between; align-items: center; gap: 24px; font-family: var(--font-display); font-weight: 400; font-size: 21px; line-height: 1.3; color: var(--color-brand-navy); }
@media (max-width: 860px) {
  .pfaq-summary { padding-top: 10px; padding-bottom: 10px; gap: 10px; font-size: 17px; }
}
/* .pfaq-q */
.pfaq-q { display: flex; gap: 32px; align-items: baseline; }
@media (max-width: 860px) {
  .pfaq-q { gap: 20px; }
}
/* .pfaq-num */
.pfaq-num { font-family: var(--font-sans); font-weight: 500; font-size: 11px; letter-spacing: 0.22em; color: var(--text-light); flex-shrink: 0; }
/* .scart */
.scart { position: fixed; bottom: 0; left: 0; right: 0; z-index: 40; transition: transform 500ms var(--ease-editorial); background: rgba(255,255,255,0.96); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-top: 1px solid var(--border-soft); box-shadow: 0 -8px 28px rgba(28,28,46,0.08); }
/* .scart-title */
.scart-title { display: flex; flex-direction: column; flex: 1; min-width: 0; }
/* .scart-name */
.scart-name { font-family: var(--font-display); font-weight: 400; font-size: 18px; color: var(--color-brand-navy); line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* .scart-meta */
.scart-meta { font-family: var(--font-sans); font-size: 11px; color: var(--text-medium); letter-spacing: 0.1em; margin-top: 2px; white-space: nowrap; }
/* .scart-price */
.scart-price { font-family: var(--font-sans); font-weight: 500; font-size: 16px; color: var(--text-dark); letter-spacing: 0.02em; white-space: nowrap; flex-shrink: 0; }
/* .scart-spacer */
.scart-spacer { flex: 1; min-width: 0; }
/* .page-hero */
.page-hero { position: relative; background: var(--color-soft-sand); overflow: hidden; }
/* .page-hero-bg */
.page-hero-bg { position: absolute; top: -12%; left: -6%; right: -6%; bottom: -12%; background-size: cover; background-position: center; background-repeat: no-repeat; filter: blur(4px) saturate(0.93) brightness(1.04); transform: translate3d(0,0,0) scale(1.12); will-change: transform; }
/* .page-hero-wash */
.page-hero-wash { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(240,234,225,0.38) 0%, rgba(240,234,225,0.22) 45%, rgba(240,234,225,0.32) 100%); }
/* .page-hero-inner */
.page-hero-inner { position: relative; max-width: 980px; margin: 0 auto; padding: 180px var(--page-px) 100px; text-align: center; }
@media (max-width: 860px) {
  .page-hero-inner { padding-top: 112px; padding-bottom: 56px; }
}
/* .cta-panel */
.cta-panel { max-width: 720px; margin: 0 auto; padding: 120px var(--page-px); text-align: center; }
@media (max-width: 860px) {
  .cta-panel { padding-top: 60px; padding-bottom: 60px; }
}
/* .faq-panel */
.faq-panel { max-width: 1080px; margin: 0 auto; padding: 80px var(--page-px) 120px; }
@media (max-width: 860px) {
  .faq-panel { padding-top: 60px; padding-bottom: 60px; }
}
/* .measure-hero-lead */
.measure-hero-lead { margin-top: 28px; max-width: 520px; margin-left: auto; margin-right: auto; }
/* .measure-cta-lead */
.measure-cta-lead { margin-top: 20px; max-width: 480px; margin-left: auto; margin-right: auto; }
/* .eyebrow-mb-32 */
.eyebrow-mb-32 { margin-bottom: 32px; }
/* .btn-row */
.btn-row { margin-top: 40px; display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }
/* .icon-mr-8 */
.icon-mr-8 { margin-right: 8px; }
/* .news-fineprint */
.news-fineprint { margin-top: 20px; font-family: var(--font-sans); font-weight: 300; font-size: 12px; color: var(--text-light); line-height: 1.6; }
/* .faq-tabs */
.faq-tabs { border-bottom: 1px solid var(--border-soft); margin-bottom: 56px; display: flex; gap: 0; flex-wrap: wrap; justify-content: center; }
@media (max-width: 760px) {
  .faq-tabs { border-bottom: 0px solid var(--border-soft); margin-bottom: 24px; }
}
/* .faq-tab */
.faq-tab { background: none; border: 0; cursor: pointer; padding: 20px 32px; font-family: var(--font-sans); font-weight: 500; font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--text-light); position: relative; transition: color 200ms var(--ease-editorial); }
.faq-tab:hover { color: var(--text-medium); }
@media (max-width: 760px) {
  .faq-tab { padding: 16px 20px; }
}
/* .faq-tab-underline */
.faq-tab-underline { position: absolute; left: 16px; right: 16px; bottom: -1px; height: 2px; background: var(--color-brand-navy); transform: scaleX(0); transform-origin: center; transition: transform 400ms var(--ease-editorial); }
/* .hairline-top */
.hairline-top { border-top: 1px solid var(--border-soft); }
/* .news-form */
.news-form { margin-top: 40px; display: flex; gap: 0; max-width: 520px; margin-left: auto; margin-right: auto; border: 1px solid var(--border-soft); border-radius: var(--radius-sm); overflow: hidden; background: var(--color-pure-white); transition: border-color 200ms; }
.news-form:focus-within { border-color: var(--color-brand-navy); }
/* .news-input */
.news-input { flex: 1; background: transparent; border: 0; outline: none; padding: 16px 20px; font-family: var(--font-sans); font-size: 14px; font-weight: 300; color: var(--text-dark); }
/* .news-submit */
.news-submit { background: var(--color-brand-navy); color: var(--color-pure-white); border: 0; padding: 0 28px; cursor: pointer; font-family: var(--font-sans); font-size: 11px; font-weight: 500; letter-spacing: 0.18em; text-transform: uppercase; transition: background 200ms; }
.news-submit:hover { background: var(--color-deep-navy); }
/* .rel */
.rel { position: relative; }
/* .shop-bar */
.shop-bar { position: sticky; top: 76px; z-index: 30; background: transparent; border-top: 1px solid transparent; border-bottom: 1px solid transparent; transition: background 240ms, border-color 240ms, backdrop-filter 240ms; }
.shop-bar.is-stuck { background: rgba(240,234,225,0.86); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-top-color: rgba(214,207,196,0.7); border-bottom-color: rgba(214,207,196,0.7); }
@media (max-width: 860px) {
  .shop-bar { display: none; }
}
/* .shop-filter-bar */
.shop-filter-bar { max-width: 1280px; margin: 0 auto; padding: 20px var(--page-px); display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start; }
@media (max-width: 860px) {
  .shop-filter-bar { grid-template-columns: 1fr; gap: 22px; }
}
/* .shop-gridwrap */
.shop-gridwrap { max-width: 1280px; margin: 0 auto; padding: 20px var(--page-px) 120px; }
@media (max-width: 860px) {
  .shop-gridwrap { padding-top: 60px; padding-bottom: 60px; }
}
/* .shop-countrow */
.shop-countrow { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 32px; font-family: var(--font-sans); font-size: 12px; font-weight: 400; letter-spacing: 0.14em; text-transform: uppercase; color: var(--text-medium); }
/* .shop-reset */
.shop-reset { background: none; border: 0; padding: 0 0 4px; cursor: pointer; font-family: inherit; font-weight: 500; font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--color-brand-navy); border-bottom: 1px solid var(--color-brand-navy); transition: color 200ms; }
/* .shop-grid */
.shop-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--grid-gap); }
@media (max-width: 1024px) {
  .shop-grid { grid-template-columns: repeat(2, 1fr); }
}
/* .shop-empty */
.shop-empty { text-align: center; padding: 100px 32px; font-family: var(--font-display); font-weight: 300; font-size: 22px; color: var(--text-light); }
/* .filter-label */
.filter-label { font-family: var(--font-sans); font-weight: 500; font-size: 10px; letter-spacing: 0.24em; text-transform: uppercase; color: var(--text-light); margin-bottom: 10px; }
/* .chip-row */
.chip-row { display: flex; flex-wrap: wrap; gap: 6px; }
/* .chip */
.chip { background: transparent; color: var(--text-medium); border: 1px solid var(--border-soft); padding: 8px 14px; border-radius: 999px; cursor: pointer; font-family: var(--font-sans); font-weight: 500; font-size: 11px; letter-spacing: 0.08em; transition: background 200ms, color 200ms, border-color 200ms; }
.chip:hover { border-color: var(--color-brand-navy); }
/* .slider-row */
.slider-row { display: flex; align-items: center; gap: 16px; padding-top: 4px; }
/* .slider-track-wrap */
.slider-track-wrap { position: relative; flex: 1; height: 28px; display: flex; align-items: center; }
/* .slider-track */
.slider-track { position: absolute; left: 0; right: 0; height: 2px; background: var(--border-soft); border-radius: 1px; }
/* .slider-fill */
.slider-fill { position: absolute; left: 0; height: 2px; background: var(--color-brand-navy); border-radius: 1px; }
/* .slider-input */
.slider-input { position: relative; z-index: 1; width: 100%; appearance: none; -webkit-appearance: none; background: transparent; outline: none; cursor: pointer; height: 28px; margin: 0; }
/* .slider-value */
.slider-value { font-family: var(--font-sans); font-weight: 500; font-size: 12px; color: var(--color-brand-navy); white-space: nowrap; min-width: 92px; text-align: right; }
/* .sort-select */
.sort-select { appearance: none; -webkit-appearance: none; width: 100%; padding: 10px 36px 10px 14px; background-color: var(--color-pure-white); border: 1px solid var(--border-soft); border-radius: var(--radius-sm); font-family: var(--font-sans); font-weight: 500; font-size: 12px; letter-spacing: 0.06em; color: var(--color-brand-navy); cursor: pointer; outline: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%232B3270' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1L6 6L11 1'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; }
/* .shopcard */
.shopcard { display: flex; flex-direction: column; background: var(--color-pure-white); border: 1px solid var(--border-light); border-radius: var(--radius-sm); overflow: hidden; text-decoration: none; transition: transform 400ms var(--ease-editorial), box-shadow 400ms; box-shadow: var(--shadow-soft); }
.shopcard:hover { transform: translateY(-4px); box-shadow: var(--shadow-lift); }
.shopcard:hover .shopcard-img { transform: scale(1.06); }
.shopcard:hover .shop-add-bar { opacity: 1; transform: translateY(0); pointer-events: auto; }
/* .shopcard-imgwrap */
.shopcard-imgwrap { position: relative; aspect-ratio: 1 / 1; background: var(--color-soft-sand); overflow: hidden; }
/* .shopcard-img */
.shopcard-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 700ms var(--ease-editorial); }
/* .shopcard-badge */
.shopcard-badge { position: absolute; top: 14px; left: 14px; padding: 5px 10px; border-radius: 2px; font-family: var(--font-sans); font-weight: 500; font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase; }
@media (max-width: 860px) {
  .shopcard-badge { top: 0; left: 0; padding: 4px 12px; }
}
/* .shop-add-bar */
.shop-add-bar { position: absolute; left: 14px; right: 14px; bottom: 14px; opacity: 0; transform: translateY(8px); transition: opacity 300ms var(--ease-editorial), transform 400ms var(--ease-editorial); pointer-events: none; }
@media (max-width: 860px) {
  .shop-add-bar { opacity: 1; transform: none; pointer-events: auto; }
  .shop-add-bar { left: 0; right: 0; bottom: 0; }
}
/* .shop-add-btn */
.shop-add-btn { width: 100%; padding: 12px 16px; background: var(--color-brand-navy); color: var(--color-pure-white); border: 0; border-radius: 2px; cursor: pointer; font-family: var(--font-sans); font-weight: 500; font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; box-shadow: 0 8px 24px rgba(28,28,46,0.18); transition: background 200ms; }
.shop-add-btn:hover { background: var(--color-deep-navy); }
@media (max-width: 860px) {
  .shop-add-btn { padding: 8px; }
}
/* .shopcard-body */
.shopcard-body { padding: 22px 24px 24px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
@media (max-width: 860px) {
  .shopcard-body { padding: 12px 8px 8px; gap: 6px; }
}
/* .shopcard-accent */
.shopcard-accent { height: 3px; width: 36px; margin-bottom: 6px; }
/* .shopcard-cat */
.shopcard-cat { font-family: var(--font-sans); font-weight: 500; font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--text-light); }
@media (max-width: 860px) {
  .shopcard-cat { letter-spacing: 0.1em; }
}
/* .shopcard-name */
.shopcard-name { margin: 0; font-family: var(--font-display); font-weight: 400; font-size: 22px; line-height: 1.25; color: var(--color-brand-navy); min-height: 54px; }
@media (max-width: 860px) {
  .shopcard-name { min-height: 26px; font-size: 18px; }
}
@media (max-width: 520px) {
  .shopcard-name { margin: 0; }
}
/* .shopcard-pricerow */
.shopcard-pricerow { margin-top: auto; padding-top: 8px; display: flex; justify-content: space-between; align-items: baseline; }
@media (max-width: 860px) {
  .shopcard-pricerow { padding-top: 0; }
}
/* .shopcard-price */
.shopcard-price { font-family: var(--font-sans); font-weight: 500; font-size: 14px; color: var(--color-deep-navy); letter-spacing: 0.02em; }
/* .shopcard-vol */
.shopcard-vol { font-family: var(--font-sans); font-weight: 300; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--text-light); }
/* .quizcard */
.quizcard { grid-column: span 1; background: var(--color-deep-navy); color: var(--color-soft-sand); border-radius: var(--radius-sm); overflow: hidden; padding: 48px 36px; display: flex; flex-direction: column; gap: 24px; justify-content: space-between; position: relative; min-height: 360px; }
@media (max-width: 1024px) {
  .quizcard { display: none; }
}
/* .quizcard-halo */
.quizcard-halo { display: none; }
/* .quizcard-kicker */
.quizcard-kicker { font-family: var(--font-sans); font-weight: 500; font-size: 10px; letter-spacing: 0.24em; text-transform: uppercase; color: rgba(240,234,225,0.55); margin-bottom: 20px; }
/* .quizcard-title */
.quizcard-title { margin: 0; font-family: var(--font-display); font-weight: 300; font-size: 28px; line-height: 1.2; letter-spacing: -0.005em; color: var(--color-soft-sand); }
/* .quizcard-text */
.quizcard-text { margin: 20px 0 0; font-family: var(--font-sans); font-weight: 300; font-size: 14px; line-height: 1.75; opacity: 0.85; }
/* .home-hero */
.home-hero { position: relative; min-height: 100vh; background: var(--color-soft-sand); overflow: hidden; }
/* .home-hero-bg */
.home-hero-bg { position: absolute; top: -11%; left: 0; right: 0; bottom: -11%; background-size: cover; background-position: center 30%; transform: translate3d(0,0,0) scale(1.08); will-change: transform; }
/* .home-hero-wash */
.home-hero-wash { position: absolute; inset: 0; background: linear-gradient(105deg, rgba(240,234,225,0.92) 0%, rgba(240,234,225,0.78) 38%, rgba(240,234,225,0.35) 70%, rgba(240,234,225,0.15) 100%); }
/* .home-hero-content */
.home-hero-content { position: relative; max-width: 1280px; margin: 0 auto; padding: 200px var(--page-px) 160px; min-height: 100vh; display: flex; flex-direction: column; justify-content: center; }
@media (max-width: 860px) {
  .home-hero-content { padding-top: 116px; padding-bottom: 72px; }
}
/* .measure-720 */
.measure-720 { max-width: 720px; }
/* .home-hero-lead */
.home-hero-lead { margin: 36px 0 44px; max-width: 520px; }
/* .actions-row */
.actions-row { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; }
/* .container-1280 */
.container-1280 { max-width: 1280px; margin: 0 auto; padding: 120px var(--page-px); }
@media (max-width: 860px) {
  .container-1280 { padding-top: 60px; padding-bottom: 60px; }
}
/* .container-1080-center */
.container-1080-center { max-width: 1080px; margin: 0 auto; padding: 120px var(--page-px); text-align: center; }
@media (max-width: 860px) {
  .container-1080-center { padding-top: 60px; padding-bottom: 60px; }
}
/* .head-flush */
.head-flush { display: flex; justify-content: space-between; align-items: flex-end; gap: 32px; flex-wrap: wrap; }
/* .mb-64 */
.mb-64 { margin-bottom: var(--sec-head-mb, 72px); }
/* .mb-56 */
.mb-56 { margin-bottom: var(--sec-head-mb, 72px); }
/* .mw-880 */
.mw-880 { max-width: 880px; }
/* .grid-bestsellers */
.grid-bestsellers { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--grid-gap); }
@media (max-width: 1024px) {
  .grid-bestsellers { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px) {
  .grid-bestsellers { display: flex; grid-template-columns: none; overflow-x: auto; overflow-y: hidden; gap: 16px; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; margin: 0 calc(-1 * var(--page-px)); padding: 4px 0 16px var(--page-px); }
  .grid-bestsellers::-webkit-scrollbar { display: none; }
  .grid-bestsellers > * { flex: 0 0 auto; width: 250px; scroll-snap-align: start; }
  .grid-bestsellers > [data-reveal] { opacity: 1; filter: none; transform: none; }
}
/* .grid-tiles */
.grid-tiles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; }
@media (max-width: 1024px) {
  .grid-tiles { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px) {
  .grid-tiles .tile-label { font-size: 18px; letter-spacing: 0.10em; padding: 14px; }
}
@media (max-width: 400px) {
  .grid-tiles .tile-label { font-size: 15px; letter-spacing: 0.06em; padding: 10px; }
}
/* .novaera-grid */
.novaera-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 88px; align-items: center; }
@media (max-width: 860px) {
  .novaera-grid { grid-template-columns: 1fr; gap: 24px; }
}
/* .novaera-text */
.novaera-text { margin-top: 36px; max-width: 480px; font-family: var(--font-sans); font-weight: 300; font-size: 17px; line-height: 1.75; color: var(--text-medium); }
@media (max-width: 860px) {
  .novaera-text { margin-top: 24px; font-size: 17px; line-height: 1.4; }
}
/* .novaera-img */
.novaera-img { aspect-ratio: 4 / 5; background-size: cover; background-position: center; border-radius: var(--radius-sm); box-shadow: var(--shadow-hero); }
/* .inline-link-bold */
.inline-link-bold { cursor: pointer; color: inherit; font-weight: 700; text-decoration: none; white-space: nowrap; transition: opacity 200ms; }
.inline-link-bold:hover { opacity: 0.7; }
/* .inline-link-accent */
.inline-link-accent { cursor: pointer; font-weight: 500; white-space: nowrap; transition: opacity 200ms; }
.inline-link-accent:hover { opacity: 0.7; }
/* .quizteaser */
.quizteaser { background: var(--color-deep-navy); color: var(--color-soft-sand); }
/* .quizteaser-inner */
.quizteaser-inner { position: relative; max-width: 1000px; margin: 0 auto; padding: 120px var(--page-px); text-align: left; }
@media (max-width: 860px) {
  .quizteaser-inner { padding-top: 60px; padding-bottom: 60px; }
}
/* .quizteaser-text */
.quizteaser-text { margin-top: 48px; font-family: var(--font-sans); font-weight: 300; font-size: 17px; line-height: 1.75; opacity: 0.85; max-width: 720px; margin-left: 0; margin-right: auto; }
@media (max-width: 860px) {
  .quizteaser-text { margin-top: 24px; font-size: 17px; line-height: 1.4; }
}
/* .preporuka-text */
.preporuka-text { margin-top: 48px; font-family: var(--font-display); font-weight: 300; font-size: 28px; line-height: 1.55; letter-spacing: -0.005em; color: var(--text-dark); max-width: 880px; margin-left: auto; margin-right: auto; }
/* .tile */
.tile { position: relative; aspect-ratio: 1 / 1; overflow: hidden; border-radius: var(--radius-sm); display: block; text-decoration: none; }
.tile:hover .tile-img { transform: scale(1.06); }
/* .tile-img */
.tile-img { position: absolute; inset: 0; background-size: cover; background-position: center; transition: transform 600ms var(--ease-editorial); }
/* .tile-halo */
.tile-halo { position: absolute; inset: 0; background: radial-gradient(ellipse 60% 36% at center, rgba(240,234,225,0.78) 0%, rgba(240,234,225,0) 65%); }
/* .tile-label */
.tile-label { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: 24px; font-family: var(--font-display); font-weight: 400; font-size: 24px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--color-brand-navy); text-align: center; text-shadow: 0 1px 12px rgba(240,234,225,0.85); }
/* .testimonials */
.testimonials { background: var(--color-warm-cream); overflow: hidden; padding: 120px 0; }
@media (max-width: 860px) {
  .testimonials { padding-top: 60px; padding-bottom: 60px; }
}
/* .testimonials-head */
.testimonials-head { max-width: 1280px; margin: 0 auto var(--sec-head-mb, 36px); padding: 0 var(--page-px); }
/* .rev-marquee */
.rev-marquee { position: relative; overflow: hidden; }
/* .rev-rail */
.rev-rail { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; cursor: grab; }
.rev-rail::-webkit-scrollbar { display: none; }
.rev-rail.dragging { cursor: grabbing; user-select: none; }
/* .rev-track-row */
.rev-track-row { display: flex; gap: 24px; width: max-content; padding: 0 64px; }
/* .rev-fade-left */
.rev-fade-left { position: absolute; top: 0; bottom: 0; left: 0; width: 90px; background: linear-gradient(90deg, var(--color-warm-cream), transparent); pointer-events: none; }
/* .rev-fade-right */
.rev-fade-right { position: absolute; top: 0; bottom: 0; right: 0; width: 90px; background: linear-gradient(270deg, var(--color-warm-cream), transparent); pointer-events: none; }
/* .review-card */
.review-card { flex: 0 0 auto; width: 420px; padding: 36px; background: var(--color-soft-sand); border: 1px solid var(--border-soft); border-radius: var(--radius-sm); display: flex; flex-direction: column; gap: 18px; }
@media (max-width: 520px) {
  .review-card { width: 78vw; }
}
/* .review-stars */
.review-stars { color: var(--color-brand-navy); font-size: 12px; letter-spacing: 0.3em; }
/* .review-quote */
.review-quote { font-family: var(--font-display); font-weight: 300; font-style: italic; font-size: 19px; line-height: 1.55; color: var(--text-dark); margin: 0; }
/* .review-foot */
.review-foot { margin-top: auto; padding-top: 8px; }
/* .review-name */
.review-name { font-family: var(--font-sans); font-weight: 500; font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--color-brand-navy); }
/* .review-role */
.review-role { font-family: var(--font-sans); font-weight: 300; font-size: 12px; color: var(--text-light); margin-top: 4px; }
/* .np-scrim */
.np-scrim { position: fixed; inset: 0; z-index: 200; display: flex; align-items: center; justify-content: center; padding: 24px; background: rgba(26,32,85,0.55); backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); animation: popupScrimIn 360ms var(--ease-editorial); }
/* .np-card-box */
.np-card-box { position: relative; background: var(--color-pure-white); border-radius: 6px; overflow: hidden; box-shadow: var(--shadow-hero); animation: popupCardIn 720ms var(--ease-editorial); }
/* .np-content */
.np-content { flex: 1; position: relative; padding: 44px 44px 36px; display: flex; flex-direction: column; align-items: center; text-align: center; }
@media (max-width: 720px) {
  .np-content { padding: 22px 22px 22px; }
}
@media (max-width: 520px) {
  .np-content { padding: 18px 18px 20px; }
}
/* .np-close */
.np-close { position: absolute; top: 16px; right: 16px; background: none; border: 0; padding: 6px; cursor: pointer; line-height: 0; }
/* .np-pretext */
.np-pretext { margin: 26px 0 6px; font-family: var(--font-sans); font-weight: 300; font-size: 15px; color: var(--text-medium); }
@media (max-width: 720px) {
  .np-pretext { margin: 12px 0 4px; font-size: 14px; }
}
/* .np-headline */
.np-headline { margin: 0; font-family: var(--font-display); font-weight: 300; font-size: 40px; line-height: 1.05; letter-spacing: -0.01em; color: var(--color-brand-navy); }
@media (max-width: 720px) {
  .np-headline { font-size: 32px; }
}
@media (max-width: 520px) {
  .np-headline { font-size: 28px; }
}
/* .np-subtext */
.np-subtext { margin: 8px 0 0; font-family: var(--font-sans); font-weight: 400; font-size: 14px; letter-spacing: 0.04em; color: var(--text-medium); }
@media (max-width: 720px) {
  .np-subtext { font-size: 13px; }
}
/* .np-form */
.np-form { width: 100%; margin-top: 28px; display: flex; flex-direction: column; gap: 12px; }
@media (max-width: 720px) {
  .np-form { margin-top: 18px; gap: 10px; }
}
@media (max-width: 520px) {
  .np-form { margin-top: 14px; }
}
/* .np-input */
.np-input { width: 100%; background: var(--color-pure-white); border: 1px solid var(--border-soft); border-radius: var(--radius-sm); outline: none; padding: 15px 18px; font-family: var(--font-sans); font-size: 14px; font-weight: 300; color: var(--text-dark); transition: border-color 200ms; }
.np-input:focus { border-color: var(--color-brand-navy); }
@media (max-width: 720px) {
  .np-input { padding: 12px 14px; }
}
/* .np-later */
.np-later { margin-top: 18px; background: none; border: 0; cursor: pointer; font-family: var(--font-sans); font-weight: 500; font-size: 13px; color: var(--color-brand-navy); }
@media (max-width: 720px) {
  .np-later { margin-top: 12px; }
}
/* .np-fineprint */
.np-fineprint { margin: 16px 0 0; max-width: 320px; font-family: var(--font-sans); font-weight: 300; font-size: 11px; font-style: italic; line-height: 1.5; color: var(--text-light); }
@media (max-width: 720px) {
  .np-fineprint { margin-top: 10px; }
}
/* .post-link */
.post-link { color: var(--color-brand-navy); font-weight: 500; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(43,50,112,0.32); text-decoration-thickness: 1px; transition: text-decoration-color 200ms; }
.post-link:hover { text-decoration-color: var(--color-brand-navy); }
/* .post-strong */
.post-strong { color: var(--color-deep-navy); font-weight: 600; }
/* .post-p */
.post-p { margin: 0 0 24px; font-family: var(--font-sans); font-weight: 300; font-size: 17px; line-height: 1.85; color: var(--text-medium); }
/* .post-h2 */
.post-h2 { margin: 56px 0 20px; font-family: var(--font-display); font-weight: 400; font-size: 32px; line-height: 1.15; letter-spacing: -0.005em; color: var(--color-brand-navy); }
/* .post-ul */
.post-ul { list-style: none; padding: 0; margin: 0 0 24px; }
/* .post-li */
.post-li { position: relative; padding-left: 28px; margin-bottom: 16px; font-family: var(--font-sans); font-weight: 300; font-size: 17px; line-height: 1.8; color: var(--text-medium); }
/* .post-bullet */
.post-bullet { position: absolute; left: 2px; top: 12px; width: 7px; height: 7px; border-radius: 50%; background: var(--blog-accent); }
/* .post-steps */
.post-steps { margin: 8px 0 28px; display: flex; flex-direction: column; gap: 28px; }
/* .post-step */
.post-step { display: flex; gap: 24px; align-items: flex-start; }
@media (max-width: 860px) {
  .post-step { gap: 0; }
}
/* .post-step-num */
.post-step-num { flex-shrink: 0; font-family: var(--font-display); font-weight: 300; font-size: 40px; line-height: 1; width: 56px; color: var(--blog-accent); }
/* .post-step-body */
.post-step-body { flex: 1; padding-top: 4px; }
/* .post-step-title */
.post-step-title { margin: 0 0 8px; font-family: var(--font-display); font-weight: 400; font-size: 21px; line-height: 1.2; color: var(--color-brand-navy); }
/* .post-step-text */
.post-step-text { margin: 0; font-family: var(--font-sans); font-weight: 300; font-size: 16px; line-height: 1.75; color: var(--text-medium); }
/* .post-layers */
.post-layers { margin: 8px 0 28px; border: 1px solid var(--border-soft); border-radius: var(--radius-sm); overflow: hidden; background: var(--color-warm-cream); }
/* .post-layer-row */
.post-layer-row { display: grid; grid-template-columns: 0.8fr 1.4fr; gap: 24px; padding: 22px 24px; }
@media (max-width: 860px) {
  .post-layer-row { grid-template-columns: 1fr; gap: 12px; }
}
/* .post-layer-label */
.post-layer-label { font-family: var(--font-display); font-weight: 400; font-size: 18px; line-height: 1.2; color: var(--blog-accent); }
/* .post-layer-sub */
.post-layer-sub { margin-top: 4px; font-family: var(--font-sans); font-weight: 400; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--text-light); }
/* .post-note */
.post-note { margin: 32px 0; padding: 24px 28px; border-radius: var(--radius-sm); background: var(--color-warm-cream); border-left: 2px solid var(--blog-accent); font-family: var(--font-sans); font-weight: 300; font-size: 16px; line-height: 1.75; color: var(--text-medium); }
/* .post-grid2 */
.post-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
@media (max-width: 860px) {
  .post-grid2 { grid-template-columns: 1fr; }
}
/* .my-32 */
.my-32 { margin: 32px 0; }
/* .my-44 */
.my-44 { margin: 44px 0; }
/* .post-col */
.post-col { background: var(--color-pure-white); border: 1px solid var(--border-light); border-radius: var(--radius-sm); padding: 28px 28px; }
/* .post-col-title */
.post-col-title { font-family: var(--font-sans); font-weight: 600; font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase; margin-bottom: 18px; }
/* .post-col-list */
.post-col-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px; }
/* .post-col-icon */
.post-col-icon { flex-shrink: 0; margin-top: 3px; }
/* .post-ph */
.post-ph { margin: 24px 0 28px; }
/* .post-ph-bar */
.post-ph-bar { position: relative; height: 12px; border-radius: 999px; background: linear-gradient(90deg, #C9534A 0%, #E8A55B 34%, #E8E0CF 50%, #6FA8C9 72%, #2B3270 100%); }
/* .post-ph-band */
.post-ph-band { position: absolute; top: -4px; bottom: -4px; border: 2px solid var(--color-brand-navy); border-radius: 6px; }
/* .post-ph-marker */
.post-ph-marker { position: absolute; top: -7px; transform: translateX(-50%); width: 2px; height: 26px; background: var(--color-danger); }
/* .post-ph-scale */
.post-ph-scale { display: flex; justify-content: space-between; margin-top: 12px; font-family: var(--font-sans); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-light); }
/* .post-ph-legend */
.post-ph-legend { display: flex; gap: 24px; margin-top: 16px; flex-wrap: wrap; font-family: var(--font-sans); font-size: 13px; color: var(--text-medium); }
/* .post-ph-leg */
.post-ph-leg { display: flex; align-items: center; gap: 8px; }
/* .post-ph-sw1 */
.post-ph-sw1 { width: 12px; height: 12px; border-radius: 3px; border: 2px solid var(--color-brand-navy); display: inline-block; }
/* .post-ph-sw2 */
.post-ph-sw2 { width: 12px; height: 12px; border-radius: 3px; background: var(--color-danger); display: inline-block; }
/* .post-card-kicker */
.post-card-kicker { font-family: var(--font-sans); font-weight: 600; font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--text-light); margin-bottom: 10px; }
/* .post-card-title */
.post-card-title { margin: 0 0 18px; font-family: var(--font-display); font-weight: 400; font-size: 24px; line-height: 1.15; color: var(--blog-accent); }
/* .post-card-list */
.post-card-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 11px; }
/* .post-card-bullet */
.post-card-bullet { position: absolute; left: 2px; top: 9px; width: 6px; height: 6px; border-radius: 50%; background: var(--blog-accent); }
/* .post-signs */
.post-signs { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 8px 0 28px; }
@media (max-width: 860px) {
  .post-signs { grid-template-columns: 1fr; }
}
/* .post-sign */
.post-sign { display: flex; gap: 12px; align-items: center; background: var(--color-warm-cream); border: 1px solid var(--border-soft); border-radius: var(--radius-sm); padding: 14px 18px; font-family: var(--font-sans); font-weight: 400; font-size: 15px; color: var(--text-dark); }
/* .post-sign-dot */
.post-sign-dot { flex-shrink: 0; width: 7px; height: 7px; border-radius: 50%; background: var(--blog-accent); }
/* .post-prod */
.post-prod { display: flex; flex-direction: column; background: var(--color-pure-white); border: 1px solid var(--border-light); border-radius: var(--radius-sm); overflow: hidden; text-decoration: none; transition: transform 400ms var(--ease-editorial), box-shadow 400ms; box-shadow: var(--shadow-soft); }
.post-prod:hover { transform: translateY(-4px); box-shadow: var(--shadow-lift); }
/* .post-prod-head */
.post-prod-head { display: flex; gap: 18px; padding: 22px; align-items: center; }
/* .post-prod-thumb */
.post-prod-thumb { width: 72px; height: 72px; flex-shrink: 0; border-radius: var(--radius-sm); overflow: hidden; background: var(--color-soft-sand); }
/* .post-prod-img */
.post-prod-img { width: 100%; height: 100%; object-fit: cover; }
/* .post-prod-meta */
.post-prod-meta { display: flex; flex-direction: column; gap: 6px; }
/* .post-prod-tag */
.post-prod-tag { font-family: var(--font-sans); font-weight: 600; font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase; }
/* .post-prod-name */
.post-prod-name { margin: 0; font-family: var(--font-display); font-weight: 400; font-size: 20px; line-height: 1.15; color: var(--color-brand-navy); }
/* .post-prod-body */
.post-prod-body { padding: 0 22px 22px; display: flex; flex-direction: column; flex: 1; }
/* .post-prod-desc */
.post-prod-desc { margin: 0 0 18px; font-family: var(--font-sans); font-weight: 300; font-size: 14px; line-height: 1.6; color: var(--text-medium); }
/* .post-prod-link */
.post-prod-link { margin-top: auto; display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-sans); font-weight: 600; font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; }
/* .post-plist */
.post-plist { list-style: none; padding: 0; margin: 8px 0 28px; border-top: 1px solid var(--border-soft); }
/* .post-plist-li */
.post-plist-li { padding: 18px 0; border-bottom: 1px solid var(--border-soft); display: flex; flex-direction: column; gap: 6px; }
/* .post-plist-name */
.post-plist-name { font-family: var(--font-display); font-weight: 400; font-size: 19px; line-height: 1.25; color: var(--color-brand-navy); }
/* .post-pull */
.post-pull { margin: 48px 0; padding: 8px 0 8px 30px; border-left: 2px solid var(--blog-accent); font-family: var(--font-display); font-weight: 300; font-style: italic; font-size: 28px; line-height: 1.35; letter-spacing: -0.005em; color: var(--color-brand-navy); }
/* .post-cta */
.post-cta { text-align: center; margin: 64px 0 32px; padding: 56px 32px; border-radius: 6px; background: var(--color-deep-navy); color: var(--color-soft-sand); }
/* .post-cta-text */
.post-cta-text { margin: 0 0 28px; font-family: var(--font-display); font-weight: 300; font-size: 30px; line-height: 1.2; color: var(--color-soft-sand); }
/* .post-cta-row */
.post-cta-row { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
/* .post-cta-btn */
.post-cta-btn { display: inline-block; padding: 15px 28px; border-radius: 2px; background: var(--color-soft-sand); color: var(--color-brand-navy); text-decoration: none; font-family: var(--font-sans); font-weight: 500; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; transition: background 200ms; }
.post-cta-btn:hover { background: var(--color-pure-white); }
/* .post-faq */
.post-faq { margin: 64px 0 8px; }
/* .post-faq-h2 */
.post-faq-h2 { margin: 0 0 12px; font-family: var(--font-display); font-weight: 400; font-size: 32px; line-height: 1.15; color: var(--color-brand-navy); }
@media (max-width: 860px) {
  .post-faq-h2 { font-size: 24px; }
}
/* .post-faq-summary */
.post-faq-summary { cursor: pointer; padding: 22px 0; display: flex; justify-content: space-between; align-items: center; gap: 20px; font-family: var(--font-display); font-weight: 400; font-size: 21px; line-height: 1.3; color: var(--color-brand-navy); }
@media (max-width: 860px) {
  .post-faq-summary { font-size: 17px; padding-top: 12px; padding-bottom: 12px; gap: 12px; }
}
/* .post-related */
.post-related { margin: 48px 0 8px; border-top: 1px solid var(--border-soft); padding-top: 28px; }
/* .post-related-label */
.post-related-label { font-family: var(--font-sans); font-weight: 600; font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--text-light); margin-bottom: 16px; }
/* .post-related-list */
.post-related-list { display: flex; flex-direction: column; gap: 12px; }
/* .post-related-link */
.post-related-link { font-family: var(--font-display); font-weight: 400; font-size: 19px; line-height: 1.3; color: var(--color-brand-navy); text-decoration: none; display: inline-flex; align-items: baseline; gap: 10px; transition: opacity 200ms; }
.post-related-link:hover { opacity: 0.65; }
/* .post-related-arrow */
.post-related-arrow { color: var(--blog-accent); }
/* .pt-100 */
.pt-100 { padding-top: 100px; }
/* .mb-26 */
.mb-26 { margin-bottom: 26px; }
/* .post-head */
.post-head { max-width: 760px; margin: 0 auto; padding: 48px 24px 0; }
@media (max-width: 860px) {
  .post-head { padding-top: 8px; }
}
/* .post-back */
.post-back { display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-sans); font-weight: 500; font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--text-light); text-decoration: none; transition: color 200ms; }
.post-back:hover { color: var(--color-brand-navy); }
/* .post-title */
.post-title { margin: 0; font-family: var(--font-display); font-weight: 300; font-size: 64px; line-height: 1.04; letter-spacing: -0.02em; color: var(--color-brand-navy); }
@media (max-width: 900px) {
  .post-title { font-size: 48px; }
}
@media (max-width: 860px) {
  .post-title { font-size: 40px; }
}
@media (max-width: 520px) {
  .post-title { font-size: 33px; }
}
/* .post-lede */
.post-lede { margin-top: 26px; max-width: 620px; font-family: var(--font-sans); font-weight: 300; font-size: 20px; line-height: 1.6; color: var(--text-medium); }
@media (max-width: 860px) {
  .post-lede { font-size: 18px; line-height: 1.5; margin-top: 16px; }
}
/* .post-meta */
.post-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 32px; font-family: var(--font-sans); font-size: 13px; font-weight: 300; letter-spacing: 0.04em; color: var(--text-light); border-top: 1px solid var(--border-soft); border-bottom: 1px solid var(--border-soft); padding: 16px 0; }
@media (max-width: 860px) {
  .post-meta { margin-top: 22px; gap: 10px; }
}
/* .post-meta-dot */
.post-meta-dot { width: 3px; height: 3px; border-radius: 50%; background: var(--text-light); }
/* .post-herowrap */
.post-herowrap { max-width: 1080px; margin: 0 auto; padding: 40px 24px 0; }
@media (max-width: 860px) {
  .post-herowrap { padding-top: 24px; }
}
/* .post-heroframe */
.post-heroframe { position: relative; aspect-ratio: 16 / 9; overflow: hidden; border-radius: var(--radius-sm); background: var(--color-warm-cream); box-shadow: var(--shadow-lift); }
/* .post-heroimg */
.post-heroimg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
/* .post-article */
.post-article { max-width: 760px; margin: 0 auto; padding: 56px 24px 40px; }
/* .post-footer */
.post-footer { border-top: 1px solid var(--border-soft); margin-top: 8px; padding-top: 28px; display: flex; flex-direction: column; align-items: flex-start; gap: 20px; }
/* .post-disclaimer */
.post-disclaimer { margin: 0; max-width: 520px; font-family: var(--font-sans); font-weight: 300; font-size: 13px; line-height: 1.7; color: var(--text-light); }
/* .k-form-wrap */
.k-form-wrap { max-width: 720px; margin: 0 auto; padding: 120px var(--page-px); }
@media (max-width: 860px) {
  .k-form-wrap { padding-top: 60px; padding-bottom: 60px; }
  .k-form-wrap { padding-top: 60px; padding-bottom: 60px; }
}
/* .ab-manifest */
.ab-manifest { max-width: 980px; margin: 0 auto; padding: 120px var(--page-px); text-align: left; }
@media (max-width: 860px) {
  .ab-manifest { padding-top: 60px; padding-bottom: 60px; }
  .ab-manifest { padding-top: 60px; padding-bottom: 60px; }
}
/* .ab-allages */
.ab-allages { max-width: 1280px; margin: 0 auto; padding: 120px var(--page-px); }
@media (max-width: 860px) {
  .ab-allages { padding-top: 60px; padding-bottom: 60px; }
  .ab-allages { padding-top: 60px; padding-bottom: 60px; }
}
/* .ab-cta */
.ab-cta { max-width: 980px; margin: 0 auto; padding: 120px var(--page-px); text-align: center; }
@media (max-width: 860px) {
  .ab-cta { padding-top: 60px; padding-bottom: 60px; }
  .ab-cta { text-align: left; }
  .ab-cta { padding-top: 60px; padding-bottom: 60px; }
}
/* .ab-gallery */
.ab-gallery { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0; }
/* .legal-head */
.legal-head { max-width: 880px; margin: 0 auto; padding: 180px var(--page-px) 24px; }
@media (max-width: 860px) {
  .legal-head { padding-top: 112px; padding-bottom: 16px; }
}
/* .legal-body */
.legal-body { max-width: 880px; margin: 0 auto; padding: 8px var(--page-px) 120px; }
@media (max-width: 860px) {
  .legal-body { padding-bottom: 60px; }
}
/* .legal-title */
.legal-title { margin: 24px 0 0; font-family: var(--font-display); font-weight: 300; font-size: 56px; line-height: 1.05; letter-spacing: -0.02em; color: var(--color-brand-navy); }
@media (max-width: 860px) {
  .legal-title { font-size: 34px; }
}
/* .legal-updated */
.legal-updated { margin: 20px 0 0; font-family: var(--font-sans); font-weight: 400; font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--text-light); }
/* .legal-rule */
.legal-rule { height: 4px; width: 60px; background: var(--color-brand-navy); margin-top: 32px; }
/* .legal-p */
.legal-p { margin: 18px 0 0; font-family: var(--font-sans); font-weight: 300; font-size: 16px; line-height: 1.8; color: var(--text-medium); }
/* .legal-h */
.legal-h { margin: 48px 0 0; font-family: var(--font-display); font-weight: 400; font-size: 24px; line-height: 1.2; letter-spacing: -0.005em; color: var(--color-brand-navy); }
/* .legal-ul */
.legal-ul { margin: 16px 0 0; padding-left: 20px; }
/* .legal-li */
.legal-li { margin: 8px 0 0; font-family: var(--font-sans); font-weight: 300; font-size: 16px; line-height: 1.7; color: var(--text-medium); }
/* .legal-dl */
.legal-dl { margin: 20px 0 0; }
/* .legal-dl-row */
.legal-dl-row { display: flex; gap: 24px; align-items: baseline; padding: 12px 0; border-top: 1px solid var(--border-soft); flex-wrap: wrap; }
/* .legal-dt */
.legal-dt { min-width: 220px; flex-shrink: 0; font-family: var(--font-sans); font-weight: 500; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--text-light); }
@media (max-width: 860px) {
  .legal-dt { min-width: 0; }
}
/* .legal-dd */
.legal-dd { margin: 0; font-family: var(--font-sans); font-weight: 300; font-size: 15px; color: var(--text-dark); }
/* .legal-art */
.legal-art { display: flex; gap: 24px; align-items: baseline; padding: 18px 0 0; margin-top: 14px; border-top: 1px solid var(--border-soft); }
/* .legal-art-n */
.legal-art-n { min-width: 72px; flex-shrink: 0; font-family: var(--font-sans); font-weight: 600; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--color-brand-navy); }
/* .legal-art-p */
.legal-art-p { margin: 0; font-family: var(--font-sans); font-weight: 300; font-size: 16px; line-height: 1.8; color: var(--text-medium); }
/* .ab-manifest-text */
.ab-manifest-text { margin-top: 36px; font-family: var(--font-sans); font-weight: 300; font-size: 18px; line-height: 1.75; color: var(--text-dark); max-width: 700px; margin-left: 0; margin-right: auto; }
@media (max-width: 860px) {
  .ab-manifest-text { margin-top: 24px; font-size: 15px; line-height: 1.5; }
}
/* .ab-values-head */
.ab-values-head { margin-bottom: 36px; text-align: center; }
@media (max-width: 860px) {
  .ab-values-head { text-align: left; }
  .ab-values-head { margin-bottom: 24px; }
}
/* .ab-values-grid */
.ab-values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; border: 1px solid var(--border-soft); }
@media (max-width: 860px) {
  .ab-values-grid { grid-template-columns: 1fr; }
}
/* .ab-value */
.ab-value { padding: 56px 40px; display: flex; flex-direction: column; gap: 28px; background: var(--color-warm-cream); border-right: 1px solid var(--border-soft); transition: background 300ms var(--ease-editorial); }
.ab-value:last-child { border-right: none; }
.ab-value:hover { background: var(--color-pure-white); }
.ab-value:hover .ab-value-icon { transform: scale(1.15); }
@media (max-width: 860px) {
  .ab-value { border-right: none; border-bottom: 1px solid var(--border-soft); padding: 28px 22px; gap: 16px; }
  .ab-value:last-child { border-bottom: none; }
}
/* .ab-value-num */
.ab-value-num { font-family: var(--font-sans); font-weight: 500; font-size: 11px; letter-spacing: 0.22em; color: var(--text-light); }
/* .ab-value-icon */
.ab-value-icon { display: flex; transition: transform 400ms var(--ease-editorial); transform-origin: left center; }
/* .ab-value-title */
.ab-value-title { margin: 0; font-family: var(--font-display); font-weight: 400; font-size: 22px; line-height: 1.2; letter-spacing: 0.04em; text-transform: uppercase; color: var(--color-brand-navy); }
@media (max-width: 860px) {
  .ab-value-title { font-size: 19px; }
}
/* .ab-gallery-tile */
.ab-gallery-tile { display: block; overflow: hidden; position: relative; line-height: 0; }
.ab-gallery-tile:hover .ab-gallery-img { transform: scale(1.08); }
/* .ab-gallery-img */
.ab-gallery-img { display: block; width: 100%; height: auto; transition: transform 900ms var(--ease-editorial); transform: scale(1); will-change: transform; }
/* .ab-phil-head */
.ab-phil-head { text-align: center; margin-bottom: 36px; }
@media (max-width: 860px) {
  .ab-phil-head { text-align: left; }
  .ab-phil-head { margin-bottom: 24px; }
}
/* .ab-phil-intro */
.ab-phil-intro { max-width: 720px; margin: 0 auto; display: flex; flex-direction: column; gap: 20px; font-family: var(--font-sans); font-weight: 300; font-size: 17px; line-height: 1.75; color: var(--text-dark); text-align: center; }
.ab-phil-intro p { margin: 0; }
@media (max-width: 860px) {
  .ab-phil-intro { text-align: left; }
  .ab-phil-intro { margin-left: 0; margin-right: 0; max-width: none; }
  .ab-phil-intro { gap: 8px; font-size: 15px; line-height: 1.5; }
}
/* .ab-steps */
.ab-steps { margin-top: 80px; position: relative; }
@media (max-width: 860px) {
  .ab-steps { margin-top: 48px; }
  .ab-steps { margin-top: 40px; }
}
/* .ab-steps-line */
.ab-steps-line { position: absolute; top: 28px; left: 8%; right: 8%; height: 1px; background: var(--border-soft); }
@media (max-width: 860px) {
  .ab-steps-line { display: none; }
}
/* .ab-steps-grid */
.ab-steps-grid { position: relative; display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; }
@media (max-width: 860px) {
  .ab-steps-grid { grid-template-columns: 1fr 1fr; row-gap: 22px; column-gap: 12px; z-index: 1; }
}
/* .ab-step */
.ab-step { display: flex; flex-direction: column; align-items: center; gap: 16px; cursor: default; }
.ab-step:hover .ab-step-circle { transform: scale(1.12); box-shadow: 0 0 0 8px var(--color-soft-sand), 0 8px 24px rgba(28,28,46,0.12); border-color: var(--color-brand-navy); }
.ab-step:hover .ab-step-icon { transform: scale(1.08); }
@media (max-width: 860px) {
  .ab-step { gap: 10px; }
  .ab-step:nth-child(1) { grid-column: 1; grid-row: 1; }
  .ab-step:nth-child(2) { grid-column: 2; grid-row: 2; }
  .ab-step:nth-child(3) { grid-column: 1; grid-row: 3; }
  .ab-step:nth-child(4) { grid-column: 2; grid-row: 4; }
  .ab-step:nth-child(5) { grid-column: 1; grid-row: 5; }
}
/* .ab-step-circle */
.ab-step-circle { width: 56px; height: 56px; border-radius: 50%; background: var(--color-soft-sand); border: 1px solid var(--border-soft); box-shadow: 0 0 0 8px var(--color-soft-sand); display: flex; align-items: center; justify-content: center; transition: transform 400ms var(--ease-editorial), box-shadow 400ms var(--ease-editorial), border-color 200ms; }
/* .ab-step-icon */
.ab-step-icon { display: flex; transition: transform 400ms var(--ease-editorial); }
/* .ab-step-label */
.ab-step-label { font-family: var(--font-sans); font-weight: 500; font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--text-medium); }
/* .ab-zigline */
.ab-zigline { display: none; }
@media (max-width: 860px) {
  .ab-zigline { display: block; position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; overflow: visible; }
  .ab-zigline path { fill: none; stroke: var(--color-brand-navy); stroke-opacity: 0.4; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
}
/* .ab-allages-grid */
.ab-allages-grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: 96px; align-items: center; }
@media (max-width: 900px) {
  .ab-allages-grid { grid-template-columns: 1fr; gap: 44px; }
}
@media (max-width: 860px) {
  .ab-allages-grid { gap: 28px; }
}
/* .ab-allages-text */
.ab-allages-text { margin-top: 36px; font-family: var(--font-sans); font-weight: 300; font-size: 17px; line-height: 1.85; color: var(--text-medium); max-width: 520px; }
@media (max-width: 860px) {
  .ab-allages-text { margin-top: 24px; font-size: 15px; line-height: 1.5; max-width: none; }
}
/* .ab-allages-quote */
.ab-allages-quote { margin-top: 20px; font-family: var(--font-sans); font-weight: 300; font-size: 17px; line-height: 1.75; color: var(--color-brand-navy); max-width: 520px; }
@media (max-width: 860px) {
  .ab-allages-quote { margin-top: 12px; font-size: 15px; line-height: 1.5; max-width: none; }
}
/* .ab-cta-h */
.ab-cta-h { max-width: 720px; margin-left: auto; margin-right: auto; }
@media (max-width: 860px) {
  .ab-cta-h { margin-left: 0; margin-right: 0; max-width: none; }
  .ab-cta-h { margin-top: 0; }
}
/* .ab-cta-row */
.ab-cta-row { margin-top: 36px; display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; }
@media (max-width: 860px) {
  .ab-cta-row { justify-content: flex-start; margin-top: 16px; }
}
/* .mw-480 */
.mw-480 { max-width: 480px; }
/* .ab-klinika */
.ab-klinika { max-width: 1080px; margin: 0 auto; padding: 120px var(--page-px); text-align: center; }
@media (max-width: 860px) {
  .ab-klinika { padding-top: 60px; padding-bottom: 60px; }
}
/* .ab-klinika-h */
.ab-klinika-h { margin-top: 0; }
/* .ab-toggle */
.ab-toggle { display: inline-flex; gap: 4px; margin-top: 28px; padding: 5px; background: var(--color-pure-white); border: 1px solid var(--border-soft); border-radius: var(--radius-pill); }
/* .ab-toggle-btn */
.ab-toggle-btn { border: 0; background: transparent; padding: 11px 30px; border-radius: var(--radius-pill); font-family: var(--font-sans); font-weight: 500; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--text-light); cursor: pointer; transition: background var(--dur-fast) var(--ease-editorial), color var(--dur-fast); }
.ab-toggle-btn:hover { color: var(--text-medium); }
.ab-toggle-btn.is-active { background: var(--color-brand-navy); color: var(--color-pure-white); }
.ab-toggle-btn.is-active:hover { background: var(--color-brand-navy); color: var(--color-pure-white); }
@media (max-width: 860px) {
  .ab-toggle-btn { padding: 10px 24px; }
}
/* .ab-klinika-stack */
.ab-klinika-stack { display: grid; max-width: 760px; margin: 28px auto 0; }
/* .ab-klinika-panel */
.ab-klinika-panel { grid-area: 1 / 1; margin: 0; padding: 34px 38px; border-radius: var(--radius-md); text-align: left; transition: opacity 340ms var(--ease-editorial); }
.ab-klinika-panel.is-teorija { background: var(--color-warm-cream); border: 1px solid var(--border-soft); }
.ab-klinika-panel.is-praksa { background: var(--color-brand-navy); border: 1px solid var(--color-brand-navy); }
.ab-klinika-panel.is-hidden { opacity: 0; visibility: hidden; pointer-events: none; }
.ab-klinika-panel.is-shown { opacity: 1; visibility: visible; }
@media (max-width: 860px) {
  .ab-klinika-panel { padding: 22px 22px; }
}
/* .ab-klinika-tag */
.ab-klinika-tag { font-family: var(--font-sans); font-weight: 600; font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; margin-bottom: 14px; }
/* .ab-klinika-text */
.ab-klinika-text { margin: 0; font-family: var(--font-sans); font-weight: 300; font-size: 18px; line-height: 1.7; }
@media (max-width: 860px) {
  .ab-klinika-text { font-size: 15px; line-height: 1.6; }
}
/* .ab-diff-grid */
.ab-diff-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; background: var(--border-soft); border: 1px solid var(--border-soft); border-radius: var(--radius-sm); overflow: hidden; }
@media (max-width: 860px) {
  .ab-diff-grid { grid-template-columns: 1fr; }
}
/* .ab-diff */
.ab-diff { background: var(--color-soft-sand); padding: 36px 34px; }
@media (max-width: 860px) {
  .ab-diff { padding: 26px 22px; }
}
/* .ab-diff-num */
.ab-diff-num { font-family: var(--font-sans); font-weight: 600; font-size: 12px; letter-spacing: 0.18em; color: var(--text-light); margin-bottom: 16px; }
/* .ab-diff-title */
.ab-diff-title { margin: 0 0 10px; font-family: var(--font-display); font-weight: 400; font-size: 22px; line-height: 1.25; color: var(--color-brand-navy); }
@media (max-width: 860px) {
  .ab-diff-title { font-size: 20px; }
}
/* .ab-cta-links */
.ab-cta-links { margin-top: 32px; display: flex; flex-wrap: wrap; gap: 10px 12px; justify-content: center; align-items: center; }
@media (max-width: 860px) {
  .ab-cta-links { justify-content: flex-start; }
}
/* .ab-cta-links-lab */
.ab-cta-links-lab { font-family: var(--font-sans); font-size: 12px; letter-spacing: 0.04em; color: var(--text-light); margin-right: 4px; }
/* .ab-cta-link */
.ab-cta-link { font-family: var(--font-sans); font-weight: 500; font-size: 12px; letter-spacing: 0.04em; color: var(--color-brand-navy); text-decoration: none; padding: 8px 15px; border: 1px solid var(--border-soft); border-radius: var(--radius-pill); background: var(--color-pure-white); transition: border-color var(--dur-fast), color var(--dur-fast); }
.ab-cta-link:hover { border-color: var(--color-brand-navy); }
/* .ab-cta-link--blog */
.ab-cta-link--blog { background: transparent; border-color: transparent; }
.ab-cta-link--blog:hover { color: var(--color-deep-navy); }
/* .ab-eco */
.ab-eco { max-width: 1280px; margin: 0 auto; padding: 120px var(--page-px); }
@media (max-width: 860px) {
  .ab-eco { padding-top: 60px; padding-bottom: 60px; }
}
/* .ab-eco-grid */
.ab-eco-grid { display: grid; grid-template-columns: 1.3fr 1fr; gap: 64px; align-items: center; }
@media (max-width: 860px) {
  .ab-eco-grid { grid-template-columns: 1fr; gap: 40px; }
}
/* .ab-eco-lead */
.ab-eco-lead { margin-top: 20px; max-width: 520px; font-family: var(--font-sans); font-weight: 300; font-size: 17px; line-height: 1.75; color: var(--text-medium); }
@media (max-width: 860px) {
  .ab-eco-lead { font-size: 15px; line-height: 1.5; max-width: none; }
}
/* .ab-eco-feats */
.ab-eco-feats { margin-top: 32px; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
@media (max-width: 860px) {
  .ab-eco-feats { grid-template-columns: 1fr; }
}
/* .ab-eco-feat */
.ab-eco-feat { display: flex; gap: 12px; align-items: flex-start; background: var(--color-warm-cream); border: 1px solid var(--border-soft); border-radius: var(--radius-sm); padding: 18px; transition: transform var(--dur-base) var(--ease-editorial), box-shadow var(--dur-base); }
.ab-eco-feat:hover { transform: translateY(-3px); box-shadow: var(--shadow-lift); }
.ab-eco-feat b { display: block; font-family: var(--font-sans); font-weight: 500; font-size: 14px; color: var(--text-dark); margin-bottom: 3px; }
.ab-eco-feat span { font-family: var(--font-sans); font-weight: 300; font-size: 13px; line-height: 1.5; color: var(--text-medium); }
/* .ab-eco-check */
.ab-eco-check { flex: none; width: 30px; height: 30px; border-radius: var(--radius-pill); background: var(--color-soft-sand); display: inline-flex; align-items: center; justify-content: center; }
/* .ab-eco-viz */
.ab-eco-viz { display: flex; flex-direction: column; align-items: center; gap: 20px; }
.ab-eco-viz.is-in .ab-eco-fill { height: 99%; }
/* .ab-eco-bottle */
.ab-eco-bottle { position: relative; width: 118px; height: 240px; margin: 6px auto 0; display: flex; flex-direction: column; align-items: center; }
/* .ab-eco-lid */
.ab-eco-lid { position: relative; width: 62px; height: 44px; border: 2px solid var(--color-brand-navy); border-radius: 9px 9px 3px 3px; background: var(--color-pure-white); z-index: 2; }
.ab-eco-lid::before { content: ""; position: absolute; top: 15px; left: 50%; transform: translateX(-50%); width: 24px; height: 4px; border-radius: 2px; background: var(--color-brand-navy); opacity: 0.5; }
/* .ab-eco-body */
.ab-eco-body { position: relative; margin-top: -2px; width: 118px; flex: 1; border: 2px solid var(--color-brand-navy); border-radius: 22px 22px 18px 18px; background: var(--color-pure-white); overflow: hidden; }
.ab-eco-body::after { content: ""; position: absolute; left: -1px; right: -1px; bottom: 28px; height: 2px; background: var(--color-brand-navy); opacity: 0.4; z-index: 3; }
/* .ab-eco-fill */
.ab-eco-fill { position: absolute; left: 0; right: 0; bottom: 0; height: 0; z-index: 1; background: linear-gradient(180deg, rgba(43,50,112,0.82), var(--color-brand-navy)); transition: height 1500ms var(--ease-editorial) 250ms; }
/* .ab-eco-cap */
.ab-eco-cap { text-align: center; }
.ab-eco-cap b { display: block; font-family: var(--font-display); font-weight: 400; font-size: 18px; color: var(--color-brand-navy); }
.ab-eco-cap span { font-family: var(--font-sans); font-weight: 300; font-size: 13px; color: var(--text-light); }
/* .ab-proof-grid */
.ab-proof-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
@media (max-width: 860px) {
  .ab-proof-grid { grid-template-columns: 1fr; }
}
/* .ab-proof */
.ab-proof { margin: 0; position: relative; background: var(--color-pure-white); border: 1px solid var(--border-soft); border-radius: var(--radius-sm); padding: 32px 30px 28px; }
/* .ab-proof-mark */
.ab-proof-mark { position: absolute; top: 10px; right: 22px; font-family: var(--font-display); font-weight: 400; font-size: 56px; line-height: 1; color: var(--border-soft); }
/* .ab-proof-q */
.ab-proof-q { margin: 0; font-family: var(--font-display); font-weight: 300; font-size: 20px; line-height: 1.4; color: var(--color-brand-navy); }
@media (max-width: 860px) {
  .ab-proof-q { font-size: 18px; }
}
/* .ab-proof-a */
.ab-proof-a { margin-top: 18px; font-family: var(--font-sans); font-weight: 500; font-size: 13px; letter-spacing: 0.04em; color: var(--text-medium); }
/* .ab-proof-note */
.ab-proof-note { margin-top: 24px; font-family: var(--font-sans); font-weight: 300; font-size: 12px; color: var(--text-light); }
/* .text-center */
.text-center { text-align: center; }
/* .mt-8 */
.mt-8 { margin-top: 8px; }
/* .k-methods-grid */
.k-methods-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; border: 1px solid var(--border-soft); background: var(--color-warm-cream); }
@media (max-width: 860px) {
  .k-methods-grid { grid-template-columns: 1fr; }
}
/* .k-method */
.k-method { padding: 56px 40px; display: flex; flex-direction: column; gap: 24px; text-align: left; text-decoration: none; border-right: 1px solid var(--border-soft); transition: background 300ms var(--ease-editorial); }
.k-method:last-child { border-right: none; }
.k-method:hover { background: var(--color-pure-white); }
.k-method:hover .k-method-icon { transform: scale(1.12); }
@media (max-width: 860px) {
  .k-method { border-right: none; border-bottom: 1px solid var(--border-soft); padding: 18px 24px; gap: 6px; }
  .k-method:last-child { border-bottom: none; }
}
/* .k-method-icon */
.k-method-icon { display: flex; transform-origin: left center; transition: transform 400ms var(--ease-editorial); }
@media (max-width: 860px) {
  .k-method-icon svg { width: 28px; height: 28px; }
}
/* .k-method-label */
.k-method-label { font-family: var(--font-sans); font-weight: 500; font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--text-light); }
/* .k-method-value */
.k-method-value { font-family: var(--font-display); font-weight: 400; font-size: 22px; line-height: 1.3; color: var(--color-brand-navy); word-break: break-word; }
@media (max-width: 860px) {
  .k-method-value { font-size: 19px; }
}
/* .k-method-note */
.k-method-note { margin: 0; font-family: var(--font-sans); font-weight: 300; font-size: 13px; line-height: 1.75; color: var(--text-medium); }
@media (max-width: 860px) {
  .k-method-note { font-size: 12px; line-height: 1.5; }
}
/* .k-form-head */
.k-form-head { margin-bottom: 48px; text-align: center; }
@media (max-width: 860px) {
  .k-form-head { margin-bottom: 24px; }
}
/* .k-field */
.k-field { width: 100%; padding: 16px 18px; background: var(--color-pure-white); border: 1px solid var(--border-soft); border-radius: var(--radius-sm); font-family: var(--font-sans); font-weight: 300; font-size: 15px; color: var(--text-dark); outline: none; transition: border-color 200ms var(--ease-editorial); }
.k-field:focus { border-color: var(--color-brand-navy); }
.k-field::placeholder { color: var(--text-light); }
@media (max-width: 860px) {
  .k-field { padding: 12px 14px; }
}
/* .k-textarea */
.k-textarea { min-height: 160px; resize: vertical; line-height: 1.7; }
@media (max-width: 860px) {
  .k-textarea { min-height: 120px; }
}
/* .k-select */
.k-select { appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%232B3270' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1L6 6L11 1'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 18px center; padding-right: 44px; }
/* .k-label */
.k-label { display: block; margin-bottom: 10px; font-family: var(--font-sans); font-weight: 500; font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--text-medium); }
@media (max-width: 860px) {
  .k-label { margin-bottom: 6px; }
}
/* .k-form */
.k-form { display: flex; flex-direction: column; gap: 24px; }
@media (max-width: 860px) {
  .k-form { gap: 14px; }
}
/* .k-form-row */
.k-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
@media (max-width: 860px) {
  .k-form-row { grid-template-columns: 1fr; gap: 14px; }
}
/* .k-form-note */
.k-form-note { margin: 0; text-align: center; font-family: var(--font-sans); font-size: 12px; font-weight: 300; color: var(--text-light); line-height: 1.6; }
/* .k-success */
.k-success { text-align: center; padding: 64px 32px; background: var(--color-pure-white); border: 1px solid var(--border-soft); border-radius: var(--radius-sm); }
/* .k-success-check */
.k-success-check { width: 56px; height: 56px; border-radius: 50%; background: var(--color-brand-navy); color: var(--color-pure-white); display: inline-flex; align-items: center; justify-content: center; margin-bottom: 24px; }
/* .k-success-h */
.k-success-h { margin: 0; font-family: var(--font-display); font-weight: 300; font-size: 28px; line-height: 1.2; color: var(--color-brand-navy); }
/* .k-success-strong */
.k-success-strong { font-weight: 500; color: var(--text-dark); }
/* .k-company-grid */
.k-company-grid { display: grid; grid-template-columns: 1fr 1fr 1.4fr; gap: 40px; }
@media (max-width: 900px) {
  .k-company-grid { grid-template-columns: 1fr; gap: 44px; }
}
/* .k-col */
.k-col { display: flex; flex-direction: column; gap: 12px; }
/* .k-co-name */
.k-co-name { font-family: var(--font-display); font-weight: 400; font-size: 22px; color: var(--color-brand-navy); line-height: 1.3; }
/* .k-co-addr */
.k-co-addr { font-family: var(--font-sans); font-weight: 300; font-size: 14px; line-height: 1.75; color: var(--text-medium); }
/* .k-co-ids */
.k-co-ids { padding-top: 16px; margin-top: 8px; border-top: 1px solid var(--border-soft); font-family: var(--font-sans); font-weight: 300; font-size: 12px; line-height: 1.85; color: var(--text-light); letter-spacing: 0.04em; }
/* .k-hours */
.k-hours { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 14px; }
/* .k-hours-row */
.k-hours-row { display: flex; justify-content: space-between; gap: 16px; padding: 10px 0; border-bottom: 1px solid var(--border-soft); }
/* .k-hours-day */
.k-hours-day { font-family: var(--font-sans); font-weight: 400; font-size: 13px; color: var(--text-dark); }
/* .k-hours-time */
.k-hours-time { font-family: var(--font-sans); font-weight: 300; font-size: 13px; }
/* .k-map */
.k-map { display: block; position: relative; aspect-ratio: 4 / 3; overflow: hidden; border-radius: var(--radius-sm); text-decoration: none; background: var(--color-soft-sand); border: 1px solid var(--border-soft); }
/* .k-map-svg */
.k-map-svg { display: block; position: absolute; inset: 0; }
/* .k-map-label */
.k-map-label { position: absolute; left: 16px; bottom: 16px; background: var(--color-pure-white); padding: 10px 14px; border-radius: var(--radius-sm); font-family: var(--font-sans); font-size: 11px; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; color: var(--color-brand-navy); box-shadow: 0 4px 12px rgba(28,28,46,0.08); display: flex; gap: 8px; align-items: center; }
/* .k-map-arrow */
.k-map-arrow { font-size: 14px; }
/* .b-featured-wrap */
.b-featured-wrap { max-width: 1280px; margin: 0 auto; padding: 40px var(--page-px) 0px; }
/* .mb-32 */
.mb-32 { margin-bottom: 32px; }
/* .mt-12 */
.mt-12 { margin-top: 12px; }
/* .b-featured */
.b-featured { display: grid; grid-template-columns: 1fr 1fr; background: var(--color-pure-white); border: 1px solid var(--border-light); border-radius: var(--radius-sm); overflow: hidden; text-decoration: none; transition: transform 400ms var(--ease-editorial), box-shadow 400ms; box-shadow: var(--shadow-soft); }
.b-featured:hover { transform: translateY(-4px); box-shadow: 0 4px 12px rgba(28,28,46,0.06), 0 16px 40px rgba(28,28,46,0.08); }
.b-featured:hover .b-featured-img { transform: scale(1.05); }
.b-featured:hover .b-read-arrow { transform: translateX(4px); }
@media (max-width: 860px) {
  .b-featured { grid-template-columns: 1fr; }
}
/* .b-featured-imgwrap */
.b-featured-imgwrap { position: relative; overflow: hidden; background: var(--color-soft-sand); }
@media (max-width: 860px) {
  .b-featured-imgwrap { aspect-ratio: 16 / 11; }
}
/* .b-featured-img */
.b-featured-img { position: absolute; inset: 0; background-position: center; background-size: cover; transition: transform 700ms var(--ease-editorial); }
/* .b-featured-body */
.b-featured-body { padding: 56px; display: flex; flex-direction: column; justify-content: center; gap: 24px; }
@media (max-width: 860px) {
  .b-featured-body { padding: 32px 24px; }
}
/* .b-featured-cat */
.b-featured-cat { font-family: var(--font-sans); font-weight: 500; font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--color-brand-navy); }
/* .b-featured-excerpt */
.b-featured-excerpt { margin: 0; font-family: var(--font-sans); font-weight: 300; font-size: 16px; line-height: 1.75; color: var(--text-medium); max-width: 480px; }
/* .b-meta */
.b-meta { font-family: var(--font-sans); font-weight: 300; font-size: 12px; color: var(--text-light); letter-spacing: 0.08em; display: flex; gap: 12px; align-items: center; }
/* .b-meta-dot */
.b-meta-dot { opacity: 0.4; }
/* .b-read */
.b-read { display: inline-flex; align-items: center; gap: 12px; padding-bottom: 6px; border-bottom: 1px solid var(--color-brand-navy); font-family: var(--font-sans); font-size: 11px; font-weight: 500; letter-spacing: 0.18em; text-transform: uppercase; color: var(--color-brand-navy); }
/* .b-read-arrow */
.b-read-arrow { display: inline-block; transition: transform 400ms var(--ease-editorial); }
/* .b-grid-wrap */
.b-grid-wrap { max-width: 1280px; margin: 0 auto; padding: 80px var(--page-px) 120px; }
@media (max-width: 860px) {
  .b-grid-wrap { padding-top: 40px; padding-bottom: 60px; }
}
/* .b-grid */
.b-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--grid-gap); }
@media (max-width: 1024px) {
  .b-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px) {
  .b-grid { grid-template-columns: 1fr; }
}
/* .b-card */
.b-card { display: flex; flex-direction: column; background: var(--color-pure-white); border: 1px solid var(--border-light); border-radius: var(--radius-sm); overflow: hidden; text-decoration: none; transition: transform 400ms var(--ease-editorial), box-shadow 400ms; box-shadow: var(--shadow-soft); }
.b-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lift); }
.b-card:hover .b-card-img { transform: scale(1.06); }
/* .b-card-imgwrap */
.b-card-imgwrap { position: relative; aspect-ratio: 4 / 3; overflow: hidden; background: var(--color-soft-sand); }
/* .b-card-img */
.b-card-img { position: absolute; inset: 0; background-size: cover; background-position: center; transition: transform 700ms var(--ease-editorial); }
/* .b-card-body */
.b-card-body { padding: 24px 28px 28px; display: flex; flex-direction: column; gap: 14px; flex: 1; }
/* .b-card-cat */
.b-card-cat { font-family: var(--font-sans); font-weight: 500; font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--color-brand-navy); }
/* .b-card-title */
.b-card-title { margin: 0; font-family: var(--font-display); font-weight: 400; font-size: 22px; line-height: 1.25; color: var(--color-brand-navy); }
/* .b-card-excerpt */
.b-card-excerpt { margin: 0; font-family: var(--font-sans); font-weight: 300; font-size: 14px; line-height: 1.7; color: var(--text-medium); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
/* .b-card-meta */
.b-card-meta { margin-top: auto; padding-top: 12px; font-family: var(--font-sans); font-weight: 300; font-size: 11px; color: var(--text-light); letter-spacing: 0.08em; display: flex; gap: 10px; align-items: center; }
/* .nf */
.nf { position: relative; overflow: hidden; min-height: 100vh; display: flex; align-items: center; background: var(--color-soft-sand); }
/* .nf-bg */
.nf-bg { position: absolute; inset: 0; background-size: cover; background-position: center; background-repeat: no-repeat; }
/* .nf-wash */
.nf-wash { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(240,234,225,0.94) 0%, rgba(240,234,225,0.82) 42%, rgba(240,234,225,0.30) 72%, rgba(240,234,225,0.05) 100%); }
/* .nf-inner */
.nf-inner { position: relative; max-width: 1280px; margin: 0 auto; width: 100%; padding: 200px var(--page-px) 140px; }
@media (max-width: 860px) {
  .nf-inner { padding-top: 130px; padding-bottom: 80px; }
}
/* .measure-620 */
.measure-620 { max-width: 620px; }
/* .nf-404 */
.nf-404 { margin: 0; font-family: var(--font-display); font-weight: 300; font-size: 140px; line-height: 0.92; letter-spacing: -0.03em; color: var(--color-brand-navy); }
@media (max-width: 860px) {
  .nf-404 { font-size: 96px; }
}
/* .nf-rule */
.nf-rule { height: 4px; width: 60px; background: var(--color-brand-navy); margin: 28px 0 32px; }
/* .nf-h2 */
.nf-h2 { margin: 0; font-family: var(--font-display); font-weight: 300; font-size: 36px; line-height: 1.15; letter-spacing: -0.01em; color: var(--color-brand-navy); }
@media (max-width: 860px) {
  .nf-h2 { font-size: 28px; }
}
/* .nf-p */
.nf-p { margin-top: 24px; max-width: 480px; font-family: var(--font-sans); font-weight: 300; font-size: 17px; line-height: 1.75; color: var(--text-medium); }
/* .nf-ps */
.nf-ps { margin-top: 20px; font-family: var(--font-display); font-weight: 400; font-style: italic; font-size: 17px; line-height: 1.5; color: var(--color-brand-navy); }
/* .nf-actions */
.nf-actions { margin-top: 40px; display: flex; gap: 16px; flex-wrap: wrap; }
/* .nf-btn */
.nf-btn { display: inline-flex; align-items: center; justify-content: center; padding: 16px 32px; border-radius: 2px; text-decoration: none; font-family: var(--font-sans); font-weight: 500; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; transition: background 200ms, color 200ms; }
/* .nf-btn-primary */
.nf-btn-primary { background: var(--color-brand-navy); color: var(--color-pure-white); }
.nf-btn-primary:hover { background: var(--color-deep-navy); }
/* .nf-btn-ghost */
.nf-btn-ghost { background: transparent; color: var(--color-brand-navy); border: 1px solid var(--color-brand-navy); }
.nf-btn-ghost:hover { background: var(--color-brand-navy); color: var(--color-pure-white); }
/* .shop-fab */
.shop-fab { display: none; }
@media (max-width: 860px) {
  .shop-fab { position: fixed; left: 50%; transform: translateX(-50%); bottom: 22px; z-index: 60; display: inline-flex; align-items: center; gap: 10px; padding: 14px 24px; border: 0; border-radius: 999px; background: var(--color-brand-navy); color: var(--color-pure-white); font-family: var(--font-sans); font-weight: 500; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; cursor: pointer; box-shadow: 0 8px 28px rgba(28,28,46,0.28); }
  .shop-fab:active { transform: translateX(-50%) scale(0.97); }
}
/* .shop-fab-badge */
.shop-fab-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: var(--color-pure-white); color: var(--color-brand-navy); font-size: 10px; font-weight: 600; letter-spacing: 0; }
/* .shop-sheet-scrim */
.shop-sheet-scrim { position: fixed; inset: 0; z-index: 70; background: rgba(26,32,85,0.45); display: flex; align-items: flex-end; justify-content: center; animation: sheetScrimIn 240ms var(--ease-editorial); }
/* .shop-sheet */
.shop-sheet { width: 100%; max-width: 560px; background: var(--color-soft-sand); border-radius: 20px 20px 0 0; padding: 10px 24px calc(24px + env(safe-area-inset-bottom, 0px)); max-height: 82vh; display: flex; flex-direction: column; box-shadow: 0 -12px 40px rgba(28,28,46,0.22); animation: sheetUp 340ms var(--ease-editorial); }
/* .shop-sheet-grip */
.shop-sheet-grip { width: 40px; height: 4px; border-radius: 999px; background: var(--border-soft); margin: 4px auto 16px; }
/* .shop-sheet-head */
.shop-sheet-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
/* .shop-sheet-title */
.shop-sheet-title { font-family: var(--font-display); font-weight: 400; font-size: 22px; color: var(--color-brand-navy); }
/* .shop-sheet-close */
.shop-sheet-close { background: none; border: 0; padding: 6px; cursor: pointer; line-height: 0; }
/* .shop-sheet-body */
.shop-sheet-body { display: flex; flex-direction: column; gap: 28px; overflow-y: auto; }
/* .shop-sheet-foot */
.shop-sheet-foot { display: flex; gap: 16px; align-items: center; margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--border-soft); }
.shop-sheet-foot .btn { flex: 1; }
/* .shop-sheet-reset */
.shop-sheet-reset { flex-shrink: 0; background: none; border: 0; padding: 4px; cursor: pointer; font-family: var(--font-sans); font-weight: 500; font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--text-medium); }