/* Alicin ("Laboratoř stroužku"): the design of the alicin template, loaded after alicin-shop.css (the shop pages).
   White paper with a faint lab grid, ink for text and buttons, violet for links, amber for calls to action, and
   one tone per product of the range (green, violet, amber, teal; .alicin-tone-1 … 4) that tints its card, its
   rail item and its whole detail page. Bricolage Grotesque for headings, Instrument Sans for text, JetBrains Mono
   for labels. The homepage hero animates how allicin forms in a crushed clove (.alicin-lab, alicin.js). */

:root {
    --alicin-paper: #ffffff;
    --alicin-mist: #f3f4f0;
    --alicin-line: #dcdfd6;
    --alicin-ink: #16211b;
    --alicin-text: #2c3730;
    --alicin-muted: #56625a;
    --alicin-violet: #6a2c70;
    --alicin-violet-soft: #f3e9f2;
    --alicin-green: #2e6b3a;
    --alicin-green-soft: #e6f0e1;
    --alicin-amber: #e8a221;
    --alicin-amber-ink: #8a5300;
    --alicin-amber-soft: #fdf1d8;
    --alicin-teal: #1d6f73;
    --alicin-teal-soft: #dff0ef;
    --alicin-font-display: 'Bricolage Grotesque', system-ui, sans-serif;
    --alicin-font-body: 'Instrument Sans', system-ui, sans-serif;
    --alicin-font-mono: 'JetBrains Mono', ui-monospace, monospace;
}

