.llc-cart-link {
position: relative;
width: 44px;
height: 44px;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 44px;
color: var(--llc-ink);
border: 1px solid var(--llc-line);
border-radius: 50%;
background: #fff;
transition: border-color var(--llc-transition), background var(--llc-transition), transform var(--llc-transition);
} body.llc-account-auth .woocommerce {
width: min(100%, 640px);
display: block;
margin-inline: auto;
padding: 0;
border: 0;
background: transparent;
box-shadow: none;
}
body.llc-account-auth #customer_login {
display: block;
width: 100%;
}
body.llc-account-auth #customer_login::before,
body.llc-account-auth #customer_login::after {
display: none;
}
body.llc-account-auth #customer_login .u-column1,
body.llc-account-auth #customer_login .u-column2 {
width: 100%;
float: none;
}
body.llc-account-auth:not(.llc-account-auth--registration) #customer_login .u-column2,
body.llc-account-auth--registration #customer_login .u-column1 {
display: none;
}
body.llc-account-auth #customer_login h2 {
margin: 0 0 24px;
font-size: clamp(2.35rem, 7vw, 3.5rem);
line-height: 1.05;
text-align: left;
}
body.llc-account-auth #customer_login form.login,
body.llc-account-auth #customer_login form.register {
margin: 0;
padding: clamp(24px, 5vw, 38px);
border: 1px solid var(--llc-line);
border-radius: 24px;
background: #fff;
box-shadow: 0 18px 50px rgba(20, 32, 31, 0.07);
}
body.llc-account-auth #customer_login .form-row {
margin-bottom: 18px;
}
.llc-account-switch {
display: flex;
align-items: center;
justify-content: space-between;
gap: 22px;
margin-top: 26px;
padding-top: 24px;
border-top: 1px solid var(--llc-line);
}
.llc-account-switch p {
margin: 0;
}
.llc-account-switch strong,
.llc-account-switch span {
display: block;
}
.llc-account-switch span {
margin-top: 3px;
color: var(--llc-muted);
font-size: 0.82rem;
}
.llc-account-switch .llc-btn {
min-height: 46px;
flex: 0 0 auto;
white-space: nowrap;
}
.llc-account-switch--back > a {
flex: 0 0 auto;
color: var(--llc-ink);
font-weight: 700;
text-decoration: underline;
text-underline-offset: 4px;
}
@media (max-width: 560px) {
.llc-account-switch {
align-items: stretch;
flex-direction: column;
}
.llc-account-switch .llc-btn {
width: 100%;
}
}
.llc-cart-link:hover {
color: var(--llc-ink);
border-color: var(--llc-accent);
background: var(--llc-accent);
transform: translateY(-2px);
}
.llc-cart-link::after {
display: none;
}
.llc-cart-link svg {
width: 21px;
height: 21px;
}
.llc-cart-link__count {
position: absolute;
top: -5px;
right: -5px;
min-width: 20px;
height: 20px;
display: grid;
place-items: center;
padding: 0 5px;
color: #fff;
border: 2px solid #fff;
border-radius: 99px;
background: var(--llc-ink);
font-size: 0.65rem;
font-weight: 800;
line-height: 1;
}
.llc-storefront,
.llc-woocommerce-shell,
.llc-study {
color: var(--llc-ink);
background: var(--llc-paper);
}
.llc-store-hero {
position: relative;
overflow: hidden;
padding: clamp(80px, 10vw, 140px) 0 clamp(70px, 8vw, 110px);
background:
radial-gradient(circle at 86% 18%, rgba(0, 231, 223, 0.28), transparent 30%),
linear-gradient(145deg, #fff 0%, #f4fbf9 58%, #e7fffc 100%);
}
.llc-store-hero::after {
content: "";
position: absolute;
right: -110px;
bottom: -210px;
width: 520px;
height: 520px;
border: 1px solid rgba(0, 159, 152, 0.16);
border-radius: 50%;
box-shadow: 0 0 0 70px rgba(0, 231, 223, 0.04), 0 0 0 140px rgba(0, 231, 223, 0.025);
}
.llc-store-hero__inner {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: minmax(0, 1.45fr) minmax(290px, 0.55fr);
align-items: end;
gap: clamp(50px, 9vw, 130px);
}
.llc-store-hero h1 {
max-width: 900px;
margin: 20px 0 28px;
font-size: clamp(3rem, 6.4vw, 6.4rem);
line-height: 0.94;
letter-spacing: -0.055em;
}
.llc-store-hero h1 em {
color: var(--llc-heading-accent);
font-style: normal;
}
.llc-store-hero__copy > p {
max-width: 710px;
margin: 0;
color: var(--llc-ink-soft);
font-size: clamp(1.02rem, 1.5vw, 1.22rem);
line-height: 1.75;
}
.llc-store-hero__facts {
display: grid;
border-top: 1px solid var(--llc-line);
}
.llc-store-hero__facts span {
display: flex;
justify-content: space-between;
gap: 24px;
padding: 18px 0;
color: var(--llc-muted);
border-bottom: 1px solid var(--llc-line);
font-size: 0.84rem;
}
.llc-store-hero__facts strong {
color: var(--llc-ink);
font-size: 0.9rem;
}
.llc-store-products {
padding: clamp(80px, 10vw, 140px) 0;
}
.llc-section-heading {
max-width: 760px;
margin-bottom: clamp(40px, 6vw, 72px);
}
.llc-section-heading h2 {
margin: 18px 0 14px;
}
.llc-section-heading > p {
max-width: 620px;
margin: 0;
color: var(--llc-muted);
font-size: 1.05rem;
}
.llc-course-shop-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: clamp(22px, 2.8vw, 38px);
}
.llc-course-product {
min-width: 0;
overflow: hidden;
border: 1px solid var(--llc-line);
border-radius: 28px;
background: #fff;
box-shadow: 0 15px 45px rgba(20, 32, 31, 0.06);
transition: transform var(--llc-transition), box-shadow var(--llc-transition), border-color var(--llc-transition);
}
.llc-course-product:hover {
border-color: rgba(0, 159, 152, 0.36);
box-shadow: 0 24px 60px rgba(20, 74, 70, 0.13);
transform: translateY(-6px);
}
.llc-course-product__image {
position: relative;
height: 410px;
display: block;
overflow: hidden;
background: #e6efed;
}
.llc-course-product__image::after {
content: "";
position: absolute;
inset: auto 0 0;
height: 34%;
background: linear-gradient(transparent, rgba(7, 24, 23, 0.34));
}
.llc-course-product__image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 500ms ease;
}
.llc-course-product:hover .llc-course-product__image img {
transform: scale(1.025);
}
.llc-course-product__image > span {
position: absolute;
top: 22px;
left: 22px;
z-index: 1;
padding: 9px 13px;
color: var(--llc-ink);
border-radius: 99px;
background: var(--llc-accent);
font-size: 0.7rem;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.llc-course-product__body {
padding: 30px;
}
.llc-course-product__body > small {
display: block;
margin-bottom: 10px;
color: var(--llc-heading-accent);
font-size: 0.72rem;
font-weight: 800;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.llc-course-product h3 {
margin: 0 0 14px;
font-size: clamp(1.45rem, 2vw, 1.9rem);
line-height: 1.1;
}
.llc-course-product h3 a {
color: inherit;
}
.llc-course-product__body > p {
min-height: 82px;
margin: 0 0 28px;
color: var(--llc-muted);
font-size: 0.94rem;
line-height: 1.65;
}
.llc-course-product__footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
.llc-course-product__price {
flex: 0 0 auto;
font-size: 1.3rem;
white-space: nowrap;
}
.llc-course-product__price .woocommerce-Price-currencySymbol {
font-size: 0.8em;
}
.llc-course-product__footer .llc-btn {
min-height: 48px;
padding-inline: 18px;
font-size: 0.68rem;
}
.llc-course-product__detail {
display: inline-block;
margin-top: 22px;
color: var(--llc-heading-accent);
font-size: 0.82rem;
font-weight: 750;
}
.llc-store-empty,
.llc-account-courses__empty {
padding: clamp(38px, 6vw, 70px);
border: 1px solid var(--llc-line);
border-radius: var(--llc-radius);
background: #fff;
text-align: center;
}
.llc-store-steps {
padding: clamp(80px, 10vw, 130px) 0;
background: #fff;
}
.llc-store-steps ol {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0;
margin: 0;
padding: 0;
list-style: none;
counter-reset: none;
}
.llc-store-steps li {
display: grid;
grid-template-columns: 48px 1fr;
gap: 20px;
padding: 30px clamp(22px, 3vw, 42px);
border-left: 1px solid var(--llc-line);
}
.llc-store-steps li:last-child {
border-right: 1px solid var(--llc-line);
}
.llc-store-steps li > span {
width: 48px;
height: 48px;
display: grid;
place-items: center;
border-radius: 50%;
background: var(--llc-accent);
font-size: 0.9rem;
font-weight: 850;
}
.llc-store-steps h3 {
margin: 2px 0 8px;
font-size: 1.15rem;
}
.llc-store-steps p {
margin: 0;
color: var(--llc-muted);
font-size: 0.9rem;
line-height: 1.6;
}
.llc-store-steps p a {
color: var(--llc-heading-accent);
text-decoration: underline;
text-underline-offset: 3px;
} .llc-woocommerce-shell {
min-height: 65vh;
padding: clamp(70px, 9vw, 125px) 0;
}
.llc-woocommerce-shell .woocommerce-breadcrumb {
margin-bottom: 42px;
color: var(--llc-muted);
font-size: 0.78rem;
}
.woocommerce div.product {
display: flow-root;
}
.woocommerce div.product div.images img,
.woocommerce ul.products li.product a img {
border-radius: 24px;
}
.woocommerce div.product .product_title {
margin-bottom: 18px;
font-size: clamp(2.4rem, 4vw, 4.5rem);
line-height: 1;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: var(--llc-heading-accent);
font-size: 1.55rem;
font-weight: 800;
}
.woocommerce div.product .woocommerce-product-details__short-description {
color: var(--llc-muted);
font-size: 1.02rem;
line-height: 1.75;
}
.woocommerce div.product form.cart {
display: flex;
gap: 12px;
margin-top: 30px;
}
.woocommerce div.product form.cart .button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.wc-block-components-button:not(.is-link) {
min-height: 48px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 22px;
color: #171313;
border: 1px solid #e796cd;
border-radius: 99px;
background: #e796cd;
font-size: 0.76rem;
font-weight: 750;
letter-spacing: 0.04em;
text-transform: uppercase;
transition: color var(--llc-transition), background var(--llc-transition), transform var(--llc-transition);
}
.woocommerce div.product form.cart .button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.wc-block-components-button:not(.is-link):hover {
color: #171313;
border-color: #e796cd;
background: #e796cd;
transform: translateY(-2px);
}
.woocommerce div.product .woocommerce-tabs {
padding-top: 50px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding-left: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border-color: var(--llc-line);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border-radius: 12px 12px 0 0;
background: #fff;
}
.woocommerce ul.products {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 30px;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after {
display: none;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: auto;
float: none;
margin: 0;
padding: 18px;
border: 1px solid var(--llc-line);
border-radius: 24px;
background: #fff;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
font-size: 1.25rem;
}
.woocommerce ul.products li.product .price {
color: var(--llc-heading-accent);
font-weight: 800;
} .woocommerce-notices-wrapper,
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
width: min(calc(100% - 32px), var(--llc-container));
margin-right: auto;
margin-left: auto;
}
.llc-store-products .woocommerce-notices-wrapper {
width: 100%;
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
padding: 18px 22px 18px 54px;
color: var(--llc-ink);
border: 1px solid rgba(0, 159, 152, 0.25);
border-top: 3px solid var(--llc-accent);
border-radius: 16px;
background: #fff;
}
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
top: 18px;
color: var(--llc-heading-accent);
}
body.woocommerce-cart #obsah,
body.woocommerce-checkout #obsah,
body.woocommerce-account #obsah {
min-height: 65vh;
padding: clamp(65px, 8vw, 110px) 0;
background: var(--llc-paper);
}
body.woocommerce-cart #obsah > *,
body.woocommerce-checkout #obsah > *,
body.woocommerce-account #obsah > * {
width: min(calc(100% - 32px), var(--llc-container));
margin-right: auto;
margin-left: auto;
}
.wc-block-cart,
.wc-block-checkout,
.woocommerce-account .woocommerce {
padding: clamp(22px, 4vw, 48px);
border: 1px solid var(--llc-line);
border-radius: 28px;
background: #fff;
box-shadow: 0 18px 50px rgba(20, 32, 31, 0.07);
}
.wc-block-components-title,
.wc-block-cart__totals-title,
.wc-block-components-checkout-step__heading h2 {
color: var(--llc-ink);
}
.wc-block-components-text-input input,
.wc-blocks-components-select .wc-blocks-components-select__select,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
min-height: 52px;
padding: 12px 15px;
border: 1px solid rgba(20, 32, 31, 0.2);
border-radius: 12px;
background: #fff;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
border-color: var(--llc-heading-accent);
outline: 2px solid rgba(0, 231, 223, 0.2);
} .woocommerce-account .woocommerce {
display: grid;
grid-template-columns: minmax(190px, 0.27fr) minmax(0, 1fr);
gap: clamp(28px, 5vw, 70px);
}
.woocommerce-account .woocommerce::before,
.woocommerce-account .woocommerce::after {
display: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
width: auto;
float: none;
}
.woocommerce-MyAccount-navigation ul {
display: grid;
gap: 4px;
margin: 0;
padding: 0;
list-style: none;
}
.woocommerce-MyAccount-navigation a {
display: block;
padding: 13px 16px;
color: var(--llc-ink-soft);
border-radius: 12px;
font-size: 0.88rem;
font-weight: 700;
}
.woocommerce-MyAccount-navigation .is-active a,
.woocommerce-MyAccount-navigation a:hover {
color: var(--llc-ink);
background: var(--llc-accent);
}
.llc-account-courses__intro {
margin-top: 0;
color: var(--llc-muted);
}
.llc-account-courses__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
}
.llc-account-course {
overflow: hidden;
border: 1px solid var(--llc-line);
border-radius: 22px;
background: var(--llc-paper);
}
.llc-account-course__image {
position: relative;
height: 220px;
}
.llc-account-course__image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.llc-account-course__image span {
position: absolute;
top: 15px;
left: 15px;
padding: 7px 10px;
border-radius: 99px;
background: var(--llc-accent);
font-size: 0.66rem;
font-weight: 800;
text-transform: uppercase;
}
.llc-account-course__body {
padding: 23px;
}
.llc-account-course__body small {
color: var(--llc-muted);
}
.llc-account-course__body h3 {
margin: 8px 0 22px;
font-size: 1.35rem;
}
.llc-account-course__body .llc-btn {
min-height: 44px;
font-size: 0.68rem;
}
.llc-account-courses__empty h2 {
margin: 15px 0 12px;
font-size: clamp(1.8rem, 3vw, 2.8rem);
}
.llc-account-courses__empty .llc-eyebrow,
.llc-study__header .llc-eyebrow {
justify-content: center;
margin-bottom: 0;
color: var(--llc-muted);
}
.llc-study__header .llc-eyebrow {
justify-content: flex-start;
}
.llc-account-courses__empty p {
max-width: 540px;
margin: 0 auto 26px;
color: var(--llc-muted);
} .llc-study {
min-height: 70vh;
padding: clamp(60px, 8vw, 110px) 0 clamp(90px, 10vw, 140px);
}
.llc-study__back {
display: inline-block;
margin-bottom: clamp(42px, 6vw, 75px);
color: var(--llc-heading-accent);
font-size: 0.82rem;
font-weight: 750;
}
.llc-study__header {
max-width: 850px;
margin-bottom: clamp(45px, 7vw, 80px);
}
.llc-study__header h1 {
margin: 18px 0 20px;
font-size: clamp(2.8rem, 6vw, 5.8rem);
line-height: 0.98;
}
.llc-study__header p {
max-width: 680px;
margin: 0;
color: var(--llc-muted);
font-size: 1.08rem;
line-height: 1.7;
}
.llc-study__welcome {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 40px;
padding: clamp(30px, 5vw, 60px);
color: #fff;
border-radius: 30px;
background: var(--llc-ink);
}
.llc-study__welcome > div {
max-width: 690px;
}
.llc-study__number {
color: var(--llc-accent);
font-size: 0.78rem;
font-weight: 850;
letter-spacing: 0.1em;
}
.llc-study__welcome h2 {
margin: 15px 0 14px;
color: #fff;
}
.llc-study__welcome p {
margin: 0;
color: rgba(255, 255, 255, 0.72);
}
.llc-study__status {
flex: 0 0 auto;
padding: 9px 13px;
color: var(--llc-ink);
border-radius: 99px;
background: var(--llc-accent);
font-size: 0.68rem;
font-weight: 850;
text-transform: uppercase;
}
.llc-study__modules {
max-width: 900px;
margin-top: clamp(55px, 7vw, 90px);
}
.llc-study__modules ol {
margin: 30px 0 0;
padding: 0;
border-top: 1px solid var(--llc-line);
list-style: none;
}
.llc-study__modules li {
display: grid;
grid-template-columns: 54px 1fr;
align-items: center;
gap: 20px;
padding: 24px 0;
border-bottom: 1px solid var(--llc-line);
}
.llc-study__modules li > span {
color: var(--llc-heading-accent);
font-size: 0.72rem;
font-weight: 850;
letter-spacing: 0.08em;
}
.llc-study__modules strong,
.llc-study__modules small {
display: block;
}
.llc-study__modules small {
margin-top: 5px;
color: var(--llc-muted);
font-size: 0.78rem;
}
.llc-order-course-link {
margin-top: 25px;
} .llc-shop-page {
color: var(--llc-ink);
background: var(--llc-paper);
}
.llc-shop-kicker {
display: inline-flex;
align-items: center;
gap: 9px;
color: var(--llc-heading-accent);
font-size: 0.72rem;
font-weight: 850;
letter-spacing: 0.11em;
text-transform: uppercase;
}
.llc-shop-kicker::before {
content: "";
width: 27px;
height: 2px;
flex: 0 0 27px;
background: var(--llc-accent);
}
.llc-shop-hero {
position: relative;
overflow: hidden;
padding: clamp(90px, 10vw, 150px) 0 clamp(78px, 9vw, 130px);
background:
radial-gradient(circle at 87% 16%, rgba(0, 231, 223, 0.28), transparent 28%),
linear-gradient(140deg, #fff 0%, #f6fbfa 52%, #e8fffc 100%);
}
.llc-shop-hero::after {
content: "";
position: absolute;
right: -180px;
bottom: -300px;
width: 640px;
height: 640px;
border: 1px solid rgba(0, 159, 152, 0.17);
border-radius: 50%;
box-shadow:
0 0 0 75px rgba(0, 231, 223, 0.045),
0 0 0 150px rgba(0, 231, 223, 0.025);
pointer-events: none;
}
.llc-shop-hero__inner {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: minmax(0, 1.35fr) minmax(310px, 0.65fr);
align-items: end;
gap: clamp(55px, 9vw, 140px);
}
.llc-shop-hero h1 {
max-width: 900px;
margin: 22px 0 30px;
font-size: clamp(3.2rem, 6vw, 6.1rem);
line-height: 0.95;
letter-spacing: -0.055em;
}
.llc-shop-hero h1 em {
color: var(--llc-heading-accent);
font-style: normal;
}
.llc-shop-hero__copy > p {
max-width: 690px;
margin: 0;
color: var(--llc-ink-soft);
font-size: clamp(1.02rem, 1.45vw, 1.2rem);
line-height: 1.75;
}
.llc-shop-hero__facts {
padding: 14px 30px;
color: #fff;
border-radius: 26px;
background: var(--llc-ink);
box-shadow: 0 24px 65px rgba(13, 31, 29, 0.18);
}
.llc-shop-hero__facts > div {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
padding: 20px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.13);
}
.llc-shop-hero__facts > div:last-child {
border-bottom: 0;
}
.llc-shop-hero__facts strong {
color: rgba(255, 255, 255, 0.58);
font-size: 0.72rem;
font-weight: 750;
letter-spacing: 0.07em;
text-transform: uppercase;
}
.llc-shop-hero__facts span {
color: #fff;
font-size: 0.9rem;
font-weight: 750;
text-align: right;
}
.llc-shop-offer {
padding: clamp(70px, 8vw, 110px) 0;
}
.llc-shop-offer__card {
display: grid;
grid-template-columns: minmax(340px, 0.88fr) minmax(0, 1.12fr);
max-width: 1080px;
overflow: hidden;
padding: 0;
border: 1px solid var(--llc-line);
border-radius: 34px;
background: #fff;
box-shadow: 0 28px 80px rgba(20, 74, 70, 0.1);
}
.llc-shop-offer__visual {
position: relative;
min-height: 560px;
margin: 0;
overflow: hidden;
background: #dae6e4;
}
.llc-shop-offer__visual::after {
content: "";
position: absolute;
inset: auto 0 0;
height: 35%;
background: linear-gradient(transparent, rgba(6, 23, 21, 0.66));
pointer-events: none;
}
.llc-shop-offer__visual img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: 50% 45%;
}
.llc-shop-offer__visual figcaption {
position: absolute;
z-index: 1;
right: 28px;
bottom: 26px;
left: 28px;
color: rgba(255, 255, 255, 0.92);
font-size: 0.76rem;
font-weight: 700;
letter-spacing: 0.04em;
}
.llc-shop-offer__content {
display: flex;
flex-direction: column;
justify-content: center;
padding: clamp(38px, 4.3vw, 58px);
}
.llc-shop-offer__content h2 {
max-width: 720px;
margin: 16px 0 18px;
font-size: clamp(2.25rem, 3.5vw, 3.65rem);
line-height: 0.98;
letter-spacing: -0.045em;
}
.llc-shop-offer__lead {
max-width: 640px;
margin: 0;
color: var(--llc-muted);
font-size: 1.02rem;
line-height: 1.72;
}
.llc-shop-offer__benefits {
display: grid;
gap: 12px;
margin: 27px 0 30px;
padding: 0;
list-style: none;
}
.llc-shop-offer__benefits li {
display: grid;
grid-template-columns: 28px minmax(0, 1fr);
align-items: start;
gap: 12px;
color: var(--llc-ink-soft);
line-height: 1.5;
}
.llc-shop-offer__benefits li > span {
width: 25px;
height: 25px;
display: grid;
place-items: center;
color: var(--llc-ink);
border-radius: 50%;
background: var(--llc-accent);
font-size: 0.72rem;
font-weight: 900;
}
.llc-shop-offer__purchase {
display: flex;
align-items: center;
justify-content: space-between;
gap: 25px;
padding-top: 24px;
border-top: 1px solid var(--llc-line);
}
.llc-shop-offer__price small,
.llc-shop-offer__price strong {
display: block;
}
.llc-shop-offer__price small {
margin-bottom: 5px;
color: var(--llc-muted);
font-size: 0.72rem;
font-weight: 750;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.llc-shop-offer__price strong {
color: var(--llc-heading-accent);
font-size: clamp(1.55rem, 2.5vw, 2.05rem);
line-height: 1;
}
.llc-shop-offer__price del,
.llc-shop-offer__price ins {
text-decoration: none;
}
.llc-shop-offer__buy {
min-width: 205px;
}
.llc-shop-offer__detail {
width: fit-content;
margin-top: 18px;
color: var(--llc-ink);
border-bottom: 1px solid var(--llc-line);
font-size: 0.84rem;
font-weight: 750;
}
.llc-shop-offer__detail:hover {
color: var(--llc-heading-accent);
border-color: var(--llc-heading-accent);
}
.llc-shop-offer__note {
display: flex;
align-items: center;
gap: 9px;
margin: 20px 0 0;
color: var(--llc-muted);
font-size: 0.78rem;
line-height: 1.5;
}
.llc-shop-offer__note > span {
color: var(--llc-heading-accent);
font-size: 0.58rem;
}
.llc-shop-journey {
padding: clamp(75px, 9vw, 125px) 0;
background: #fff;
}
.llc-shop-journey header {
max-width: 740px;
margin-bottom: clamp(45px, 6vw, 72px);
}
.llc-shop-journey h2 {
margin: 18px 0 0;
font-size: clamp(2.4rem, 4.7vw, 4.9rem);
line-height: 1;
letter-spacing: -0.05em;
}
.llc-shop-journey ol {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin: 0;
padding: 0;
border-top: 1px solid var(--llc-line);
list-style: none;
}
.llc-shop-journey li {
display: grid;
grid-template-columns: 45px minmax(0, 1fr);
gap: 20px;
padding: 34px clamp(20px, 3vw, 42px) 20px 0;
border-right: 1px solid var(--llc-line);
}
.llc-shop-journey li + li {
padding-left: clamp(20px, 3vw, 42px);
}
.llc-shop-journey li:last-child {
padding-right: 0;
border-right: 0;
}
.llc-shop-journey li > span {
color: var(--llc-heading-accent);
font-size: 0.72rem;
font-weight: 850;
letter-spacing: 0.08em;
}
.llc-shop-journey h3 {
margin: -5px 0 10px;
font-size: 1.35rem;
}
.llc-shop-journey li p {
margin: 0;
color: var(--llc-muted);
font-size: 0.9rem;
line-height: 1.65;
}
@media (max-width: 1120px) {
.llc-course-shop-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.llc-course-product:last-child {
grid-column: 1 / -1;
width: min(100%, 590px);
justify-self: center;
}
}
@media (max-width: 900px) {
.llc-shop-hero__inner,
.llc-shop-offer__card {
grid-template-columns: 1fr;
}
.llc-shop-hero__facts {
width: min(100%, 580px);
}
.llc-shop-offer__visual {
min-height: 0;
height: 460px;
}
.llc-shop-journey ol {
grid-template-columns: 1fr;
}
.llc-shop-journey li,
.llc-shop-journey li + li {
padding: 28px 0;
border-right: 0;
border-bottom: 1px solid var(--llc-line);
}
.llc-shop-journey li:last-child {
border-bottom: 0;
}
.llc-store-hero__inner {
grid-template-columns: 1fr;
align-items: start;
gap: 50px;
}
.llc-store-hero__facts {
width: min(100%, 560px);
}
.llc-store-steps ol {
grid-template-columns: 1fr;
}
.llc-store-steps li,
.llc-store-steps li:last-child {
border-right: 0;
border-bottom: 1px solid var(--llc-line);
}
.woocommerce-account .woocommerce {
grid-template-columns: 1fr;
}
.woocommerce-MyAccount-navigation ul {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 680px) {
.llc-shop-hero {
padding: 65px 0 75px;
}
.llc-shop-hero::after {
right: -300px;
}
.llc-shop-hero__inner {
gap: 42px;
}
.llc-shop-hero h1 {
font-size: clamp(2.65rem, 13vw, 4.1rem);
}
.llc-shop-hero h1 br {
display: none;
}
.llc-shop-hero h1 em::before {
content: "\00a0";
}
.llc-shop-hero__facts {
padding: 8px 21px;
border-radius: 21px;
}
.llc-shop-hero__facts > div {
padding: 17px 0;
}
.llc-shop-offer {
padding: 60px 0 75px;
}
.llc-shop-offer__card {
border-radius: 24px;
}
.llc-shop-offer__visual {
min-height: 0;
height: 330px;
}
.llc-shop-offer__content {
padding: 30px 24px 34px;
}
.llc-shop-offer__content h2 {
font-size: clamp(2.25rem, 10vw, 3.25rem);
}
.llc-shop-offer__purchase {
align-items: stretch;
flex-direction: column;
}
.llc-shop-offer__buy {
width: 100%;
}
.llc-shop-journey li {
grid-template-columns: 36px minmax(0, 1fr);
gap: 12px;
}
.llc-cart-link {
width: 42px;
height: 42px;
flex-basis: 42px;
}
.llc-store-hero {
padding-top: 65px;
}
.llc-store-hero h1 {
font-size: clamp(2.8rem, 14vw, 4.6rem);
}
.llc-course-shop-grid,
.woocommerce ul.products,
.llc-account-courses__grid {
grid-template-columns: 1fr;
}
.llc-course-product:last-child {
grid-column: auto;
width: auto;
}
.llc-course-product__image {
height: 370px;
}
.llc-course-product__body {
padding: 25px;
}
.llc-course-product__body > p {
min-height: 0;
}
.llc-course-product__footer {
align-items: stretch;
flex-direction: column;
}
.llc-course-product__footer .llc-btn {
width: 100%;
}
.woocommerce-account .woocommerce,
.wc-block-cart,
.wc-block-checkout {
padding: 20px;
border-radius: 20px;
}
.woocommerce-MyAccount-navigation ul {
grid-template-columns: 1fr;
}
.llc-study__welcome {
flex-direction: column;
}
}