@layer bricks {.brxe-code{width:100%}}.cannaly-info-page,.cannaly-info-page *,.cannaly-info-page *::before,.cannaly-info-page *::after { box-sizing: border-box;}.cannaly-info-page { --gi-page-bg: #f4f4ef; --gi-card-bg: #ffffff; --gi-soft-bg: #eceee7; --gi-text: #171a16; --gi-muted: #63685f; --gi-accent: #617457; --gi-accent-dark: #364230; --gi-border: rgba(29, 34, 27, 0.10); --gi-border-soft: rgba(29, 34, 27, 0.07); --gi-dark: #1b211a; --gi-white: #ffffff; width: 100%; overflow: hidden; background: var(--gi-page-bg); color: var(--gi-text); font-family: inherit;}.cannaly-info-page a { color: inherit; text-decoration: none;}.cannaly-info-page svg { display: block;}.general-info-hero { position: relative; display: flex; align-items: center; min-height: 520px; padding: 110px 24px; overflow: hidden; background: radial-gradient(circle at 86% 18%, rgba(103, 124, 92, 0.16), transparent 33%), linear-gradient(135deg, #eef0e9 0%, #f8f8f4 52%, #e5e9df 100%);}.general-info-hero::before { content: ""; position: absolute; top: -110px; right: 7%; width: 310px; height: 310px; border: 1px solid rgba(97, 116, 87, 0.12); border-radius: 50%; pointer-events: none;}.general-info-hero::after { content: ""; position: absolute; right: -100px; bottom: -180px; width: 380px; height: 380px; border: 1px solid rgba(97, 116, 87, 0.10); border-radius: 50%; pointer-events: none;}.general-info-hero__inner { position: relative; z-index: 2; width: 100%; max-width: 1180px; margin: 0 auto;}.general-info-eyebrow { display: inline-flex; align-items: center; justify-content: center; min-height: 34px; margin: 0 0 24px; padding: 8px 14px; border: 1px solid rgba(97, 116, 87, 0.22); border-radius: 999px; background: rgba(255, 255, 255, 0.56); color: var(--gi-accent-dark); font-size: 11px; font-weight: 700; line-height: 1; letter-spacing: 0.14em; text-transform: uppercase;}.general-info-hero h1 { max-width: 820px; margin: 0 0 24px; color: var(--gi-text); font-size: clamp(46px, 7vw, 82px); font-weight: 600; line-height: 1; letter-spacing: -0.055em;}.general-info-hero p { max-width: 680px; margin: 0 0 36px; color: var(--gi-muted); font-size: clamp(17px, 2vw, 20px); line-height: 1.7;}.general-info-button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 54px; padding: 15px 24px; border: 1px solid transparent; border-radius: 8px; font-size: 14px; font-weight: 700; line-height: 1.2; transition: transform 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;}.general-info-button:hover { transform: translateY(-2px);}.general-info-button--primary { background: var(--gi-accent-dark); color: var(--gi-white) !important; box-shadow: 0 12px 28px rgba(38, 48, 34, 0.14);}.general-info-button--primary:hover { background: var(--gi-dark); color: var(--gi-white) !important;}.general-info-button--dark { flex-shrink: 0; background: var(--gi-white); color: var(--gi-dark) !important;}.general-info-button--dark:hover { background: #edf0e9; color: var(--gi-dark) !important;}.general-info-section { padding: 105px 24px;}.general-info-heading { width: 100%; max-width: 780px; margin: 0 auto 56px; text-align: center;}.general-info-heading > span { display: block; margin: 0 0 12px; color: var(--gi-accent-dark); font-size: 11px; font-weight: 800; line-height: 1.4; letter-spacing: 0.15em; text-transform: uppercase;}.general-info-heading h2 { margin: 0 0 18px; color: var(--gi-text); font-size: clamp(35px, 5vw, 53px); font-weight: 600; line-height: 1.08; letter-spacing: -0.043em;}.general-info-heading p { margin: 0; color: var(--gi-muted); font-size: 16px; line-height: 1.7;}.general-info-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; gap: 28px; width: 100%; max-width: 1320px; margin: 0 auto;}.general-info-card { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; min-height: 100%; padding: 42px 42px 38px; border: 1px solid var(--gi-border); border-radius: 22px; background: var(--gi-card-bg); box-shadow: 0 2px 4px rgba(31, 36, 29, 0.02), 0 14px 34px rgba(31, 36, 29, 0.045); transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease;}.general-info-card:hover { transform: translateY(-3px); border-color: rgba(97, 116, 87, 0.18); box-shadow: 0 4px 10px rgba(31, 36, 29, 0.03), 0 18px 40px rgba(31, 36, 29, 0.07);}.general-info-card__icon { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin: 0 0 18px; border-radius: 12px; background: var(--gi-soft-bg); color: var(--gi-accent-dark); flex: 0 0 auto;}.general-info-card__icon svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}.general-info-card__content { display: flex; flex-direction: column; width: 100%; min-width: 0; flex: 1;}.general-info-card__label { display: block; margin: 0 0 10px; color: var(--gi-accent-dark); font-size: 11px; font-weight: 800; line-height: 1.35; letter-spacing: 0.14em; text-transform: uppercase;}.general-info-card h3 { margin: 0 0 28px; min-height: 72px; color: var(--gi-text); font-size: 27px; font-weight: 600; line-height: 1.12; letter-spacing: -0.03em;}.general-info-card p { margin: 0; color: var(--gi-muted); font-size: 14px; line-height: 1.9;}.general-info-card__content > p:not(.general-info-card__note) { flex: 1 1 auto; margin-top: 0;}.general-info-schedule { width: 100%; margin: 0 0 26px; border-top: 1px solid var(--gi-border-soft);}.general-info-schedule__row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 24px; padding: 18px 0; border-bottom: 1px solid var(--gi-border-soft);}.general-info-schedule__row span { min-width: 0; color: var(--gi-muted); font-size: 15px; line-height: 1.55;}.general-info-schedule__row strong { min-width: 110px; color: var(--gi-text); font-size: 15px; font-weight: 700; line-height: 1.55; text-align: right;}.general-info-highlight { display: flex; align-items: flex-start; width: 100%; min-height: 92px; margin: 0 0 26px; padding: 18px 18px; border-left: 2px solid var(--gi-accent); border-radius: 0 8px 8px 0; background: var(--gi-soft-bg); color: var(--gi-text); font-size: 15px; line-height: 1.6;}.general-info-highlight strong { font-weight: 800;}.general-info-card__note { margin-top: 28px !important; padding-top: 24px; border-top: 1px solid var(--gi-border-soft); color: var(--gi-muted) !important; font-size: 12px !important; line-height: 1.8 !important;}.general-info-payment { padding: 0 24px 95px;}.general-info-payment__inner { display: flex; align-items: center; justify-content: space-between; gap: 50px; width: 100%; max-width: 1180px; margin: 0 auto; padding: 56px; overflow: hidden; border-radius: 18px; background: radial-gradient(circle at 91% 8%, rgba(129, 153, 116, 0.23), transparent 35%), var(--gi-dark); color: var(--gi-white);}.general-info-payment__content { width: 100%; max-width: 680px;}.general-info-payment__eyebrow { display: block; margin: 0 0 13px; color: #acbba4; font-size: 10px; font-weight: 800; line-height: 1.4; letter-spacing: 0.15em; text-transform: uppercase;}.general-info-payment h2 { margin: 0 0 14px; color: var(--gi-white); font-size: clamp(32px, 4vw, 44px); font-weight: 600; line-height: 1.08; letter-spacing: -0.038em;}.general-info-payment p { margin: 0; color: rgba(255, 255, 255, 0.72); font-size: 15px; line-height: 1.7;}.general-info-notice { padding: 0 24px 68px;}.general-info-notice p { width: 100%; max-width: 900px; margin: 0 auto; color: var(--gi-muted); font-size: 12px; line-height: 1.7; text-align: center;}.cannaly-info-page--private .general-info-hero { background: radial-gradient(circle at 86% 18%, rgba(102, 125, 91, 0.19), transparent 33%), linear-gradient(135deg, #eaede5 0%, #f7f7f3 53%, #e0e5da 100%);}.cannaly-info-page--private .general-info-eyebrow { background: rgba(52, 65, 47, 0.07);}@media (max-width: 1200px) { .general-info-grid { gap: 22px; } .general-info-card { padding: 34px 30px 32px; } .general-info-card h3 { font-size: 24px; min-height: 64px; } .general-info-schedule__row { gap: 18px; } .general-info-schedule__row span, .general-info-schedule__row strong, .general-info-highlight { font-size: 14px; }}@media (max-width: 900px) { .general-info-hero { min-height: 470px; padding-top: 90px; padding-bottom: 90px; } .general-info-section { padding-top: 82px; padding-bottom: 82px; } .general-info-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .general-info-grid .general-info-card:last-child { grid-column: 1 / -1; } .general-info-payment { padding-bottom: 82px; } .general-info-payment__inner { flex-direction: column; align-items: flex-start; gap: 32px; padding: 44px; }}@media (max-width: 680px) { .general-info-hero { min-height: auto; padding: 76px 20px; } .general-info-hero::before { top: -120px; right: -140px; } .general-info-hero::after { display: none; } .general-info-eyebrow { margin-bottom: 19px; } .general-info-hero h1 { margin-bottom: 20px; font-size: clamp(41px, 13vw, 59px); line-height: 1.01; } .general-info-hero p { margin-bottom: 29px; font-size: 16px; line-height: 1.65; } .general-info-section { padding: 68px 18px; } .general-info-heading { margin-bottom: 36px; text-align: left; } .general-info-heading h2 { font-size: 36px; } .general-info-heading p { font-size: 15px; } .general-info-grid { grid-template-columns: 1fr; gap: 16px; } .general-info-grid .general-info-card:last-child { grid-column: auto; } .general-info-card { padding: 28px 22px; border-radius: 16px; } .general-info-card__icon { width: 42px; height: 42px; margin-bottom: 16px; } .general-info-card__icon svg { width: 17px; height: 17px; } .general-info-card h3 { min-height: auto; margin-bottom: 22px; font-size: 24px; } .general-info-schedule__row { gap: 14px; padding: 15px 0; } .general-info-schedule__row span, .general-info-schedule__row strong { font-size: 14px; } .general-info-highlight { min-height: auto; margin-bottom: 22px; font-size: 14px; } .general-info-card p { font-size: 14px; line-height: 1.8; } .general-info-card__note { margin-top: 22px !important; padding-top: 20px; } .general-info-payment { padding: 0 18px 68px; } .general-info-payment__inner { gap: 28px; padding: 34px 25px; border-radius: 14px; } .general-info-payment h2 { font-size: 34px; } .general-info-button--dark { width: 100%; } .general-info-notice { padding: 0 20px 52px; }}@media (max-width: 420px) { .general-info-button { width: 100%; } .general-info-hero h1 { font-size: 41px; } .general-info-card { padding: 24px 18px; } .general-info-schedule__row { grid-template-columns: 1fr; gap: 4px; align-items: start; } .general-info-schedule__row strong { min-width: 0; text-align: left; }}