/* one tone per product of the range: pc = colour, pcs = soft background, pct = text on the colour, pci = coloured text */
.alicin-tone-1 { --pc: var(--alicin-green); --pcs: var(--alicin-green-soft); --pct: #ffffff; --pci: var(--alicin-green); }
.alicin-tone-2 { --pc: var(--alicin-violet); --pcs: var(--alicin-violet-soft); --pct: #ffffff; --pci: var(--alicin-violet); }
.alicin-tone-3 { --pc: var(--alicin-amber); --pcs: var(--alicin-amber-soft); --pct: var(--alicin-ink); --pci: var(--alicin-amber-ink); }
.alicin-tone-4 { --pc: var(--alicin-teal); --pcs: var(--alicin-teal-soft); --pct: #ffffff; --pci: var(--alicin-teal); }

body.alicin-body {
    background: var(--alicin-paper);
    color: var(--alicin-ink);
    font-family: var(--alicin-font-body);
    font-size: 16px;
    line-height: 1.55;
    -webkit-font-smoothing: antialiased;
}

.alicin-body h1,
.alicin-body h2,
.alicin-body h3 {
    color: var(--alicin-ink);
    font-family: var(--alicin-font-display) !important;
    font-weight: 750 !important;
    letter-spacing: -0.02em;
    margin: 0;
}

.alicin-body p { margin: 0; }
.alicin-body a { color: inherit; }
.alicin-body a:hover { color: inherit; }
.alicin-body img { max-width: 100%; }
.alicin-body .container-xl { max-width: 1280px; padding-left: 40px; padding-right: 40px; }

.alicin-skip { background: var(--alicin-ink); border-radius: 12px; color: #ffffff !important; left: 16px; padding: 10px 16px; position: absolute; top: -80px; z-index: 2000; }
.alicin-skip:focus { top: 16px; }

.alicin-mono {
    font-family: var(--alicin-font-mono);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.alicin-body .alicin-kicker {
    align-items: center;
    color: var(--alicin-violet);
    display: inline-flex;
    font-family: var(--alicin-font-mono);
    font-size: 12px;
    font-weight: 600;
    gap: 8px;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.alicin-body .alicin-kicker::before {
    background: var(--alicin-amber);
    border-radius: 50%;
    box-shadow: 0 0 0 4px var(--alicin-amber-soft);
    content: "";
    flex: none;
    height: 8px;
    width: 8px;
}

.alicin-text-link {
    border-bottom: 2px solid var(--alicin-violet-soft);
    color: var(--alicin-violet) !important;
    font-weight: 600;
    padding-bottom: 2px;
    text-decoration: none !important;
}

.alicin-text-link:hover { border-color: var(--alicin-violet); }

/* buttons */
.alicin-btn {
    align-items: center;
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    display: inline-flex;
    font: 600 16px/1 var(--alicin-font-body);
    gap: 10px;
    justify-content: center;
    min-height: 48px;
    padding: 16px 24px;
    text-decoration: none !important;
    transition: transform .15s ease, background-color .2s ease;
}

.alicin-btn:hover { transform: translateY(-1px); }
.alicin-btn:disabled, .alicin-btn[disabled] { cursor: not-allowed; opacity: .55; transform: none; }
.alicin-btn svg { flex: none; }
.alicin-btn-ink { background: var(--alicin-ink); color: #ffffff !important; }
.alicin-btn-ink:hover { background: #000000; }
.alicin-btn-amber { background: var(--alicin-amber); color: var(--alicin-ink) !important; }
.alicin-btn-amber:hover { background: #f1b23c; }
.alicin-btn-ghost { background: transparent; box-shadow: inset 0 0 0 1.5px var(--alicin-ink); color: var(--alicin-ink) !important; }
.alicin-btn-product { background: var(--pc, var(--alicin-ink)); color: var(--pct, #ffffff) !important; }
.alicin-btn-small { font-size: 14.5px; min-height: 44px; padding: 12px 16px; }
.btn.alicin-btn-primary { background: var(--alicin-ink); color: #ffffff; }
.btn.alicin-btn-primary:hover { background: #000000; color: #ffffff; }

.alicin-body :focus-visible { outline: 3px solid var(--alicin-amber); outline-offset: 2px; }

/* ribbon and header */
.alicin-ribbon { background: var(--alicin-ink); color: #e9ece6; font-size: 13.5px; }
.alicin-ribbon-row { display: flex; flex-wrap: wrap; gap: 6px 24px; justify-content: space-between; padding-bottom: 9px; padding-top: 9px; }
.alicin-ribbon-row span { align-items: center; display: inline-flex; gap: 6px; }
.alicin-ribbon b { color: var(--alicin-amber); font-weight: 600; }
.alicin-ribbon a { color: inherit !important; text-decoration: none; }
.alicin-ribbon-own a { text-decoration: underline; }

.alicin-header {
    backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, .94);
    border-bottom: 1px solid var(--alicin-line);
    position: sticky;
    top: 0;
    z-index: 1020;
}

.alicin-header-row { align-items: center; display: flex; gap: 28px; min-height: 76px; }

.alicin-logo {
    align-items: center;
    color: var(--alicin-ink) !important;
    display: flex;
    flex: none;
    font: 800 30px/1 var(--alicin-font-display);
    gap: 10px;
    letter-spacing: -.04em;
    text-decoration: none !important;
    text-transform: lowercase;
}

.alicin-logo-mark { color: var(--alicin-ink); flex: none; }
.alicin-logo-light, .alicin-logo-light .alicin-logo-mark { color: #ffffff !important; }

.alicin-menu { align-items: center; display: flex; flex: 1; gap: 2px; min-width: 0; }
.alicin-menu-link {
    border-radius: 999px;
    color: var(--alicin-ink) !important;
    font-size: 15.5px;
    font-weight: 550;
    padding: 10px 14px;
    text-decoration: none !important;
    white-space: nowrap;
}

.alicin-menu-link:hover { background: var(--alicin-mist); }
.alicin-menu-link[aria-current="page"] { background: var(--alicin-ink); color: #ffffff !important; }
.alicin-menu-guide { color: var(--alicin-violet) !important; }
.alicin-menu-item { position: relative; }
.alicin-menu-subs { background: #ffffff; border: 1px solid var(--alicin-line); border-radius: 16px; box-shadow: 0 18px 40px -24px rgba(22, 33, 27, .5); display: none; left: 0; min-width: 220px; padding: 8px; position: absolute; top: 100%; z-index: 10; }
.alicin-menu-subs a { border-radius: 10px; color: var(--alicin-ink) !important; display: block; padding: 8px 12px; text-decoration: none !important; }
.alicin-menu-subs a:hover { background: var(--alicin-mist); }
.alicin-menu-item.has-subs:hover .alicin-menu-subs, .alicin-menu-item.has-subs:focus-within .alicin-menu-subs { display: block; }

.alicin-header-actions { align-items: center; display: flex; flex: none; gap: 8px; margin-left: auto; }

.alicin-icon-btn {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 50%;
    color: var(--alicin-ink) !important;
    cursor: pointer;
    display: inline-flex;
    height: 46px;
    justify-content: center;
    width: 46px;
}

.alicin-icon-btn:hover { background: var(--alicin-mist); }
.alicin-menu-toggle { display: none; }

.alicin-cart-pill {
    align-items: center;
    background: var(--alicin-ink);
    border-radius: 999px;
    color: #ffffff;
    cursor: pointer;
    display: flex;
    gap: 10px;
    min-height: 46px;
    padding: 6px 6px 6px 18px;
}

.alicin-cart-text { display: flex; flex-direction: column; line-height: 1.1; }
.alicin-cart-text b { font-size: 15px; font-weight: 650; white-space: nowrap; }
.alicin-cart-text small { color: #c6ccc3; font-size: 11px; white-space: nowrap; }
.alicin-cart-icon { align-items: center; background: var(--alicin-amber); border-radius: 50%; color: var(--alicin-ink); display: flex; height: 34px; justify-content: center; position: relative; width: 34px; }
.alicin-cart-count { background: #ffffff; border: 2px solid var(--alicin-ink); border-radius: 999px; color: var(--alicin-ink); font: 700 10.5px/14px var(--alicin-font-mono); min-width: 18px; padding: 0 4px; position: absolute; right: -6px; text-align: center; top: -6px; }
.alicin-cart-count.is-empty { display: none; }

.alicin-ship-bar { background: var(--alicin-line); height: 3px; }
.alicin-ship-bar span { background: var(--alicin-amber); display: block; height: 100%; max-width: 100%; transition: width .5s ease; }

.alicin-search-row { background: #ffffff; border-top: 1px solid var(--alicin-line); padding: 14px 0; }
.alicin-search { align-items: center; background: var(--alicin-mist); border-radius: 999px; display: flex; gap: 10px; padding: 6px 6px 6px 18px; }
.alicin-search-input { background: transparent !important; border: 0 !important; box-shadow: none !important; flex: 1; font-size: 16px; min-width: 0; outline: none; padding: 10px 0; }
.alicin-search-clear { background: transparent; border: 0; color: var(--alicin-muted); cursor: pointer; padding: 8px; }
.alicin-search-submit { background: var(--alicin-ink); border: 0; border-radius: 999px; color: #ffffff; cursor: pointer; font-weight: 600; min-height: 44px; padding: 0 20px; }
.alicin-search-panel { background: #ffffff; border-top: 1px solid var(--alicin-line); max-height: 70vh; overflow-y: auto; padding: 16px 0; }

/* side menu */
.alicin-sidenav .card { background: #ffffff; }
.alicin-sidenav-title { font: 700 20px/1 var(--alicin-font-display); }
.alicin-sidenav-list { display: grid; gap: 4px; }
.alicin-sidenav-product { align-items: center; border-radius: 14px; color: var(--alicin-ink) !important; display: flex !important; gap: 12px; padding: 8px !important; text-decoration: none !important; }
.alicin-sidenav-product:hover { background: var(--alicin-mist); }
.alicin-sidenav-thumb { align-items: center; background: var(--alicin-mist); border-radius: 12px; display: flex; flex: none; height: 48px; justify-content: center; width: 48px; }
.alicin-sidenav-thumb img { height: 40px; object-fit: contain; width: 40px; }
.alicin-sidenav-product b { display: block; font-size: 15px; line-height: 1.25; }
.alicin-sidenav-product small { color: var(--alicin-muted); display: block; font-size: 13px; }
.alicin-sidenav-link { border-top: 1px solid var(--alicin-line); color: var(--alicin-ink) !important; display: flex !important; font-weight: 600; gap: 10px; padding: 14px 8px !important; text-decoration: none !important; }
.alicin-sidenav-guide { color: var(--alicin-violet) !important; }
.alicin-sidenav-contact { display: grid; font-size: 14px; gap: 4px; }
.alicin-sidenav-contact span { color: var(--alicin-muted); }
.alicin-sidenav-contact a { color: var(--alicin-ink) !important; font-weight: 600; }

/* sections */
.alicin-sec { padding: 104px 0; }
.alicin-sec-head { align-items: end; display: grid; gap: 24px 64px; grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); margin-bottom: 44px; }
.alicin-sec-head h2 { font-size: clamp(32px, 3.6vw, 52px) !important; line-height: 1.02; margin-top: 14px; }
.alicin-sec-head p { color: var(--alicin-text); font-size: 17.5px; max-width: 560px; }

/* homepage hero */
.alicin-hero {
    background-color: #ffffff;
    background-image: linear-gradient(var(--alicin-mist) 1px, transparent 1px), linear-gradient(90deg, var(--alicin-mist) 1px, transparent 1px);
    background-size: 32px 32px;
    border-bottom: 1px solid var(--alicin-line);
    overflow: clip;
}

.alicin-hero-grid { align-items: center; display: grid; gap: 56px; grid-template-columns: minmax(0, 1fr) minmax(0, 1.04fr); padding-bottom: 72px; padding-top: 64px; }
.alicin-eyebrow { align-items: center; background: #ffffff; border: 1.5px solid var(--alicin-ink); border-radius: 999px; display: inline-flex; font-size: 14px; font-weight: 600; gap: 10px; padding: 7px 14px 7px 8px; }
.alicin-eyebrow i { align-items: center; background: var(--alicin-amber); border-radius: 50%; display: flex; flex: none; height: 22px; justify-content: center; width: 22px; }
.alicin-body .alicin-hero-title { font-size: clamp(42px, 5.6vw, 84px) !important; font-weight: 800 !important; letter-spacing: -.035em; line-height: .96; margin: 22px 0; }
.alicin-hero-title em { background: linear-gradient(transparent 62%, var(--alicin-amber) 62%, var(--alicin-amber) 90%, transparent 90%); font-style: normal; }
.alicin-lead { color: var(--alicin-text); font-size: 19.5px; line-height: 1.55; max-width: 560px; }
.alicin-cta-row { align-items: center; display: flex; flex-wrap: wrap; gap: 12px 22px; margin-top: 30px; }

.alicin-fam { display: grid; gap: 10px; grid-template-columns: repeat(4, minmax(0, 1fr)); list-style: none; margin: 40px 0 0; max-width: 620px; padding: 0; }
.alicin-fam a { align-items: center; background: #ffffff; border: 1px solid var(--alicin-line); border-radius: 18px; display: flex; flex-direction: column; gap: 8px; height: 100%; padding: 12px 8px 10px; text-align: center; text-decoration: none !important; transition: border-color .2s ease, transform .2s ease; }
.alicin-fam a:hover { border-color: var(--alicin-ink); transform: translateY(-2px); }
.alicin-fam img { height: 64px; object-fit: contain; width: auto; }
.alicin-fam span { display: flex; flex-direction: column; gap: 2px; }
.alicin-fam b { -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; font-size: 13px; line-height: 1.2; overflow: hidden; }
.alicin-fam em { color: var(--alicin-muted); font-size: 12.5px; font-style: normal; }

/* the lab panel: a 10 s loop with play/stop and steps to click (alicin.js switches .auto / .man and .s1–.s4) */
.alicin-lab { background: #ffffff; border: 1.5px solid var(--alicin-ink); border-radius: 28px; box-shadow: 10px 10px 0 var(--alicin-ink); padding: 20px; }
.alicin-lab-top { align-items: center; border-bottom: 1px dashed var(--alicin-line); display: flex; flex-wrap: wrap; gap: 10px 12px; padding: 4px 6px 14px; }
.alicin-lab-top .alicin-mono { color: var(--alicin-violet); }
.alicin-lab-title { flex: 1; font: 700 17px/1.2 var(--alicin-font-display); min-width: 180px; }
.alicin-lab-tag { background: var(--alicin-amber-soft); border-radius: 999px; color: var(--alicin-amber-ink); font: 600 11px/1 var(--alicin-font-mono); letter-spacing: .06em; padding: 6px 10px; text-transform: uppercase; }
.alicin-play { align-items: center; background: #ffffff; border: 1.5px solid var(--alicin-ink); border-radius: 999px; color: var(--alicin-ink); cursor: pointer; display: inline-flex; font: 600 14px/1 var(--alicin-font-body); gap: 8px; min-height: 40px; padding: 0 14px 0 6px; }
.alicin-play:hover { background: var(--alicin-mist); }
.alicin-play i { align-items: center; background: var(--alicin-ink); border-radius: 50%; color: #ffffff; display: flex; height: 28px; justify-content: center; width: 28px; }
.alicin-play .alicin-play-start { display: none; }
.alicin-play[aria-pressed="false"] .alicin-play-pause { display: none; }
.alicin-play[aria-pressed="false"] .alicin-play-start { display: block; }
.alicin-lab-stage { align-items: center; display: grid; gap: 8px; grid-template-columns: minmax(0, 1fr) 150px; padding: 8px 0; }
.alicin-clove { display: block; height: auto; max-height: 430px; overflow: hidden; width: 100%; }
.alicin-legend { color: var(--alicin-muted); display: flex; flex-direction: column; font-size: 13.5px; gap: 10px; }
.alicin-legend span { align-items: center; display: flex; gap: 8px; }
.alicin-dot { border-radius: 50%; display: inline-block; flex: none; height: 12px; width: 12px; }
.alicin-dot.is-alliin { background: #4e8a3e; }
.alicin-dot.is-enzyme { background: #8d4f93; }
.alicin-dot.is-allicin { background: var(--alicin-amber); box-shadow: 0 0 0 3px rgba(232, 162, 33, .25); }
.alicin-steps { display: grid; gap: 6px; grid-template-columns: repeat(4, minmax(0, 1fr)); list-style: none; margin: 6px 0 0; padding: 0; }
.alicin-st { align-items: center; background: #f3f4f0; border: 0; border-radius: 12px; color: #56625a; cursor: pointer; display: flex; font: 600 12.5px/1.2 var(--alicin-font-body); gap: 7px; min-height: 44px; padding: 8px; text-align: left; transition: background-color .3s ease, color .3s ease; width: 100%; }
.alicin-st:hover { box-shadow: inset 0 0 0 1.5px #16211b; }
.alicin-st b { align-items: center; background: #ffffff; border-radius: 50%; color: #16211b; display: flex; flex: none; font: 600 11px/1 var(--alicin-font-mono); height: 20px; justify-content: center; width: 20px; }
.alicin-caps { background: var(--alicin-mist); border-radius: 18px; margin-top: 12px; min-height: 92px; position: relative; }
.alicin-caps p { color: var(--alicin-text); font-size: 14.5px; inset: 0; opacity: 0; padding: 14px 16px; position: absolute; transition: opacity .3s ease; }
.alicin-caps b { color: var(--alicin-ink); display: block; font: 700 17px/1.2 var(--alicin-font-display); margin-bottom: 4px; }
.alicin-lab-foot { color: var(--alicin-muted); font-size: 12.5px; margin-top: 12px !important; }

/* the clove at step 1 (also the picture without the script) */
.alicin-clove .body { transform-box: view-box; transform-origin: 260px 494px; transition: transform .7s cubic-bezier(.3, 1.3, .5, 1); }
.alicin-clove .knife { transform: translateY(-240px); transition: transform .7s cubic-bezier(.5, 0, .3, 1); }
.alicin-clove .wall { fill: #fffaf0; stroke: #e6dac6; stroke-width: 1.4; transition: fill .6s ease, stroke .6s ease, stroke-width .6s ease; }
.alicin-clove .vac { fill: #8d4f93; opacity: .9; transform-box: fill-box; transform-origin: center; transition: transform .6s ease, opacity .6s ease; }
.alicin-clove .aln { fill: #4e8a3e; transform: translate(var(--x), var(--y)); transform-box: fill-box; transform-origin: center; transition: transform .7s ease, opacity .7s ease; }
.alicin-clove .a1 { --x: -11px; --y: -8px; } .alicin-clove .a2 { --x: 11px; --y: -7px; } .alicin-clove .a3 { --x: 3px; --y: 12px; } .alicin-clove .a4 { --x: -9px; --y: 8px; }
.alicin-clove .alc { fill: #e8a221; opacity: 0; stroke: rgba(232, 162, 33, .35); stroke-width: 5; transform: scale(.1); transform-box: fill-box; transform-origin: center; transition: transform .7s ease, opacity .7s ease; }
.alicin-clove .c1 { --x: -8px; --y: -5px; } .alicin-clove .c2 { --x: 8px; --y: -3px; } .alicin-clove .c3 { --x: 0px; --y: 9px; }
.alicin-clove .germ { fill: #dcebcf; stroke: #4e8a3e; stroke-width: 2; }
.alicin-clove .cracks path { fill: none; stroke: #16211b; stroke-dasharray: 100; stroke-dashoffset: 100; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.2; transition: stroke-dashoffset .6s ease; }
.alicin-clove .aroma path { fill: none; opacity: 0; stroke: #8a5300; stroke-linecap: round; stroke-width: 3; transform: translateY(16px); transition: opacity .6s ease, transform .6s ease; }

/* stepping by hand */
.alicin-lab.man.s2 .alicin-clove .body { transform: scale(1.07, .82); }
.alicin-lab.man.s3 .alicin-clove .body, .alicin-lab.man.s4 .alicin-clove .body { transform: scale(1.03, .92); }
.alicin-lab.man.s2 .alicin-clove .knife { transform: translateY(84px); }
.alicin-lab.man.s2 .alicin-clove .cracks path, .alicin-lab.man.s3 .alicin-clove .cracks path, .alicin-lab.man.s4 .alicin-clove .cracks path { stroke-dashoffset: 0; }
.alicin-lab.man.s3 .alicin-clove .wall, .alicin-lab.man.s4 .alicin-clove .wall { fill: #fff3d6; stroke: #ecc985; stroke-width: .6; }
.alicin-lab.man.s3 .alicin-clove .vac, .alicin-lab.man.s4 .alicin-clove .vac { opacity: 0; transform: scale(2.6); }
.alicin-lab.man.s3 .alicin-clove .aln { transform: translate(calc(var(--x) * 1.5), calc(var(--y) * 1.5)); }
.alicin-lab.man.s4 .alicin-clove .aln { opacity: 0; transform: translate(calc(var(--x) * .35), calc(var(--y) * .35)) scale(.4); }
.alicin-lab.man.s4 .alicin-clove .alc { opacity: 1; transform: translate(var(--x), var(--y)); }
.alicin-lab.man.s4 .alicin-clove .aroma path { opacity: .85; transform: none; }
.alicin-lab.man.s1 .alicin-st1, .alicin-lab.man.s2 .alicin-st2, .alicin-lab.man.s3 .alicin-st3 { background: #16211b; color: #ffffff; }
.alicin-lab.man.s4 .alicin-st4 { background: #e8a221; color: #16211b; }
.alicin-lab.man.s2 .alicin-st1, .alicin-lab.man.s3 .alicin-st1, .alicin-lab.man.s3 .alicin-st2, .alicin-lab.man.s4 .alicin-st1, .alicin-lab.man.s4 .alicin-st2, .alicin-lab.man.s4 .alicin-st3 { background: #e6f0e1; color: #2e6b3a; }
.alicin-lab.man.s1 .alicin-cap1, .alicin-lab.man.s2 .alicin-cap2, .alicin-lab.man.s3 .alicin-cap3, .alicin-lab.man.s4 .alicin-cap4 { opacity: 1; }

/* playing: a 10 s loop; --seek starts it from the chosen step */
.alicin-lab.auto .alicin-clove .anim { animation: alicin-stage 10s linear infinite both; animation-delay: calc(0s - var(--seek, 0s)); }
@keyframes alicin-stage { 0%, 2% { opacity: 0; } 6%, 90% { opacity: 1; } 95%, 100% { opacity: 0; } }
.alicin-lab.auto .alicin-clove .body { animation: alicin-squash 10s cubic-bezier(.3, .7, .4, 1) infinite both; animation-delay: calc(0s - var(--seek, 0s)); }
@keyframes alicin-squash { 0%, 25% { transform: scale(1, 1); } 30% { transform: scale(1.07, .82); } 36%, 92% { transform: scale(1.03, .92); } 100% { transform: scale(1, 1); } }
.alicin-lab.auto .alicin-clove .knife { animation: alicin-knife 10s cubic-bezier(.5, 0, .3, 1) infinite both; animation-delay: calc(0s - var(--seek, 0s)); }
@keyframes alicin-knife { 0%, 17% { transform: translateY(-220px); } 26% { transform: translateY(0); } 30% { transform: translateY(84px); } 36% { transform: translateY(37px); } 46%, 100% { transform: translateY(-240px); } }
.alicin-lab.auto .alicin-clove .wall { animation: alicin-wall 10s linear infinite both; animation-delay: calc(var(--d, 0s) - var(--seek, 0s)); }
@keyframes alicin-wall { 0%, 33% { fill: #fffaf0; stroke: #e6dac6; stroke-width: 1.4; } 42%, 92% { fill: #fff3d6; stroke: #ecc985; stroke-width: .6; } 100% { fill: #fffaf0; stroke: #e6dac6; stroke-width: 1.4; } }
.alicin-lab.auto .alicin-clove .vac { animation: alicin-vac 10s ease-out infinite both; animation-delay: calc(var(--d, 0s) - var(--seek, 0s)); }
@keyframes alicin-vac { 0%, 35% { opacity: .9; transform: scale(1); } 45%, 100% { opacity: 0; transform: scale(2.6); } }
.alicin-lab.auto .alicin-clove .aln { animation: alicin-aln 10s ease-in-out infinite both; animation-delay: calc(var(--d, 0s) - var(--seek, 0s)); }
@keyframes alicin-aln { 0%, 36% { opacity: 1; transform: translate(var(--x), var(--y)) scale(1); } 46% { opacity: 1; transform: translate(calc(var(--x) * 1.5), calc(var(--y) * 1.5)) scale(1); } 58%, 100% { opacity: 0; transform: translate(calc(var(--x) * .35), calc(var(--y) * .35)) scale(.4); } }
.alicin-lab.auto .alicin-clove .alc { animation: alicin-alc 10s ease-out infinite both; animation-delay: calc(var(--d, 0s) - var(--seek, 0s)); }
@keyframes alicin-alc { 0%, 50% { opacity: 0; transform: translate(0, 0) scale(.1); } 62% { opacity: 1; transform: translate(var(--x), var(--y)) scale(1.25); } 70%, 91% { opacity: 1; transform: translate(var(--x), var(--y)) scale(1); } 97%, 100% { opacity: 0; transform: translate(var(--x), var(--y)) scale(1); } }
.alicin-lab.auto .alicin-clove .cracks path { animation: alicin-crack 10s linear infinite both; animation-delay: calc(0s - var(--seek, 0s)); }
@keyframes alicin-crack { 0%, 27% { stroke-dashoffset: 100; } 34%, 100% { stroke-dashoffset: 0; } }
.alicin-lab.auto .alicin-clove .aroma path { animation: alicin-aroma 10s ease-out infinite both; animation-delay: calc(0s - var(--seek, 0s)); }
.alicin-lab.auto .alicin-clove .aroma path:nth-child(2) { animation-delay: calc(.25s - var(--seek, 0s)); }
.alicin-lab.auto .alicin-clove .aroma path:nth-child(3) { animation-delay: calc(.5s - var(--seek, 0s)); }
@keyframes alicin-aroma { 0%, 58% { opacity: 0; transform: translateY(16px); } 66% { opacity: .85; transform: translateY(0); } 88%, 100% { opacity: 0; transform: translateY(-26px); } }
.alicin-lab.auto .alicin-st { animation: 10s linear infinite both; animation-delay: calc(0s - var(--seek, 0s)); }
.alicin-lab.auto .alicin-st1 { animation-name: alicin-st1; }
.alicin-lab.auto .alicin-st2 { animation-name: alicin-st2; }
.alicin-lab.auto .alicin-st3 { animation-name: alicin-st3; }
.alicin-lab.auto .alicin-st4 { animation-name: alicin-st4; }
@keyframes alicin-st1 { 0%, 21% { background: #16211b; color: #ffffff; } 22%, 91% { background: #e6f0e1; color: #2e6b3a; } 92%, 100% { background: #f3f4f0; color: #56625a; } }
@keyframes alicin-st2 { 0%, 21% { background: #f3f4f0; color: #56625a; } 22%, 35% { background: #16211b; color: #ffffff; } 36%, 91% { background: #e6f0e1; color: #2e6b3a; } 92%, 100% { background: #f3f4f0; color: #56625a; } }
@keyframes alicin-st3 { 0%, 35% { background: #f3f4f0; color: #56625a; } 36%, 51% { background: #16211b; color: #ffffff; } 52%, 91% { background: #e6f0e1; color: #2e6b3a; } 92%, 100% { background: #f3f4f0; color: #56625a; } }
@keyframes alicin-st4 { 0%, 51% { background: #f3f4f0; color: #56625a; } 52%, 91% { background: #e8a221; color: #16211b; } 92%, 100% { background: #f3f4f0; color: #56625a; } }
.alicin-lab.auto .alicin-caps p { animation: 10s linear infinite both; animation-delay: calc(0s - var(--seek, 0s)); }
.alicin-lab.auto .alicin-caps .alicin-cap1 { animation-name: alicin-cap1; }
.alicin-lab.auto .alicin-caps .alicin-cap2 { animation-name: alicin-cap2; }
.alicin-lab.auto .alicin-caps .alicin-cap3 { animation-name: alicin-cap3; }
.alicin-lab.auto .alicin-caps .alicin-cap4 { animation-name: alicin-cap4; }
@keyframes alicin-cap1 { 0%, 1% { opacity: 0; } 3%, 20% { opacity: 1; } 22%, 100% { opacity: 0; } }
@keyframes alicin-cap2 { 0%, 22% { opacity: 0; } 24%, 34% { opacity: 1; } 36%, 100% { opacity: 0; } }
@keyframes alicin-cap3 { 0%, 36% { opacity: 0; } 38%, 50% { opacity: 1; } 52%, 100% { opacity: 0; } }
@keyframes alicin-cap4 { 0%, 52% { opacity: 0; } 54%, 90% { opacity: 1; } 92%, 100% { opacity: 0; } }
.alicin-lab.auto.paused .alicin-clove *, .alicin-lab.auto.paused .alicin-st, .alicin-lab.auto.paused .alicin-caps p { animation-play-state: paused; }

@media (prefers-reduced-motion: reduce) {
    .alicin-lab.auto .alicin-clove *, .alicin-lab.auto .alicin-st, .alicin-lab.auto .alicin-caps p { animation: none !important; }
    .alicin-lab.auto .alicin-caps .alicin-cap1 { opacity: 1; }
    .alicin-btn:hover, .alicin-card:hover, .alicin-fam a:hover { transform: none; }
}

/* advantages bar */
.alicin-trust { background: #ffffff; border-bottom: 1px solid var(--alicin-line); }
.alicin-trust ul { display: grid; gap: 24px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); list-style: none; margin-bottom: 0; margin-top: 0; padding-bottom: 22px; padding-top: 22px; }
.alicin-trust li { align-items: center; display: flex; font-size: 14.5px; gap: 12px; line-height: 1.35; }
.alicin-ti { align-items: center; background: var(--alicin-mist); border-radius: 14px; color: var(--alicin-ink); display: flex; flex: none; height: 44px; justify-content: center; width: 44px; }
.alicin-why-text { color: var(--alicin-muted); }
.alicin-why-text em { color: var(--alicin-ink); display: block; font-style: normal; font-weight: 650; }

/* range cards (also the product card of the listings) */
.alicin-range-grid { row-gap: 20px; }
.alicin-card-col { display: flex; margin-bottom: 20px; }
.alicin-card {
    background: #ffffff;
    border: 1.5px solid var(--alicin-line);
    border-radius: 26px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
    width: 100%;
}

.alicin-card:hover { border-color: var(--alicin-ink); box-shadow: 0 18px 40px -24px rgba(22, 33, 27, .5); transform: translateY(-4px); }
.alicin-card-media { align-items: center; background: var(--pcs); cursor: pointer; display: flex; height: 260px; justify-content: center; padding: 40px 24px 24px; position: relative; }
.alicin-card-photo { align-items: center; display: flex; height: 100%; justify-content: center; width: 100%; }
.alicin-card-photo img { filter: drop-shadow(0 14px 18px rgba(22, 33, 27, .18)); max-height: 190px; max-width: 100%; object-fit: contain; transition: transform .35s ease; width: auto; }
.alicin-card-photo.is-photo img { border-radius: 16px; filter: none; }
.alicin-card:hover .alicin-card-photo img { transform: scale(1.04) rotate(-1.5deg); }
.alicin-card-role { background: #ffffff; border-radius: 999px; color: var(--pci); font-size: 13px; font-weight: 650; left: 16px; padding: 6px 12px; position: absolute; top: 16px; z-index: 1; }
.alicin-card-num { color: var(--alicin-muted); font: 600 12px/1 var(--alicin-font-mono); letter-spacing: .06em; position: absolute; right: 18px; top: 20px; }
.alicin-card-badge { background: var(--alicin-ink); border-radius: 999px; bottom: 14px; color: #ffffff; font: 600 11px/1 var(--alicin-font-mono); letter-spacing: .05em; padding: 7px 10px; position: absolute; right: 14px; text-transform: uppercase; }
.alicin-card-body { display: flex; flex: 1; flex-direction: column; gap: 12px; padding: 20px 20px 22px; }
.alicin-body .alicin-card-title { font-size: 21px !important; line-height: 1.15; margin: 0; }
.alicin-card-title a { color: var(--alicin-ink) !important; text-decoration: none !important; }
.alicin-card-lead { color: var(--alicin-text); font-size: 15px; }
.alicin-chips { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0; padding: 0; }
.alicin-chips li { background: var(--alicin-mist); border-radius: 8px; font: 500 12px/1 var(--alicin-font-mono); padding: 7px 8px; }
.alicin-card-stock { font-size: 13px; font-weight: 600; }
.alicin-card-stock.is-in { color: var(--alicin-green); }
.alicin-card-stock.is-out { color: #b4441f; }
.alicin-card-buy { align-items: center; display: flex; gap: 12px; justify-content: space-between; margin-top: auto; padding-top: 4px; }
.alicin-card-price { display: flex; flex-direction: column; }
.alicin-card-price s { color: var(--alicin-muted); font-size: 13px; }
.alicin-card-price strong { font: 800 25px/1 var(--alicin-font-display); letter-spacing: -.02em; }
.alicin-card-price span { color: var(--alicin-muted); font-size: 12.5px; margin-top: 4px; }
.alicin-card .alicin-card-add { border-radius: 999px; flex: none; font-size: 15px; height: auto; min-height: 44px; padding: 12px 18px; white-space: nowrap; width: auto; }
.alicin-range-note { display: flex; flex-wrap: wrap; gap: 16px; justify-content: flex-end; margin-top: 8px; }

/* "Co je alicin?" */
.alicin-edu { background: var(--alicin-mist); border-bottom: 1px solid var(--alicin-line); border-top: 1px solid var(--alicin-line); }
.alicin-edu-grid { align-items: center; display: grid; gap: 64px; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.alicin-edu h2 { font-size: clamp(36px, 4vw, 58px) !important; line-height: 1; margin: 14px 0 22px; }
.alicin-answer { background: #ffffff; border: 1.5px solid var(--alicin-ink); border-radius: 22px; font-size: 19px; line-height: 1.6; padding: 24px 26px; }
.alicin-answer strong { font-weight: 650; }
.alicin-mini-steps { counter-reset: alicin-step; display: grid; gap: 12px; grid-template-columns: repeat(3, minmax(0, 1fr)); list-style: none; margin: 26px 0; padding: 0; }
.alicin-mini-steps li { background: #ffffff; border: 1px solid var(--alicin-line); border-radius: 18px; color: var(--alicin-muted); counter-increment: alicin-step; font-size: 14px; line-height: 1.4; padding: 16px; }
.alicin-mini-steps li::before { align-items: center; background: var(--alicin-violet); border-radius: 50%; color: #ffffff; content: counter(alicin-step); display: flex; font: 600 12px/1 var(--alicin-font-mono); height: 24px; justify-content: center; margin-bottom: 10px; width: 24px; }
.alicin-mini-steps b { color: var(--alicin-ink); display: block; font-size: 15.5px; margin-bottom: 2px; }
.alicin-edu-more { border-bottom: 2px solid currentColor; color: var(--alicin-violet) !important; font-weight: 600; line-height: 1.7; text-decoration: none !important; }
.alicin-mol { background: #ffffff; border: 1.5px solid var(--alicin-line); border-radius: 28px; margin: 0; padding: 28px; }
.alicin-mol svg { display: block; height: auto; width: 100%; }
.alicin-mol-atom { font: 800 24px var(--alicin-font-display); }
.alicin-mol-group { fill: var(--alicin-muted); font: 500 12px var(--alicin-font-mono); }
.alicin-mol figcaption { border-bottom: 1px dashed var(--alicin-line); color: var(--alicin-muted); font-size: 14px; margin: 10px 0 20px; padding-bottom: 20px; }
.alicin-facts { display: grid; gap: 12px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.alicin-facts div { background: var(--alicin-mist); border-radius: 16px; padding: 14px; }
.alicin-facts strong { display: block; font: 800 24px/1.05 var(--alicin-font-display); letter-spacing: -.02em; margin-bottom: 4px; }
.alicin-facts strong span { color: inherit; display: inline; font: inherit; }
.alicin-facts sub { font-size: .6em; }
.alicin-facts > div > span { color: var(--alicin-muted); display: block; font-size: 13px; line-height: 1.35; }

/* chooser */
.alicin-pick-grid { align-items: start; display: grid; gap: 56px; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.alicin-pick h2 { font-size: clamp(32px, 3.6vw, 52px) !important; line-height: 1; margin: 14px 0 16px; }
.alicin-pick-intro { color: var(--alicin-text); font-size: 17.5px; margin-bottom: 30px !important; }
.alicin-q { border: 0; margin: 0 0 26px; padding: 0; }
.alicin-q legend { font: 700 18px/1.2 var(--alicin-font-display); margin-bottom: 14px; padding: 0; }
.alicin-opts { display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
.alicin-opts-two { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
.alicin-opt { background: #ffffff; border: 1.5px solid var(--alicin-line); border-radius: 18px; color: var(--alicin-ink); cursor: pointer; display: flex; flex-direction: column; font: 600 15.5px/1.25 var(--alicin-font-body); gap: 12px; justify-content: space-between; min-height: 96px; padding: 16px; text-align: left; transition: all .2s ease; }
.alicin-opt:hover { border-color: var(--alicin-ink); }
.alicin-opt svg { color: var(--alicin-violet); }
.alicin-opt small { display: block; font-size: 13px; font-weight: 500; margin-top: 4px; opacity: .75; }
.alicin-opt[aria-pressed="true"] { background: var(--alicin-ink); border-color: var(--alicin-ink); color: #ffffff; }
.alicin-opt[aria-pressed="true"] svg { color: var(--alicin-amber); }
.alicin-result { background: var(--alicin-ink); border-radius: 30px; color: #ffffff; min-height: 420px; overflow: clip; padding: 30px; }
.alicin-result .alicin-mono { color: var(--alicin-amber); }
.alicin-result h3 { color: #ffffff !important; }
.alicin-r-empty { display: flex; flex-direction: column; gap: 24px; justify-content: space-between; min-height: 360px; }
.alicin-r-empty h3 { font-size: 30px !important; line-height: 1.1; margin-top: 14px; max-width: 380px; }
.alicin-r-empty p { color: #c6ccc3; margin-top: 10px !important; max-width: 400px; }
.alicin-r-row { align-items: flex-end; display: flex; gap: 14px; }
.alicin-r-row img { height: 86px; object-fit: contain; opacity: .92; width: auto; }
.alicin-r-card { align-items: center; display: grid; gap: 24px; grid-template-columns: minmax(0, .8fr) minmax(0, 1fr); min-height: 360px; }
.alicin-r-card[hidden], .alicin-r-empty[hidden] { display: none; }
.alicin-r-img { align-items: center; background: rgba(255, 255, 255, .07); border-radius: 24px; display: flex; height: 300px; justify-content: center; padding: 20px; }
.alicin-r-img img { max-height: 240px; object-fit: contain; width: auto; }
.alicin-r-card h3 { font-size: 28px !important; line-height: 1.08; margin: 10px 0 12px; }
.alicin-r-card p { color: #d5dad2; font-size: 15.5px; }
.alicin-r-card ul { display: grid; font-size: 14.5px; gap: 7px; list-style: none; margin: 14px 0 18px; padding: 0; }
.alicin-r-card li { align-items: flex-start; display: flex; gap: 9px; }
.alicin-r-card li svg { color: var(--alicin-amber); flex: none; margin-top: 2px; }
.alicin-r-buy { align-items: center; display: flex; flex-wrap: wrap; gap: 14px; }
.alicin-r-buy strong { font: 800 28px/1 var(--alicin-font-display); }
.alicin-r-buy a { color: #ffffff !important; font-weight: 600; }

/* sets */
.alicin-combo { background: var(--alicin-violet-soft); }
.alicin-combo-grid { display: grid; gap: 20px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.alicin-set { background: #ffffff; border: 1.5px solid transparent; border-radius: 28px; display: flex; flex-direction: column; gap: 12px; padding: 24px; }
.alicin-set.is-best { border-color: var(--alicin-ink); box-shadow: 8px 8px 0 var(--alicin-ink); }
.alicin-set-img { align-items: flex-end; background: var(--alicin-mist); border-radius: 20px; display: flex; gap: 4px; height: 190px; justify-content: center; padding: 18px 14px 16px; position: relative; }
.alicin-set-img img { filter: drop-shadow(0 10px 12px rgba(22, 33, 27, .18)); height: 150px; object-fit: contain; width: auto; }
.alicin-set-img img.is-small { height: 118px; }
.alicin-plus { align-self: center; color: var(--alicin-violet); font: 800 26px/1 var(--alicin-font-display); }
.alicin-set-badge { background: var(--alicin-amber); border-radius: 999px; color: var(--alicin-ink); font: 600 11px/1 var(--alicin-font-mono); left: 12px; letter-spacing: .05em; padding: 7px 10px; position: absolute; text-transform: uppercase; top: 12px; }
.alicin-body .alicin-set h3 { font-size: 21px !important; line-height: 1.15; }
.alicin-set p { color: var(--alicin-text); font-size: 15px; }
.alicin-set-price { align-items: baseline; border-top: 1px dashed var(--alicin-line); display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; margin-top: auto; padding-top: 8px; }
.alicin-set-price strong { font: 800 28px/1 var(--alicin-font-display); }
.alicin-ship { color: var(--alicin-muted); font-size: 13.5px; }
.alicin-ship.is-free { align-items: center; color: var(--alicin-green); display: inline-flex; font-weight: 650; gap: 6px; }

/* reasons */
.alicin-why-grid { display: grid; gap: 16px; grid-template-columns: repeat(3, minmax(0, 1fr)); list-style: none; margin: 0; padding: 0; }
.alicin-why-grid li { border: 1.5px solid var(--alicin-line); border-radius: 24px; display: flex; flex-direction: column; gap: 10px; padding: 24px; }
.alicin-why-grid .alicin-ti { background: var(--alicin-green-soft); color: var(--alicin-green); }
.alicin-why-grid .alicin-why-text { font-size: 15px; }
.alicin-why-grid .alicin-why-text em { font: 700 19px/1.2 var(--alicin-font-display); margin-bottom: 6px; }

/* questions */
.alicin-faq { background: var(--alicin-mist); border-top: 1px solid var(--alicin-line); }
.alicin-faq-grid { align-items: start; display: grid; gap: 64px; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); }
.alicin-faq-side h2 { font-size: clamp(32px, 3.6vw, 52px) !important; line-height: 1; margin: 14px 0 16px; }
.alicin-faq-side p { color: var(--alicin-text); font-size: 17px; margin-bottom: 20px !important; }
.alicin-faq-side a:not(.alicin-btn) { color: var(--alicin-violet) !important; }
.alicin-qa { background: #ffffff; border: 1px solid var(--alicin-line); border-radius: 20px; margin-bottom: 10px; }
.alicin-qa summary { align-items: center; cursor: pointer; display: flex; font: 700 18px/1.3 var(--alicin-font-display); gap: 16px; justify-content: space-between; list-style: none; padding: 20px 22px; }
.alicin-qa summary::-webkit-details-marker { display: none; }
.alicin-qa summary i { align-items: center; background: var(--alicin-mist); border-radius: 50%; display: flex; flex: none; height: 30px; justify-content: center; transition: transform .2s ease; width: 30px; }
.alicin-qa[open] summary i { background: var(--alicin-amber); transform: rotate(45deg); }
.alicin-qa > div { color: var(--alicin-text); font-size: 16px; padding: 0 22px 20px; }

/* articles */
.alicin-articles { padding-top: 88px; }

/* newsletter and footer */
.alicin-news { background: var(--alicin-ink); color: #ffffff; }
.alicin-news-grid { align-items: center; border-bottom: 1px solid rgba(255, 255, 255, .12); display: grid; gap: 40px; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); padding-bottom: 56px; padding-top: 56px; }
.alicin-body .alicin-news h2 { color: #ffffff; font-size: 36px !important; line-height: 1.05; }
.alicin-news p { color: #c6ccc3; margin-top: 8px !important; }
.alicin-news .newsletter-form { padding-top: 0 !important; }
.alicin-news .input-group { display: flex; flex-wrap: wrap; gap: 10px; }
.alicin-news-input { background: #ffffff; border: 0; border-radius: 999px !important; flex: 1; font: 500 16px var(--alicin-font-body); min-height: 52px; min-width: 220px; padding: 15px 20px; }
.alicin-news-submit { border-radius: 999px !important; }
.alicin-news .newsletter-form__note, .alicin-news .newsletter-form__note a { color: #9fa89f; font-size: 13px; margin-top: 10px; }
.alicin-news .newsletter-form__message { color: var(--alicin-amber); }

footer.alicin-footer { background: var(--alicin-ink); border-radius: 0; color: #d5dad2; font-size: 15px; padding: 56px 0 40px; }
.alicin-footer-grid { display: grid; gap: 40px; grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr)); }
.alicin-footer .alicin-logo { color: #ffffff !important; }
.alicin-footer-about { color: #c6ccc3; margin-top: 16px !important; max-width: 360px; }
.alicin-footer-contact { display: grid; gap: 6px; margin-top: 18px; }
.alicin-footer-contact a { color: #ffffff !important; font-weight: 600; text-decoration: none; }
.alicin-body .alicin-footer h3 { color: var(--alicin-amber); font: 600 12px/1 var(--alicin-font-mono) !important; letter-spacing: .08em; margin-bottom: 16px; text-transform: uppercase; }
.alicin-footer ul { display: grid; gap: 10px; list-style: none; margin: 0; padding: 0; }
.alicin-footer a { color: #e9ece6 !important; text-decoration: none; }
.alicin-footer a:hover { color: #ffffff !important; text-decoration: underline; }
.alicin-footer-pay { align-items: center; border-top: 1px solid rgba(255, 255, 255, .12); display: flex; flex-wrap: wrap; gap: 12px 16px; margin-top: 40px; padding-top: 28px; }
.alicin-footer-pay > span { color: #c6ccc3; font-size: 14px; }
.alicin-footer-pay .payment-badges img { background: #ffffff; border-radius: 6px; padding: 2px 4px; }
.alicin-footer-legal { color: #9fa89f; font-size: 13px; margin-top: 22px !important; max-width: 900px; }
.alicin-to-top { align-items: center; background: #ffffff; border-radius: 50%; bottom: 24px; box-shadow: 0 8px 24px -10px rgba(22, 33, 27, .5); color: var(--alicin-ink) !important; display: flex; height: 48px; justify-content: center; position: fixed; right: 24px; width: 48px; z-index: 900; }

/* product detail */
.alicin-crumbs { color: var(--alicin-muted); display: flex; flex-wrap: wrap; font-size: 14px; gap: 8px; padding: 22px 0 18px; }
.alicin-crumbs a { color: var(--alicin-muted) !important; text-decoration: none; }
.alicin-crumbs a:hover { color: var(--alicin-ink) !important; text-decoration: underline; }
.alicin-crumbs [aria-current] { color: var(--alicin-ink); font-weight: 600; }
.alicin-rail { align-items: center; background: #ffffff; border: 1.5px solid var(--alicin-line); border-radius: 22px; display: flex; gap: 10px; padding: 8px; }
.alicin-rail-label { color: var(--alicin-muted); flex: none; font: 600 12px/1.25 var(--alicin-font-mono); letter-spacing: .06em; max-width: 120px; padding: 0 12px 0 10px; text-transform: uppercase; }
.alicin-rail-items { display: grid; flex: 1; gap: 8px; grid-auto-columns: minmax(170px, 1fr); grid-auto-flow: column; overflow-x: auto; }
.alicin-ri { align-items: center; border: 1.5px solid transparent; border-radius: 16px; color: var(--alicin-ink) !important; display: flex; gap: 12px; min-height: 64px; padding: 8px 12px 8px 8px; text-decoration: none !important; transition: background-color .2s ease; }
.alicin-ri:hover { background: var(--alicin-mist); }
.alicin-ri-img { align-items: center; background: var(--pcs); border-radius: 12px; display: flex; flex: none; height: 48px; justify-content: center; width: 48px; }
.alicin-ri-img img { max-height: 42px; max-width: 44px; object-fit: contain; }
.alicin-ri-text b { display: block; font-size: 14.5px; line-height: 1.2; }
.alicin-ri-text small { color: var(--alicin-muted); display: block; font-size: 12.5px; }
.alicin-ri.is-current { background: var(--alicin-ink); border-color: var(--alicin-ink); color: #ffffff !important; }
.alicin-ri.is-current small { color: #c6ccc3; }

.alicin-pd-top { align-items: start; display: grid; gap: 56px; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); padding: 28px 0 80px; }
.alicin-gal { position: sticky; top: 96px; }
.alicin-stage { align-items: center; background: var(--pcs); border-radius: 32px; display: flex; height: 600px; justify-content: center; overflow: clip; position: relative; }
.alicin-stage::before { background-image: linear-gradient(rgba(22, 33, 27, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(22, 33, 27, .05) 1px, transparent 1px); background-size: 32px 32px; content: ""; inset: 0; position: absolute; }
.alicin-stage-photo { align-items: center; display: flex; height: 100%; justify-content: center; padding: 60px; position: relative; width: 100%; }
.alicin-stage-photo img { filter: drop-shadow(0 24px 30px rgba(22, 33, 27, .22)); max-height: 460px; max-width: 100%; object-fit: contain; width: auto; }
.alicin-stage:not(.has-cutout) .alicin-stage-photo { padding: 24px; }
.alicin-stage:not(.has-cutout) .alicin-stage-photo img { border-radius: 20px; filter: none; max-height: 100%; }
.alicin-stage-badges { display: flex; flex-direction: column; gap: 8px; left: 20px; position: absolute; top: 20px; z-index: 2; }
.alicin-stage-badge { align-items: center; align-self: flex-start; background: #ffffff; border-radius: 999px; display: inline-flex; font-size: 13px; font-weight: 650; gap: 6px; padding: 7px 12px; }
.alicin-stage-badge i { background: var(--pc); border-radius: 50%; height: 8px; width: 8px; }
.alicin-thumbs { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
.alicin-thumb { align-items: center; background: #ffffff; border: 1.5px solid var(--alicin-line); border-radius: 16px; cursor: pointer; display: flex; height: 72px; justify-content: center; padding: 6px; width: 72px; }
.alicin-thumb img { max-height: 100%; max-width: 100%; object-fit: contain; }
.alicin-thumb.is-active { border-color: var(--alicin-ink); box-shadow: inset 0 0 0 1px var(--alicin-ink); }

.alicin-pd-info { display: flex; flex-direction: column; gap: 18px; }
.alicin-pd-tags { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; }
.alicin-pill { align-items: center; border-radius: 999px; display: inline-flex; font-size: 13px; font-weight: 650; gap: 6px; padding: 7px 12px; }
.alicin-pill-role { background: var(--pcs); color: var(--pci); }
.alicin-pill-stock.is-in { background: var(--alicin-green-soft); color: var(--alicin-green); }
.alicin-pill-stock.is-in i { background: var(--alicin-green); border-radius: 50%; height: 8px; width: 8px; }
.alicin-pill-stock.is-out { background: #fbe7e2; color: #b4441f; }
.alicin-pd-sku { color: var(--alicin-muted); font: 500 12px/1 var(--alicin-font-mono); }
.alicin-body .alicin-pd-title { font-size: clamp(36px, 4.2vw, 58px) !important; font-weight: 800 !important; letter-spacing: -.03em; line-height: .98; }
.alicin-pd-sub { color: var(--alicin-text); font-size: 18px; }
.alicin-pd-sub p { margin: 0 0 8px; }
.alicin-quick { display: grid; gap: 8px; list-style: none; margin: 0; padding: 0; }
.alicin-quick li { align-items: flex-start; display: flex; font-size: 16px; font-weight: 600; gap: 10px; line-height: 1.4; }
.alicin-quick svg { color: var(--pci); flex: none; margin-top: 1px; }
.alicin-pd-rating { align-items: center; color: var(--alicin-muted); display: flex; font-size: 14.5px; gap: 10px; }
.alicin-pd-rating a { color: var(--alicin-ink) !important; font-weight: 600; }
.alicin-stars { color: var(--alicin-amber); display: inline-flex; gap: 2px; }
.alicin-stars .is-empty { color: #c9cdc4; }
.alicin-kostka { border: 1.5px solid var(--alicin-ink); border-radius: 24px; overflow: hidden; }
.alicin-kostka-head { align-items: center; background: var(--alicin-ink); display: flex; justify-content: space-between; padding: 12px 18px; }
.alicin-body .alicin-kostka-head h2 { color: var(--alicin-amber); font: 600 12px/1 var(--alicin-font-mono) !important; letter-spacing: .06em; margin: 0; text-transform: uppercase; }
.alicin-kostka-head small { color: #c6ccc3; font-size: 12.5px; }
.alicin-kostka dl { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); margin: 0; }
.alicin-kostka dl div { border-top: 1px solid var(--alicin-line); padding: 14px 18px; }
.alicin-kostka dl div:nth-child(odd) { border-right: 1px solid var(--alicin-line); }
.alicin-kostka dl div:nth-child(-n+2) { border-top: 0; }
.alicin-kostka dt { color: var(--alicin-muted); font: 600 11.5px/1.2 var(--alicin-font-mono); letter-spacing: .06em; margin-bottom: 4px; text-transform: uppercase; }
.alicin-kostka dd { font-size: 15px; font-weight: 600; line-height: 1.35; margin: 0; }
.alicin-pd-gift { background: var(--alicin-amber-soft); border-radius: 14px; margin: 0; padding: 10px 14px; }
.alicin-pd-variants { display: grid; gap: 14px; }
.alicin-pd-variant-group { border: 0; margin: 0; padding: 0; }
.alicin-pd-variant-group legend { font: 700 16px/1.2 var(--alicin-font-display); margin-bottom: 10px; }
.alicin-variant-options { display: flex; flex-wrap: wrap; gap: 8px; }
.alicin-variant-option { background: #ffffff; border: 1.5px solid var(--alicin-line); border-radius: 16px; cursor: pointer; display: flex; flex-direction: column; gap: 2px; min-width: 120px; padding: 10px 14px; text-align: left; }
.alicin-variant-option span { color: var(--alicin-muted); font-size: 13px; }
.alicin-variant-option small { color: #b4441f; font-size: 12px; }
.alicin-variant-option.is-selected { border-color: var(--alicin-ink); box-shadow: inset 0 0 0 1px var(--alicin-ink); }
.alicin-variant-option.is-unavailable { opacity: .6; }

.alicin-buybox { background: var(--alicin-mist); border-radius: 26px; padding: 22px; }
.alicin-price-row { align-items: flex-end; display: flex; flex-wrap: wrap; gap: 16px; justify-content: space-between; }
.alicin-pd-price s { color: var(--alicin-muted); display: block; font-size: 15px; }
.alicin-pd-price strong { display: block; font: 800 44px/1 var(--alicin-font-display); letter-spacing: -.03em; }
.alicin-pd-price span { color: var(--alicin-muted); display: block; font-size: 14px; margin-top: 6px; }
.alicin-price-form { color: var(--pci); }
.alicin-buy-actions { align-items: stretch; display: flex; gap: 10px; margin-top: 16px; }
.alicin-qty { align-items: center; background: #ffffff; border: 1.5px solid var(--alicin-line); border-radius: 999px !important; display: flex; flex: none; flex-wrap: nowrap !important; width: auto !important; }
.alicin-qty-btn { align-items: center; color: var(--alicin-ink) !important; display: flex; font: 600 22px/1 var(--alicin-font-body); height: 52px; justify-content: center; text-decoration: none !important; width: 44px; }
.alicin-qty-input { -moz-appearance: textfield; background: transparent !important; border: 0 !important; box-shadow: none !important; font-size: 17px; font-weight: 700; height: 52px !important; padding: 0 !important; text-align: center; width: 36px !important; }
.alicin-qty-input::-webkit-inner-spin-button, .alicin-qty-input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.alicin-pd-add-wrap { display: flex; flex: 1; }
.alicin-pd-add { flex: 1; font-size: 17px; min-height: 56px; }
.alicin-freeship { font-size: 14px; margin-top: 14px; }
.alicin-freeship-bar { background: #ffffff; border-radius: 999px; box-shadow: inset 0 0 0 1px var(--alicin-line); height: 8px; margin-top: 8px; overflow: hidden; }
.alicin-freeship-bar span { background: var(--alicin-amber); border-radius: 999px; display: block; height: 100%; transition: width .4s ease; width: 0; }
.alicin-addon { border: 1.5px dashed var(--alicin-line); border-radius: 22px; padding: 16px 18px; }
.alicin-addon-head { align-items: baseline; display: flex; gap: 12px; justify-content: space-between; margin-bottom: 10px; }
.alicin-addon-head b { font: 700 17px/1.2 var(--alicin-font-display); }
.alicin-addon-head span { color: var(--alicin-muted); font-size: 13px; }
.alicin-addon-row { align-items: center; border-top: 1px solid var(--alicin-line); cursor: pointer; display: flex; gap: 12px; margin: 0; padding: 8px 0; }
.alicin-addon-row:first-of-type { border-top: 0; }
.alicin-addon-row input { accent-color: var(--alicin-ink); flex: none; height: 22px; margin: 0; width: 22px; }
.alicin-addon-img { align-items: center; background: var(--pcs); border-radius: 12px; display: flex; flex: none; height: 46px; justify-content: center; width: 46px; }
.alicin-addon-img img { max-height: 40px; max-width: 40px; object-fit: contain; }
.alicin-addon-text { flex: 1; min-width: 0; }
.alicin-addon-text b { display: block; font-size: 15px; }
.alicin-addon-text small { color: var(--alicin-muted); font-size: 13px; }
.alicin-addon-price { font-weight: 700; white-space: nowrap; }
.alicin-assure { display: grid; gap: 10px; grid-template-columns: repeat(3, minmax(0, 1fr)); list-style: none; margin: 0; padding: 0; }
.alicin-assure li { align-items: flex-start; color: var(--alicin-text); display: flex; font-size: 13.5px; gap: 8px; line-height: 1.35; }
.alicin-assure svg { color: var(--alicin-green); flex: none; margin-top: 1px; }

.alicin-subnav { backdrop-filter: blur(8px); background: rgba(255, 255, 255, .96); border-bottom: 1px solid var(--alicin-line); border-top: 1px solid var(--alicin-line); position: sticky; top: 77px; z-index: 900; }
.alicin-subnav .container-xl { display: flex; gap: 6px; overflow-x: auto; padding-bottom: 10px; padding-top: 10px; }
.alicin-subnav a { border-radius: 999px; color: var(--alicin-ink) !important; font-size: 15px; font-weight: 600; padding: 9px 14px; text-decoration: none !important; white-space: nowrap; }
.alicin-subnav a:hover { background: var(--alicin-mist); }
.alicin-subnav .alicin-subnav-guide { color: var(--alicin-violet) !important; }
.alicin-pd-sec { border-bottom: 1px solid var(--alicin-line); padding: 88px 0; scroll-margin-top: 140px; }
.alicin-pd-sec h2 { font-size: clamp(30px, 3.2vw, 46px) !important; line-height: 1.04; margin: 12px 0 18px; }

.alicin-ben-head { align-items: end; display: grid; gap: 20px 64px; grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); margin-bottom: 36px; }
.alicin-ben-head h2 { margin-bottom: 0; }
.alicin-ben-intro { color: var(--alicin-text); font-size: 18px; }
.alicin-ben-grid { display: grid; gap: 16px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.alicin-ben { background: #ffffff; border: 1.5px solid var(--alicin-line); border-radius: 24px; display: flex; flex-direction: column; gap: 10px; overflow: hidden; padding: 24px 22px 22px; position: relative; }
.alicin-ben::before { background: var(--pc); content: ""; height: 6px; left: 0; position: absolute; right: 0; top: 0; }
.alicin-ben-n { color: var(--pci); font: 600 12px/1 var(--alicin-font-mono); letter-spacing: .06em; }
.alicin-body .alicin-ben-title { font-size: 21px !important; letter-spacing: -.01em; line-height: 1.15; }
.alicin-ben p { color: var(--alicin-text); font-size: 15.5px; line-height: 1.5; }
.alicin-who { align-items: center; background: var(--pcs); border-radius: 28px; display: grid; gap: 28px; grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); margin-top: 28px; padding: 28px; }
.alicin-who h3 { font-size: 30px !important; line-height: 1.08; }
.alicin-who ul { display: grid; gap: 10px; grid-template-columns: repeat(2, minmax(0, 1fr)); list-style: none; margin: 0; padding: 0; }
.alicin-who li { align-items: flex-start; background: #ffffff; border-radius: 16px; display: flex; font-size: 15.5px; font-weight: 600; gap: 10px; line-height: 1.35; padding: 14px 16px; }
.alicin-who li svg { color: var(--pci); flex: none; }
.alicin-who li small { color: var(--alicin-muted); display: block; font-size: 13.5px; font-weight: 500; margin-top: 2px; }
.alicin-pd-blocks { margin-top: 28px; }
.alicin-pd-blocks .pcb { padding: 24px 0; }
.alicin-pd-blocks .pcb > .container { max-width: none; padding: 0; }
.alicin-rich { margin-top: 28px; }
.alicin-body .alicin-rich-title { font-size: 24px !important; margin-bottom: 14px; }
.alicin-rich-body { overflow-x: auto; }
.alicin-rich-body table { border: 1.5px solid var(--alicin-line); border-collapse: separate; border-radius: 24px; border-spacing: 0; font-size: 15px; min-width: 680px; overflow: hidden; width: 100%; }
.alicin-rich-body th, .alicin-rich-body td { border-bottom: 1px solid var(--alicin-line); line-height: 1.45; padding: 14px 18px; text-align: left; vertical-align: top; }
.alicin-rich-body tr:last-child th, .alicin-rich-body tr:last-child td { border-bottom: 0; }
.alicin-rich-body thead th { background: var(--alicin-mist); color: var(--alicin-muted); font: 600 12px/1.3 var(--alicin-font-mono); letter-spacing: .05em; text-transform: uppercase; }
.alicin-rich-body thead th:last-child { background: var(--pc); color: var(--pct); }
.alicin-rich-body tbody td:last-child { background: var(--pcs); color: var(--alicin-ink); font-weight: 650; }
.alicin-rich-body tbody th { font-weight: 650; width: 20%; }

.alicin-desc-grid { align-items: start; display: grid; gap: 64px; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); }
.alicin-prose { color: #25302a; font-size: 18px; line-height: 1.65; max-width: 680px; }
.alicin-prose p { margin-bottom: 16px; }
.alicin-prose p:first-child { color: var(--alicin-ink); font-size: 20px; }
.alicin-prose h2, .alicin-prose h3 { margin: 24px 0 10px; }
.alicin-prose ul, .alicin-prose ol { margin: 0 0 16px; padding-left: 22px; }
.alicin-benefits { display: grid; gap: 10px; grid-template-columns: repeat(2, minmax(0, 1fr)); list-style: none; margin: 26px 0 0; padding: 0; }
.alicin-benefits li { align-items: flex-start; background: var(--pcs); border-radius: 16px; display: flex; font-size: 15px; font-weight: 600; gap: 10px; line-height: 1.35; padding: 14px 16px; }
.alicin-benefits svg { color: var(--pci); flex: none; }
.alicin-edu-card { background: var(--alicin-ink); border-radius: 28px; color: #ffffff; padding: 28px; position: sticky; top: 150px; }
.alicin-edu-card .alicin-mono { color: var(--alicin-amber); }
.alicin-body .alicin-edu-card h3 { color: #ffffff; font-size: 28px !important; line-height: 1.08; margin: 12px 0; }
.alicin-edu-card p { color: #d5dad2; font-size: 15.5px; }
.alicin-edu-steps { display: grid; gap: 10px; list-style: none; margin: 20px 0; padding: 0; }
.alicin-edu-steps li { align-items: center; background: rgba(255, 255, 255, .06); border-radius: 16px; display: grid; font-size: 14.5px; gap: 12px; grid-template-columns: 40px minmax(0, 1fr); padding: 10px 12px; }
.alicin-edu-steps i { align-items: center; border-radius: 12px; display: flex; font-style: normal; height: 40px; justify-content: center; width: 40px; }
.alicin-edu-steps .is-alliin i { background: #4e8a3e; }
.alicin-edu-steps .is-crush i { background: #8d4f93; }
.alicin-edu-steps .is-allicin i { background: var(--alicin-amber); color: var(--alicin-ink); }
.alicin-edu-steps b { display: block; }
.alicin-edu-card a { color: #ffffff !important; font-weight: 600; }

.alicin-two { align-items: start; display: grid; gap: 56px; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.alicin-comp { font-size: 15.5px; margin: 0; }
.alicin-comp div { border-top: 1px solid var(--alicin-line); display: grid; gap: 20px; grid-template-columns: 34% minmax(0, 1fr); padding: 14px 0; }
.alicin-comp dt { color: var(--alicin-muted); font: 600 12px/1.4 var(--alicin-font-mono); letter-spacing: .06em; text-transform: uppercase; }
.alicin-comp dd { margin: 0; }
.alicin-note { color: var(--alicin-muted); font-size: 14px; margin-top: 12px !important; }
.alicin-steps3 { display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); list-style: none; margin: 0 0 20px; padding: 0; }
.alicin-steps3 li { background: var(--alicin-mist); border-radius: 20px; color: var(--alicin-muted); font-size: 14.5px; line-height: 1.4; padding: 18px; }
.alicin-steps3 b { color: var(--alicin-ink); display: block; font: 700 17px/1.2 var(--alicin-font-display); margin: 12px 0 4px; }
.alicin-steps3-n { align-items: center; background: var(--pc); border-radius: 50%; color: var(--pct); display: flex; font: 600 13px/1 var(--alicin-font-mono); height: 32px; justify-content: center; width: 32px; }
.alicin-warn { border: 1.5px solid var(--alicin-ink); border-radius: 20px; display: grid; font-size: 15px; gap: 10px; padding: 18px 20px; }
.alicin-warn b { align-items: center; display: flex; font: 700 16px/1.2 var(--alicin-font-display); gap: 8px; }
.alicin-warn svg { color: var(--alicin-amber-ink); }
.alicin-warn p { color: var(--alicin-text); }

.alicin-cmp-wrap { border: 1.5px solid var(--alicin-line); border-radius: 26px; overflow-x: auto; }
.alicin-cmp { border-collapse: separate; border-spacing: 0; font-size: 15px; min-width: 760px; width: 100%; }
.alicin-cmp th, .alicin-cmp td { border-bottom: 1px solid var(--alicin-line); padding: 14px 18px; text-align: left; vertical-align: top; }
.alicin-cmp tr:last-child th, .alicin-cmp tr:last-child td { border-bottom: 0; }
.alicin-cmp thead th, .alicin-cmp thead td { padding: 16px 14px; vertical-align: bottom; }
.alicin-cmp tbody th { color: var(--alicin-muted); font: 600 12px/1.4 var(--alicin-font-mono); letter-spacing: .06em; text-transform: uppercase; width: 170px; }
.alicin-cmp-head { align-items: flex-start; color: var(--alicin-ink) !important; display: flex; flex-direction: column; gap: 8px; text-decoration: none !important; }
.alicin-cmp-head img { height: 64px; object-fit: contain; width: auto; }
.alicin-cmp-head b { font: 700 17px/1.15 var(--alicin-font-display); }
.alicin-cmp-head small { color: var(--alicin-muted); font-size: 12.5px; }
.alicin-cmp .is-current { background: var(--pcs); }
.alicin-cmp thead .is-current .alicin-cmp-head small { color: var(--pci); font-weight: 600; }
.alicin-yes { color: var(--alicin-green); font-weight: 700; }

.alicin-others { display: grid; gap: 18px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.alicin-oc { background: #ffffff; border: 1.5px solid var(--alicin-line); border-radius: 24px; display: flex; flex-direction: column; overflow: hidden; transition: border-color .2s ease, transform .2s ease; }
.alicin-oc:hover { border-color: var(--alicin-ink); transform: translateY(-3px); }
.alicin-oc-img { align-items: center; background: var(--pcs); display: flex; height: 200px; justify-content: center; padding: 20px; position: relative; }
.alicin-oc-img img { max-height: 160px; object-fit: contain; width: auto; }
.alicin-oc-img span { background: #ffffff; border-radius: 999px; font-size: 12.5px; font-weight: 650; left: 14px; padding: 5px 10px; position: absolute; top: 14px; }
.alicin-oc-body { display: flex; flex: 1; flex-direction: column; gap: 10px; padding: 18px 18px 20px; }
.alicin-body .alicin-oc-body h3 { font-size: 20px !important; }
.alicin-oc-body h3 a { color: var(--alicin-ink) !important; text-decoration: none !important; }
.alicin-oc-body p { color: var(--alicin-text); font-size: 14.5px; }
.alicin-oc-row { align-items: center; display: flex; gap: 10px; justify-content: space-between; margin-top: auto; }
.alicin-oc-row strong { font: 800 22px/1 var(--alicin-font-display); }

.alicin-reviews { align-items: start; display: grid; gap: 56px; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); }
.alicin-reviews-summary { display: grid; gap: 12px; }
.alicin-reviews-score { align-items: baseline; display: flex; gap: 12px; }
.alicin-reviews-score strong { font: 800 56px/1 var(--alicin-font-display); }
.alicin-reviews-score span { color: var(--alicin-muted); }
.alicin-reviews-heureka { align-items: center; display: flex; flex-wrap: wrap; gap: 14px; }
.alicin-reviews-heureka img { height: 64px; width: auto; }
.alicin-reviews-list { display: grid; gap: 12px; }
.alicin-review { background: var(--alicin-mist); border-radius: 20px; display: grid; gap: 8px; padding: 18px 20px; }
.alicin-review-head { align-items: center; color: var(--alicin-muted); display: flex; font-size: 13px; justify-content: space-between; }
.alicin-review-author { color: var(--alicin-muted); font-size: 13.5px; }

.alicin-edu-band { background: var(--alicin-violet-soft); }
.alicin-edu-band-grid { align-items: center; display: grid; gap: 32px; grid-template-columns: minmax(0, 1fr) auto; padding-bottom: 56px; padding-top: 56px; }
.alicin-body .alicin-edu-band h2 { font-size: 34px !important; margin: 10px 0; }
.alicin-edu-band p { color: var(--alicin-text); font-size: 17px; max-width: 760px; }

/* listing pages keep the shop styles; the cards follow the range design */
.alicin-view-icon { color: var(--alicin-ink); }

@media (max-width: 1180px) {
    .alicin-menu-link { font-size: 15px; padding: 10px; }
    .alicin-why-grid, .alicin-ben-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .alicin-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .alicin-assure { grid-template-columns: minmax(0, 1fr); }
    .alicin-others { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .alicin-rail-label { display: none; }
}

@media (max-width: 1100px) {
    .alicin-menu { display: none; }
    .alicin-menu-toggle { display: inline-flex; }
}

@media (max-width: 980px) {
    .alicin-hero-grid, .alicin-edu-grid, .alicin-pick-grid, .alicin-faq-grid, .alicin-news-grid, .alicin-pd-top, .alicin-desc-grid, .alicin-two, .alicin-reviews, .alicin-who, .alicin-ben-head, .alicin-sec-head { grid-template-columns: minmax(0, 1fr); }
    .alicin-combo-grid { grid-template-columns: minmax(0, 1fr); }
    .alicin-gal, .alicin-edu-card { position: static; }
}

@media (max-width: 720px) {
    .alicin-body .container-xl { padding-left: 16px; padding-right: 16px; }
    .alicin-ribbon-row { justify-content: center; }
    .alicin-ribbon-phone, .alicin-ribbon-own { display: none !important; }
    .alicin-header-row { gap: 8px; min-height: 64px; }
    .alicin-logo { font-size: 25px; }
    .alicin-logo-mark { height: 34px; width: 28px; }
    .alicin-cart-pill { padding: 5px 5px 5px 12px; }
    .alicin-cart-text small { display: none; }
    .alicin-account { display: none !important; }
    .alicin-hero-grid { gap: 32px; padding-bottom: 40px; padding-top: 32px; }
    .alicin-body .alicin-hero-title { font-size: 42px !important; margin: 18px 0 16px; }
    .alicin-lead { font-size: 17px; }
    .alicin-cta-row .alicin-btn { flex: 1 1 100%; }
    .alicin-fam { gap: 6px; margin-top: 28px; }
    .alicin-fam a { border-radius: 14px; padding: 10px 4px 8px; }
    .alicin-fam img { height: 48px; }
    .alicin-fam b { font-size: 11.5px; }
    .alicin-fam em { font-size: 11px; }
    .alicin-lab { border-radius: 22px; box-shadow: 6px 6px 0 var(--alicin-ink); padding: 14px; }
    .alicin-lab-stage { grid-template-columns: minmax(0, 1fr); }
    .alicin-legend { flex-direction: row; flex-wrap: wrap; font-size: 12.5px; gap: 8px 14px; }
    .alicin-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .alicin-caps { min-height: 116px; }
    .alicin-trust ul { gap: 16px; padding-bottom: 18px; padding-top: 18px; }
    .alicin-trust li { font-size: 13.5px; }
    .alicin-sec { padding: 64px 0; }
    .alicin-sec-head { margin-bottom: 28px; }
    .alicin-range-grid { flex-wrap: nowrap; margin-left: -16px; margin-right: -16px; overflow-x: auto; padding: 4px 4px 12px; scroll-snap-type: x mandatory; }
    .alicin-range-grid > .alicin-card-col { flex: 0 0 84%; max-width: 84%; scroll-snap-align: start; }
    .alicin-card-media { height: 220px; }
    .alicin-answer { font-size: 17px; padding: 18px; }
    .alicin-mini-steps, .alicin-facts, .alicin-why-grid, .alicin-ben-grid, .alicin-who ul, .alicin-benefits, .alicin-steps3, .alicin-footer-grid { grid-template-columns: minmax(0, 1fr); }
    .alicin-mol { border-radius: 22px; padding: 18px; }
    .alicin-opt { align-items: center; flex-direction: row; justify-content: flex-start; min-height: 0; }
    .alicin-result { border-radius: 24px; min-height: 0; padding: 20px; }
    .alicin-r-empty { min-height: 0; }
    .alicin-r-card { grid-template-columns: minmax(0, 1fr); min-height: 0; }
    .alicin-r-img { height: 220px; }
    .alicin-combo-grid { display: flex; margin: 0 -16px; overflow-x: auto; padding: 4px 16px 16px; scroll-snap-type: x mandatory; }
    .alicin-set { flex: 0 0 86%; scroll-snap-align: start; }
    .alicin-set.is-best { box-shadow: 5px 5px 0 var(--alicin-ink); }
    .alicin-body .alicin-news h2 { font-size: 30px !important; }
    .alicin-crumbs { font-size: 13px; padding: 14px 0 12px; }
    .alicin-rail { border-radius: 18px; padding: 6px; }
    .alicin-rail-items { gap: 4px; grid-auto-columns: minmax(84px, 1fr); }
    .alicin-ri { flex-direction: column; gap: 6px; min-height: 0; padding: 8px 4px; text-align: center; }
    .alicin-ri-img { height: 44px; width: 44px; }
    .alicin-ri-text b { font-size: 12px; }
    .alicin-ri-text small { display: none; }
    .alicin-pd-top { gap: 22px; padding: 16px 0 56px; }
    .alicin-stage { border-radius: 24px; height: 380px; }
    .alicin-stage-photo { padding: 36px; }
    .alicin-stage-photo img { max-height: 300px; }
    .alicin-body .alicin-pd-title { font-size: 36px !important; }
    .alicin-pd-sub { font-size: 16px; }
    .alicin-kostka dl { grid-template-columns: minmax(0, 1fr); }
    .alicin-kostka dl div:nth-child(odd) { border-right: 0; }
    .alicin-kostka dl div:nth-child(2) { border-top: 1px solid var(--alicin-line); }
    .alicin-pd-price strong { font-size: 38px; }
    .alicin-buybox { border-radius: 22px; padding: 16px; }
    .alicin-pd-add { font-size: 15.5px; padding: 14px; }
    .alicin-qty-btn { width: 38px; }
    .alicin-addon-head { flex-direction: column; gap: 2px; }
    .alicin-subnav { top: 65px; }
    .alicin-pd-sec { padding: 56px 0; }
    .alicin-who { gap: 16px; padding: 18px; }
    .alicin-who h3 { font-size: 26px !important; }
    .alicin-rich-body, .alicin-cmp-wrap { border-left: 0; border-radius: 0; border-right: 0; margin-left: -16px; margin-right: -16px; }
    .alicin-comp div { gap: 12px; grid-template-columns: 40% minmax(0, 1fr); }
    .alicin-others { display: flex; gap: 12px; margin: 0 -16px; overflow-x: auto; padding: 0 16px 12px; scroll-snap-type: x mandatory; }
    .alicin-oc { flex: 0 0 80%; scroll-snap-align: start; }
    .alicin-edu-band-grid { grid-template-columns: minmax(0, 1fr); padding-bottom: 40px; padding-top: 40px; }
    .alicin-body .alicin-edu-band h2 { font-size: 28px !important; }
    .alicin-to-top { bottom: 16px; right: 16px; }
}