/* AF presentation: surfaces. Consolidated 17 October 2026; see presentation-manifest.json. */
body.af-surface-page { margin: 0px !important; color: var(--af-ink) !important; background: radial-gradient(circle at 14% 8%, rgba(121, 217, 184, 0.075), transparent 25%), radial-gradient(circle at 82% 80%, rgba(215, 168, 79, 0.05), transparent 30%), linear-gradient(135deg, rgb(2, 8, 6), rgb(6, 16, 13) 55%, rgb(2, 7, 6)) !important; font-family: var(--af-sans) !important; }
body.af-surface-page * { box-sizing: border-box; }
body.af-surface-page .wp-site-blocks > header.wp-block-template-part { display: none !important; }
body.af-surface-page .wp-site-blocks > footer.wp-block-template-part { display: none !important; }
body.af-surface-page .wp-site-blocks { min-height: calc(-132px + 100svh); background: transparent !important; padding: 14px !important; }
body.af-surface-page a:not(:where(.af-site-header *,#af-consent-banner *,#af-consent-dialog *,#af-search-dialog *,.af-privacy-links *)) { color: inherit; }
body.af-surface-page .wp-site-blocks > main { max-width: 1480px !important; width: 100% !important; margin: 0px auto !important; background: transparent !important; color: var(--af-ink) !important; }
body.af-surface-page .wp-site-blocks > .woocommerce { max-width: 1480px !important; width: 100% !important; margin: 0px auto !important; background: transparent !important; color: var(--af-ink) !important; }
body.af-surface-page .wp-site-blocks > .tutor-wrap { max-width: 1480px !important; width: 100% !important; margin: 0px auto !important; background: transparent !important; color: var(--af-ink) !important; }
body.af-surface-page .wp-site-blocks > .wp-block-group.woocommerce { max-width: 1480px !important; width: 100% !important; margin: 0px auto !important; background: transparent !important; color: var(--af-ink) !important; }
body.af-surface-page main#wp--skip-link--target { border: 1px solid var(--af-line) !important; background: linear-gradient(145deg, rgba(8, 28, 22, 0.86), rgba(3, 13, 10, 0.92)) !important; box-shadow: rgba(0, 0, 0, 0.36) 0px 32px 100px !important; padding: clamp(22px, 3vw, 48px) !important; }
body.af-surface-page .tutor-wrap { border: 1px solid var(--af-line) !important; background: linear-gradient(145deg, rgba(8, 28, 22, 0.86), rgba(3, 13, 10, 0.92)) !important; box-shadow: rgba(0, 0, 0, 0.36) 0px 32px 100px !important; padding: clamp(22px, 3vw, 48px) !important; }
body.af-surface-page h1:not(:where(.af-site-header *,#af-consent-banner *,#af-consent-dialog *,#af-search-dialog *,.af-privacy-links *)) { color: var(--af-ink) !important; }
body.af-surface-page h2:not(:where(.af-site-header *,#af-consent-banner *,#af-consent-dialog *,#af-search-dialog *,.af-privacy-links *)) { color: var(--af-ink) !important; }
body.af-surface-page h3:not(:where(.af-site-header *,#af-consent-banner *,#af-consent-dialog *,#af-search-dialog *,.af-privacy-links *)) { color: var(--af-ink) !important; }
body.af-surface-page h4:not(:where(.af-site-header *,#af-consent-banner *,#af-consent-dialog *,#af-search-dialog *,.af-privacy-links *)) { color: var(--af-ink) !important; }
body.af-surface-page p:not(:where(.af-site-header *,#af-consent-banner *,#af-consent-dialog *,#af-search-dialog *,.af-privacy-links *)) { color: rgb(201, 214, 208) !important; }
body.af-surface-page li:not(:where(.af-site-header *,#af-consent-banner *,#af-consent-dialog *,#af-search-dialog *,.af-privacy-links *)) { color: rgb(201, 214, 208) !important; }
body.af-surface-page dd:not(:where(.af-site-header *,#af-consent-banner *,#af-consent-dialog *,#af-search-dialog *,.af-privacy-links *)) { color: rgb(201, 214, 208) !important; }
body.af-surface-page input:not([type="checkbox"]):not([type="radio"]):not(:where(.af-site-header *,#af-consent-banner *,#af-consent-dialog *,#af-search-dialog *,.af-privacy-links *)) { background: rgb(2, 9, 6) !important; color: var(--af-ink) !important; border: 1px solid var(--af-line) !important; border-radius: 7px !important; padding: 12px 13px !important; }
body.af-surface-page select:not(:where(.af-site-header *,#af-consent-banner *,#af-consent-dialog *,#af-search-dialog *,.af-privacy-links *)) { background: rgb(2, 9, 6) !important; color: var(--af-ink) !important; border: 1px solid var(--af-line) !important; border-radius: 7px !important; padding: 12px 13px !important; }
body.af-surface-page textarea:not(:where(.af-site-header *,#af-consent-banner *,#af-consent-dialog *,#af-search-dialog *,.af-privacy-links *)) { background: rgb(2, 9, 6) !important; color: var(--af-ink) !important; border: 1px solid var(--af-line) !important; border-radius: 7px !important; padding: 12px 13px !important; }
body.af-surface-page input:focus:not(:where(.af-site-header *,#af-consent-banner *,#af-consent-dialog *,#af-search-dialog *,.af-privacy-links *)) { outline-offset: 2px; outline: 2px solid var(--af-gold) !important; }
body.af-surface-page select:focus:not(:where(.af-site-header *,#af-consent-banner *,#af-consent-dialog *,#af-search-dialog *,.af-privacy-links *)) { outline-offset: 2px; outline: 2px solid var(--af-gold) !important; }
body.af-surface-page textarea:focus:not(:where(.af-site-header *,#af-consent-banner *,#af-consent-dialog *,#af-search-dialog *,.af-privacy-links *)) { outline-offset: 2px; outline: 2px solid var(--af-gold) !important; }
body.af-surface-page button:not(.pswp__button):not(:where(.af-site-header *,#af-consent-banner *,#af-consent-dialog *,#af-search-dialog *,.af-privacy-links *)) { border: 1px solid var(--af-line2) !important; border-radius: 7px !important; background: linear-gradient(rgb(225, 180, 94), rgb(201, 147, 53)) !important; color: rgb(7, 16, 12) !important; font: 800 10px/1 var(--af-mono) !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; box-shadow: none !important; }
body.af-surface-page .button:not(:where(.af-site-header *,#af-consent-banner *,#af-consent-dialog *,#af-search-dialog *,.af-privacy-links *)) { border: 1px solid var(--af-line2) !important; border-radius: 7px !important; background: linear-gradient(rgb(225, 180, 94), rgb(201, 147, 53)) !important; color: rgb(7, 16, 12) !important; font: 800 10px/1 var(--af-mono) !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; box-shadow: none !important; }
body.af-surface-page .wp-element-button:not(:where(.af-site-header *,#af-consent-banner *,#af-consent-dialog *,#af-search-dialog *,.af-privacy-links *)) { border: 1px solid var(--af-line2) !important; border-radius: 7px !important; background: linear-gradient(rgb(225, 180, 94), rgb(201, 147, 53)) !important; color: rgb(7, 16, 12) !important; font: 800 10px/1 var(--af-mono) !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; box-shadow: none !important; }
body.af-surface-page .tutor-btn-primary:not(:where(.af-site-header *,#af-consent-banner *,#af-consent-dialog *,#af-search-dialog *,.af-privacy-links *)) { border: 1px solid var(--af-line2) !important; border-radius: 7px !important; background: linear-gradient(rgb(225, 180, 94), rgb(201, 147, 53)) !important; color: rgb(7, 16, 12) !important; font: 800 10px/1 var(--af-mono) !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; box-shadow: none !important; }
body.af-surface-page button:hover:not(:where(.af-site-header *,#af-consent-banner *,#af-consent-dialog *,#af-search-dialog *,.af-privacy-links *)) { filter: brightness(1.05); transform: translateY(-1px); }
body.af-surface-page .button:hover:not(:where(.af-site-header *,#af-consent-banner *,#af-consent-dialog *,#af-search-dialog *,.af-privacy-links *)) { filter: brightness(1.05); transform: translateY(-1px); }
body.af-surface-page .wp-element-button:hover:not(:where(.af-site-header *,#af-consent-banner *,#af-consent-dialog *,#af-search-dialog *,.af-privacy-links *)) { filter: brightness(1.05); transform: translateY(-1px); }
body.af-surface-page .tutor-btn-primary:hover:not(:where(.af-site-header *,#af-consent-banner *,#af-consent-dialog *,#af-search-dialog *,.af-privacy-links *)) { filter: brightness(1.05); transform: translateY(-1px); }
body.af-surface-page .woocommerce-breadcrumb { text-transform: uppercase; letter-spacing: 0.08em; color: var(--af-muted) !important; font: 600 9px/1.5 var(--af-mono) !important; }
body.af-surface-page .wc-block-breadcrumbs { text-transform: uppercase; letter-spacing: 0.08em; color: var(--af-muted) !important; font: 600 9px/1.5 var(--af-mono) !important; }
body.af-surface-page .woocommerce-breadcrumb a { color: var(--af-mint) !important; }
body.single-product.af-surface-page main#wp--skip-link--target { padding-top: 28px !important; }
body.single-product.af-surface-page .wp-block-columns.alignwide { align-items: center; gap: clamp(28px, 5vw, 70px) !important; }
body.single-product.af-surface-page .wp-block-post-title { font: 400 clamp(48px,6vw,94px)/.9 var(--af-serif) !important; color: rgb(255, 248, 234) !important; }
body.single-product.af-surface-page .wp-block-post-excerpt { font-size: 17px; line-height: 1.7; }
body.single-product.af-surface-page .wp-block-woocommerce-product-meta { color: var(--af-muted); font: 600 10px/1.5 var(--af-mono); text-transform: uppercase; }
body.single-product.af-surface-page .woocommerce-product-gallery { min-height: 520px !important; display: grid !important; place-items: center !important; border: 1px solid var(--af-line) !important; background: radial-gradient(circle at 50% 42%, rgba(215, 168, 79, 0.12), transparent 34%), linear-gradient(145deg, rgb(8, 25, 20), rgb(2, 9, 6)) !important; opacity: 1 !important; }
body.single-product.af-surface-page .woocommerce-product-gallery--without-images .woocommerce-product-gallery__image--placeholder { width: 100%; min-height: 520px; display: grid; place-items: center; position: relative; }
body.single-product.af-surface-page .woocommerce-product-gallery--without-images img { width: 180px !important; height: 180px !important; opacity: 0.14 !important; filter: invert(1) sepia(0.2) !important; }
body.single-product.af-surface-page .woocommerce-product-gallery--without-images .woocommerce-product-gallery__image--placeholder::after { content: "XSTRIKE // PRODUCT"; position: absolute; bottom: 28px; left: 28px; color: var(--af-gold); font: 700 10px/1 var(--af-mono); letter-spacing: 0.16em; }
body.single-product.af-surface-page .af-commerce-access { margin: 24px 0px; padding: 16px 18px; border: 1px solid var(--af-line2); background: rgba(215, 168, 79, 0.07); color: rgb(223, 232, 227); font-size: 14px; line-height: 1.6; }
body.single-product.af-surface-page .af-commerce-access a { color: var(--af-gold); font-weight: 700; }
body.single-product.af-surface-page .woocommerce-tabs { margin-top: 40px; padding: 24px; border: 1px solid var(--af-line); background: rgba(2, 9, 7, 0.62); }
body.single-product.af-surface-page .related.products { margin-top: 40px; padding: 24px; border: 1px solid var(--af-line); background: rgba(2, 9, 7, 0.62); }
body.single-product.af-surface-page .wc-tabs { border-bottom: 1px solid var(--af-line) !important; }
body.single-product.af-surface-page .wc-tabs li { background: transparent !important; border: 0px !important; }
body.single-product.af-surface-page .wc-tabs a { text-transform: uppercase; color: var(--af-muted) !important; font: 700 10px/1 var(--af-mono) !important; }
body.single-product.af-surface-page .wc-tabs .active a { color: var(--af-gold) !important; }
body.single-product.af-surface-page .related.products > h2 { font: 400 34px/1 var(--af-serif) !important; }
body.single-product.af-surface-page .related.products li.product { padding: 16px !important; border: 1px solid var(--af-line) !important; background: linear-gradient(145deg, rgba(8, 28, 22, 0.86), rgba(3, 13, 10, 0.92)) !important; }
body.post-type-archive-product.af-surface-page li.product { padding: 16px !important; border: 1px solid var(--af-line) !important; background: linear-gradient(145deg, rgba(8, 28, 22, 0.86), rgba(3, 13, 10, 0.92)) !important; }
body.single-product.af-surface-page li.product img { opacity: 0.55; background: rgb(7, 18, 14) !important; }
body.post-type-archive-product.af-surface-page li.product img { opacity: 0.55; background: rgb(7, 18, 14) !important; }
body.single-product.af-surface-page li.product .woocommerce-loop-product__title { font: 400 25px/1.05 var(--af-serif) !important; color: var(--af-ink) !important; }
body.post-type-archive-product.af-surface-page li.product .woocommerce-loop-product__title { font: 400 25px/1.05 var(--af-serif) !important; color: var(--af-ink) !important; }
body.af-product-unpriced .wp-block-woocommerce-product-price { display: none !important; }
body.post-type-archive-product.af-surface-page .wp-block-query-title { font: 400 clamp(54px,7vw,100px)/.9 var(--af-serif) !important; color: rgb(255, 248, 234) !important; }
body.post-type-archive-product.af-surface-page .woocommerce-products-header__title { font: 400 clamp(54px,7vw,100px)/.9 var(--af-serif) !important; color: rgb(255, 248, 234) !important; }
body.post-type-archive-product.af-surface-page ul.products { gap: 18px !important; }
body.woocommerce-account.af-surface-page main#wp--skip-link--target > div:first-child { background: transparent !important; padding: 0px !important; }
body.woocommerce-account.af-surface-page main#wp--skip-link--target > div:first-child h1 { font: 400 clamp(50px,7vw,96px)/.9 var(--af-serif) !important; color: rgb(255, 248, 234) !important; text-transform: none !important; }
body.woocommerce-account.af-surface-page .entry-content { padding: 0px !important; }
body.woocommerce-account.af-surface-page #customer_login { grid-template-columns: 1fr 1fr; gap: 18px; display: grid !important; }
body.woocommerce-account.af-surface-page #customer_login > div { padding: 26px !important; border: 1px solid var(--af-line) !important; background: linear-gradient(145deg, rgba(8, 28, 22, 0.86), rgba(3, 13, 10, 0.92)) !important; }
body.woocommerce-account.af-surface-page .woocommerce-MyAccount-navigation { padding: 26px !important; border: 1px solid var(--af-line) !important; background: linear-gradient(145deg, rgba(8, 28, 22, 0.86), rgba(3, 13, 10, 0.92)) !important; }
body.woocommerce-account.af-surface-page .woocommerce-MyAccount-content { padding: 26px !important; border: 1px solid var(--af-line) !important; background: linear-gradient(145deg, rgba(8, 28, 22, 0.86), rgba(3, 13, 10, 0.92)) !important; }
body.woocommerce-account.af-surface-page .woocommerce-form { border: 0px !important; padding: 0px !important; }
body.woocommerce-account.af-surface-page .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0px; padding: 0px; display: grid; gap: 6px; }
body.woocommerce-account.af-surface-page .woocommerce-MyAccount-navigation a { display: block; padding: 12px; border: 1px solid rgba(121, 217, 184, 0.14); text-decoration: none; color: var(--af-muted); font: 600 10px/1.3 var(--af-mono); text-transform: uppercase; }
body.woocommerce-account.af-surface-page .woocommerce-MyAccount-navigation .is-active a { border-color: var(--af-line2); color: var(--af-gold); }
body.woocommerce-cart.af-surface-page .wp-block-woocommerce-cart { color: var(--af-ink) !important; }
body.woocommerce-checkout.af-surface-page .wp-block-woocommerce-checkout { color: var(--af-ink) !important; }
body.woocommerce-cart.af-surface-page .wc-block-components-sidebar { border: 1px solid var(--af-line) !important; background: rgba(2, 9, 7, 0.58) !important; padding: 20px !important; }
body.woocommerce-checkout.af-surface-page .wc-block-components-sidebar { border: 1px solid var(--af-line) !important; background: rgba(2, 9, 7, 0.58) !important; padding: 20px !important; }
body.woocommerce-cart.af-surface-page .wc-block-cart-items { border: 1px solid var(--af-line) !important; background: rgba(2, 9, 7, 0.58) !important; padding: 20px !important; }
body.woocommerce-checkout.af-surface-page .wc-block-checkout__main { border: 1px solid var(--af-line) !important; background: rgba(2, 9, 7, 0.58) !important; padding: 20px !important; }
body.af-surface-page .wc-block-components-title { color: var(--af-ink) !important; }
body.af-surface-page .wc-block-components-totals-wrapper { color: var(--af-ink) !important; }
body.af-surface-page .wc-block-components-product-name { color: var(--af-ink) !important; }
body.af-surface-page .tutor-dashboard { background: transparent !important; color: var(--af-ink) !important; }
body.af-surface-page .tutor-dashboard-content { background: transparent !important; color: var(--af-ink) !important; }
body.af-surface-page .tutor-lesson-wrapper { background: transparent !important; color: var(--af-ink) !important; }
body.af-surface-page .tutor-dashboard-menu-item a { color: var(--af-muted) !important; }
body.af-surface-page .tutor-dashboard-menu-divider { color: var(--af-muted) !important; }
body.af-surface-page .woocommerce-message { background: rgb(7, 20, 15) !important; color: var(--af-ink) !important; border-color: var(--af-line2) !important; }
body.af-surface-page .woocommerce-info { background: rgb(7, 20, 15) !important; color: var(--af-ink) !important; border-color: var(--af-line2) !important; }
body.af-surface-page .woocommerce-error { background: rgb(7, 20, 15) !important; color: var(--af-ink) !important; border-color: var(--af-line2) !important; }
body.af-surface-page .tutor-modal-content { background: rgb(6, 19, 15) !important; color: var(--af-ink) !important; border: 1px solid var(--af-line) !important; }
.af-product-path { margin-top: 26px; padding: 22px; border: 1px solid var(--af-line); background: linear-gradient(145deg, rgba(8, 28, 22, 0.84), rgba(3, 13, 10, 0.92)); }
.af-lesson-products { margin-top: 26px; padding: 22px; border: 1px solid var(--af-line); background: linear-gradient(145deg, rgba(8, 28, 22, 0.84), rgba(3, 13, 10, 0.92)); }
.af-product-path-head { display: flex; justify-content: space-between; gap: 18px; align-items: center; margin-bottom: 16px; color: var(--af-muted); font: 700 9px/1.4 var(--af-mono); letter-spacing: 0.09em; text-transform: uppercase; }
.af-product-path-head span { color: var(--af-gold); }
.af-product-path-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px; }
.af-lesson-products-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px; }
.af-product-path-grid a { display: grid; gap: 9px; padding: 16px; border: 1px solid rgba(121, 217, 184, 0.17); background: rgba(2, 9, 7, 0.55); text-decoration: none; }
.af-lesson-product-card { display: grid; gap: 9px; padding: 16px; border: 1px solid rgba(121, 217, 184, 0.17); background: rgba(2, 9, 7, 0.55); text-decoration: none; }
.af-product-path-grid a:hover { border-color: var(--af-line2); transform: translateY(-1px); }
.af-lesson-product-card:hover { border-color: var(--af-line2); transform: translateY(-1px); }
.af-product-path-grid small { color: var(--af-gold); font: 700 8px/1.35 var(--af-mono); letter-spacing: 0.09em; text-transform: uppercase; }
.af-lesson-product-card small { color: var(--af-gold); font: 700 8px/1.35 var(--af-mono); letter-spacing: 0.09em; text-transform: uppercase; }
.af-product-path-grid b { color: var(--af-ink); font: 400 21px/1.1 var(--af-serif); }
.af-lesson-product-card b { color: var(--af-ink); font: 400 21px/1.1 var(--af-serif); }
.af-product-path-grid span { color: var(--af-muted); font-size: 12px; line-height: 1.5; }
.af-lesson-product-card span { color: var(--af-muted); font-size: 12px; line-height: 1.5; }
@media (max-width: 820px) {
.af-product-path-grid { grid-template-columns: 1fr; }
}
@media (max-width: 820px) {
.af-lesson-products-grid { grid-template-columns: 1fr; }
}
@media (max-width: 980px) {
body.woocommerce-account.af-surface-page #customer_login { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
body.af-surface-page .wp-site-blocks { padding: 6px !important; }
}
@media (max-width: 720px) {
body.af-surface-page main#wp--skip-link--target { padding: 18px !important; }
}
@media (max-width: 720px) {
body.af-surface-page .tutor-wrap { padding: 18px !important; }
}
@media (max-width: 720px) {
body.single-product.af-surface-page .woocommerce-product-gallery { min-height: 300px !important; }
}
@media (max-width: 720px) {
body.single-product.af-surface-page .woocommerce-product-gallery--without-images .woocommerce-product-gallery__image--placeholder { min-height: 300px !important; }
}
body.af-control-page.af-surface-page main#wp--skip-link--target { padding: 0px !important; border: 0px !important; background: transparent !important; box-shadow: none !important; }
body.af-control-page.af-surface-page main#wp--skip-link--target > div:first-child { display: none !important; }
body.af-control-page.af-surface-page .entry-content { max-width: 1480px !important; padding: 0px !important; }
.af-control { display: grid; gap: 18px; }
.af-control-hero { min-height: 310px; display: grid; grid-template-columns: 1.3fr 0.7fr; gap: 30px; align-items: end; padding: clamp(30px, 5vw, 64px); border: 1px solid var(--af-line); background: radial-gradient(circle at 82% 15%, rgba(215, 168, 79, 0.12), transparent 30%), linear-gradient(145deg, rgba(8, 28, 22, 0.96), rgba(3, 13, 10, 0.98)); box-shadow: rgba(0, 0, 0, 0.35) 0px 32px 100px; }
.af-control-kicker { color: var(--af-gold); font: 700 10px/1 var(--af-mono); letter-spacing: 0.18em; text-transform: uppercase; }
.af-control-hero h1 { margin: 14px 0px 12px; font: 400 clamp(52px,7vw,106px)/.88 var(--af-serif) !important; color: rgb(255, 248, 234) !important; }
.af-control-hero p { margin: 0px; color: rgb(201, 214, 208); font-size: 18px; }
.af-control-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.af-control-stats span { min-height: 110px; padding: 18px; border: 1px solid var(--af-line); background: rgba(2, 9, 7, 0.52); color: var(--af-muted); font: 700 9px/1.35 var(--af-mono); text-transform: uppercase; }
.af-control-stats b { display: block; margin-bottom: 15px; color: var(--af-gold); font: 400 44px/1 var(--af-serif); }
.af-control-notice { padding: 14px 16px; border: 1px solid rgba(69, 224, 162, 0.4); background: rgba(69, 224, 162, 0.07); color: var(--af-green); font: 700 10px/1.5 var(--af-mono); letter-spacing: 0.06em; text-transform: uppercase; }
.af-control-notice.is-error { border-color: rgba(209, 139, 104, 0.5); background: rgba(209, 139, 104, 0.08); color: rgb(232, 170, 136); }
.af-control-jump { position: sticky; top: 82px; z-index: 20; display: flex; gap: 7px; flex-wrap: wrap; padding: 10px; border: 1px solid var(--af-line); background: rgba(2, 9, 7, 0.95); backdrop-filter: blur(12px); }
.admin-bar .af-control-jump { top: 114px; }
.af-control-jump a { text-decoration: none; padding: 10px 13px; border: 1px solid var(--af-line); color: var(--af-muted); font: 700 9px/1 var(--af-mono); letter-spacing: 0.08em; text-transform: uppercase; }
.af-control-jump a:hover { color: var(--af-gold); border-color: var(--af-line2); }
.af-control-section { scroll-margin-top: 145px; padding: 22px; border: 1px solid var(--af-line); background: linear-gradient(145deg, rgba(8, 28, 22, 0.76), rgba(3, 13, 10, 0.88)); }
.af-control-sectionhead { display: grid; grid-template-columns: 70px 1fr; gap: 18px; align-items: start; margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid var(--af-line); }
.af-control-sectionhead > span { color: var(--af-gold); font: 400 52px/1 var(--af-serif); }
.af-control-sectionhead h2 { margin: 0px !important; font: 400 clamp(36px,4vw,58px)/1 var(--af-serif) !important; }
.af-control-sectionhead p { margin: 7px 0px 0px !important; color: var(--af-muted) !important; }
.af-control-list { display: grid; gap: 12px; }
.af-control-row { display: grid; gap: 14px; padding: 18px; border: 1px solid rgba(121, 217, 184, 0.17); background: rgba(2, 9, 7, 0.58); }
.af-control-create { display: grid; gap: 14px; padding: 18px; border: 1px solid rgba(121, 217, 184, 0.17); background: rgba(2, 9, 7, 0.58); }
.af-control-rowhead { display: flex; justify-content: space-between; gap: 14px; color: var(--af-muted); font: 700 9px/1 var(--af-mono); letter-spacing: 0.1em; text-transform: uppercase; }
.af-control-rowhead strong { color: var(--af-green); }
.af-control-row label { display: grid; gap: 6px; color: var(--af-muted); font: 700 9px/1.2 var(--af-mono); letter-spacing: 0.06em; text-transform: uppercase; }
.af-control-create label { display: grid; gap: 6px; color: var(--af-muted); font: 700 9px/1.2 var(--af-mono); letter-spacing: 0.06em; text-transform: uppercase; }
.af-control-row input { width: 100%; min-height: 46px; }
.af-control-row select { width: 100%; min-height: 46px; }
.af-control-create input { width: 100%; min-height: 46px; }
.af-control-create select { width: 100%; min-height: 46px; }
.af-control-row textarea { width: 100%; min-height: 96px; resize: vertical; line-height: 1.55 !important; text-transform: none !important; }
.af-control-create textarea { width: 100%; min-height: 96px; resize: vertical; line-height: 1.55 !important; text-transform: none !important; }
.af-control-copy { display: grid; grid-template-columns: minmax(0px, 0.75fr) minmax(0px, 1.25fr); gap: 10px; }
.af-control-help { margin: 0px !important; color: var(--af-muted) !important; font: 500 11px/1.65 var(--af-mono) !important; }
.af-control-fields { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 10px; }
.af-control-rowactions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.af-control-rowactions button { justify-self: start; width: auto !important; padding: 13px 17px !important; }
.af-control-create button { justify-self: start; width: auto !important; padding: 13px 17px !important; }
.af-control-rowactions a { color: var(--af-gold); font: 700 9px/1 var(--af-mono); letter-spacing: 0.06em; text-transform: uppercase; text-decoration: none; }
.af-control-create { border-color: var(--af-line2); background: rgba(215, 168, 79, 0.035); }
.af-control-create > strong { color: var(--af-gold); font: 400 25px/1 var(--af-serif); }
@media (max-width: 980px) {
.af-control-hero { grid-template-columns: 1fr; }
}
@media (max-width: 980px) {
.af-control-fields { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
@media (max-width: 980px) {
.af-control-copy { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
.af-control-hero { min-height: 260px; padding: 28px 20px; }
}
@media (max-width: 720px) {
.af-control-stats { grid-template-columns: 1fr 1fr 1fr; }
}
@media (max-width: 720px) {
.af-control-stats span { padding: 12px; min-height: 86px; }
}
@media (max-width: 720px) {
.af-control-stats b { font-size: 32px; }
}
@media (max-width: 720px) {
.af-control-jump { top: 72px; }
}
@media (max-width: 720px) {
.admin-bar .af-control-jump { top: 118px; }
}
@media (max-width: 720px) {
.af-control-section { padding: 14px; }
}
@media (max-width: 720px) {
.af-control-sectionhead { grid-template-columns: 48px 1fr; }
}
@media (max-width: 720px) {
.af-control-sectionhead > span { font-size: 38px; }
}
@media (max-width: 720px) {
.af-control-fields { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
.af-control-row { padding: 14px; }
}
@media (max-width: 720px) {
.af-control-create { padding: 14px; }
}
@media (max-width: 480px) {
.af-control-hero { padding: 24px 18px; }
}
@media (max-width: 480px) {
.af-control-stats { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
.af-control-stats span { min-height: auto; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 14px; }
}
@media (max-width: 480px) {
.af-control-stats b { margin: 0px; font-size: 30px; }
}
@media (max-width: 480px) {
.af-control-sectionhead { grid-template-columns: 1fr; gap: 8px; }
}
@media (max-width: 480px) {
.af-control-sectionhead > span { font-size: 28px; }
}
@media (max-width: 480px) {
.af-control-jump { gap: 5px; }
}
@media (max-width: 480px) {
.af-control-jump a { flex: 1 1 auto; text-align: center; }
}
@media (max-width: 480px) {
.af-control-rowactions > * { flex: 1 1 100%; text-align: center; }
}
@media (max-width: 480px) {
.af-control-rowactions button { width: 100% !important; }
}
body.af-surface-page .af-unavailable { max-width: 860px; margin: 24px auto 60px; padding: clamp(24px, 5vw, 60px); border: 1px solid var(--af-line); border-radius: 4px; background: rgb(12, 33, 26); }
body.af-surface-page .af-unavailable-label { font: 600 11px/1.5 var(--af-mono); letter-spacing: 0.08em; color: var(--af-gold) !important; }
body.af-surface-page .af-unavailable h1 { margin: 24px 0px; overflow-wrap: anywhere; }
body.af-surface-page .af-unavailable-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; margin-top: 32px; }
body.af-surface-page .af-unavailable-actions a { display: inline-flex; align-items: center; min-height: 44px; color: var(--af-gold); }
body.af-surface-page .af-unavailable-actions .wp-element-button { text-decoration: none; color: rgb(7, 16, 12) !important; }
@media (max-width: 700px) {
body.af-surface-page .af-unavailable { margin: 0px auto 24px; padding: 20px; }
}
@media (max-width: 700px) {
body.af-surface-page .af-unavailable h1 { font-size: clamp(34px, 8vw, 48px) !important; line-height: 1.16 !important; }
}
body.af-surface-page .pswp__button:is(.pswp__button--close, .pswp__button--zoom, .pswp__button--fs) { min-height: 44px; background: none !important; padding: 0px !important; border: 0px !important; }
body.af-surface-page .pswp__button:is(.pswp__button--close, .pswp__button--zoom, .pswp__button--fs)::before { content: ""; position: absolute; width: 22px; height: 22px; top: 11px; left: 11px; background: center center / contain no-repeat; }
body.af-surface-page .pswp__button--close::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23f3efe4'%20stroke-width%3D'2'%3E%3Cpath%20d%3D'm6%206%2012%2012M18%206%206%2018'%2F%3E%3C%2Fsvg%3E") !important; }
body.af-surface-page .pswp__button--zoom::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23f3efe4'%20stroke-width%3D'2'%3E%3Ccircle%20cx%3D'10'%20cy%3D'10'%20r%3D'6'%2F%3E%3Cpath%20d%3D'm15%2015%206%206M7%2010h6M10%207v6'%2F%3E%3C%2Fsvg%3E") !important; }
body.af-surface-page .pswp__button--fs::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23f3efe4'%20stroke-width%3D'2'%3E%3Cpath%20d%3D'M9%204H4v5m11-5h5v5M4%2015v5h5m6%200h5v-5'%2F%3E%3C%2Fsvg%3E") !important; }
body.af-surface-page { background: radial-gradient(at 12% 0px, rgb(13, 44, 33), transparent 48%), rgb(3, 12, 9) !important; }
body.af-surface-page .wp-site-blocks { padding: 24px !important; }
body.af-surface-page main#wp--skip-link--target { border-radius: 5px; max-width: 1440px !important; box-shadow: none !important; background: rgb(9, 28, 22) !important; padding: 36px !important; }
body.af-surface-page .tutor-wrap { border-radius: 5px; max-width: 1440px !important; box-shadow: none !important; background: rgb(9, 28, 22) !important; padding: 36px !important; }
body.af-surface-page h1:not(:where(.af-site-header *,#af-consent-banner *,#af-consent-dialog *,#af-search-dialog *,.af-privacy-links *)) { font: 400 clamp(46px,5.4vw,76px)/1.1 var(--af-serif) !important; letter-spacing: -0.035em !important; }
body.af-surface-page h2:not(:where(.af-site-header *,#af-consent-banner *,#af-consent-dialog *,#af-search-dialog *,.af-privacy-links *)) { font-family: var(--af-serif) !important; line-height: 1.25 !important; }
body.af-surface-page p:not(:where(.af-site-header *,#af-consent-banner *,#af-consent-dialog *,#af-search-dialog *,.af-privacy-links *)) { line-height: 1.75; }
body.af-surface-page button:not(.pswp__button):not(:where(.af-site-header *,#af-consent-banner *,#af-consent-dialog *,#af-search-dialog *,.af-privacy-links *)) { min-height: 44px; font: 700 11px/1.5 var(--af-mono) !important; letter-spacing: 0.05em !important; background: var(--af-gold) !important; border-radius: 4px !important; padding: 12px 18px !important; }
body.af-surface-page .button:not(:where(.af-site-header *,#af-consent-banner *,#af-consent-dialog *,#af-search-dialog *,.af-privacy-links *)) { min-height: 44px; font: 700 11px/1.5 var(--af-mono) !important; letter-spacing: 0.05em !important; background: var(--af-gold) !important; border-radius: 4px !important; padding: 12px 18px !important; }
body.af-surface-page .wp-element-button:not(:where(.af-site-header *,#af-consent-banner *,#af-consent-dialog *,#af-search-dialog *,.af-privacy-links *)) { min-height: 44px; font: 700 11px/1.5 var(--af-mono) !important; letter-spacing: 0.05em !important; background: var(--af-gold) !important; border-radius: 4px !important; padding: 12px 18px !important; }
body.af-surface-page .tutor-btn-primary:not(:where(.af-site-header *,#af-consent-banner *,#af-consent-dialog *,#af-search-dialog *,.af-privacy-links *)) { min-height: 44px; font: 700 11px/1.5 var(--af-mono) !important; letter-spacing: 0.05em !important; background: var(--af-gold) !important; border-radius: 4px !important; padding: 12px 18px !important; }
body.af-surface-page button:hover:not(:where(.af-site-header *,#af-consent-banner *,#af-consent-dialog *,#af-search-dialog *,.af-privacy-links *)) { transform: none; }
body.af-surface-page .button:hover:not(:where(.af-site-header *,#af-consent-banner *,#af-consent-dialog *,#af-search-dialog *,.af-privacy-links *)) { transform: none; }
body.af-surface-page .wp-element-button:hover:not(:where(.af-site-header *,#af-consent-banner *,#af-consent-dialog *,#af-search-dialog *,.af-privacy-links *)) { transform: none; }
body.af-surface-page a:focus-visible:not(:where(.af-site-header *,#af-consent-banner *,#af-consent-dialog *,#af-search-dialog *,.af-privacy-links *)) { outline: 2px solid var(--af-gold); outline-offset: 4px; }
body.af-surface-page button:focus-visible:not(:where(.af-site-header *,#af-consent-banner *,#af-consent-dialog *,#af-search-dialog *,.af-privacy-links *)) { outline: 2px solid var(--af-gold); outline-offset: 4px; }
body.af-surface-page summary:focus-visible:not(:where(.af-site-header *,#af-consent-banner *,#af-consent-dialog *,#af-search-dialog *,.af-privacy-links *)) { outline: 2px solid var(--af-gold); outline-offset: 4px; }
body.af-surface-page input:not([type="checkbox"]):not([type="radio"]):not(:where(.af-site-header *,#af-consent-banner *,#af-consent-dialog *,#af-search-dialog *,.af-privacy-links *)) { min-height: 48px; font: 400 16px/1.5 var(--af-sans) !important; border-radius: 4px !important; }
body.af-surface-page select:not(:where(.af-site-header *,#af-consent-banner *,#af-consent-dialog *,#af-search-dialog *,.af-privacy-links *)) { min-height: 48px; font: 400 16px/1.5 var(--af-sans) !important; border-radius: 4px !important; }
body.af-surface-page textarea:not(:where(.af-site-header *,#af-consent-banner *,#af-consent-dialog *,#af-search-dialog *,.af-privacy-links *)) { min-height: 48px; font: 400 16px/1.5 var(--af-sans) !important; border-radius: 4px !important; }
body.af-surface-page .woocommerce-breadcrumb { font-size: 11px !important; letter-spacing: 0.04em !important; line-height: 1.8 !important; }
body.af-surface-page .wc-block-breadcrumbs { font-size: 11px !important; letter-spacing: 0.04em !important; line-height: 1.8 !important; }
body.af-surface-page .woocommerce-loop-product__title { font: 400 26px/1.25 var(--af-serif) !important; letter-spacing: -0.02em !important; }
body.af-surface-page .wc-block-components-product-name { font: 400 26px/1.25 var(--af-serif) !important; letter-spacing: -0.02em !important; }
body.af-surface-page .wc-block-product-template .wp-block-post-title { font: 400 26px/1.25 var(--af-serif) !important; letter-spacing: -0.02em !important; margin: 18px 0px 16px !important; }
body.af-surface-page .wc-block-product-template .wp-block-post-title { min-width: 0px; max-width: 100%; display: block !important; }
body.af-surface-page .wc-block-product-template .wp-block-post-title a { text-decoration: none; display: block; white-space: normal; overflow-wrap: anywhere; min-width: 0px; max-width: 100%; }
body.af-surface-page .wc-block-product-template { gap: 24px !important; }
body.af-surface-page .wc-block-product-template > li { border: 1px solid var(--af-line); background: rgb(12, 33, 26); border-radius: 4px; overflow: hidden; display: flex; flex-direction: column; padding: 18px !important; }
body.af-surface-page .wc-block-product-template img { border-radius: 3px; opacity: 1 !important; object-fit: contain !important; }
body.af-surface-page li.product img:not(:where(.af-site-header *,#af-consent-banner *,#af-consent-dialog *,#af-search-dialog *,.af-privacy-links *)) { border-radius: 3px; opacity: 1 !important; object-fit: contain !important; }
body.af-surface-page .wc-block-components-product-image { aspect-ratio: 4 / 3; background: rgb(16, 32, 23); display: grid; place-items: center; }
body.af-surface-page .wc-block-components-product-image img { max-height: 300px; width: 100%; object-fit: contain; height: 100% !important; }
body.single-product.af-surface-page h1.wp-block-post-title { font: 400 clamp(42px,4.4vw,66px)/1.12 var(--af-serif) !important; }
body.single-product.af-surface-page .woocommerce-product-gallery { border-radius: 4px; overflow: hidden; box-shadow: none; min-height: 420px !important; background: rgb(16, 32, 23) !important; }
body.single-product.af-surface-page .woocommerce-product-gallery__image img:not(.zoomImg) { object-fit: contain; max-height: 650px; width: 100%; height: auto; }
body.single-product.af-surface-page .wp-block-woocommerce-product-meta { display: none !important; }
body.af-surface-page.post-type-archive-product .wp-block-query-title { font: 400 clamp(46px,5.4vw,76px)/1.1 var(--af-serif) !important; margin: 22px 0px 32px !important; }
body.af-surface-page .af-product-path { border-radius: 4px; background: rgb(12, 33, 26); }
body.af-surface-page .af-lesson-products { border-radius: 4px; background: rgb(12, 33, 26); }
body.af-surface-page .af-product-path-head { font-size: 11px; line-height: 1.6; }
body.af-surface-page .af-product-path-grid small { font-size: 10px; line-height: 1.5; }
body.af-surface-page .af-lesson-product-card small { font-size: 10px; line-height: 1.5; }
body.single-product.af-surface-page .woocommerce-tabs { border-radius: 4px; padding: 28px; box-shadow: none; }
body.single-product.af-surface-page .related.products { border-radius: 4px; padding: 28px; box-shadow: none; }
body.single-product.af-surface-page .wc-tabs a { min-height: 44px; font-size: 12px !important; padding: 16px !important; }
body.af-surface-page:is(.woocommerce-account, .woocommerce-cart, .woocommerce-checkout) main > div:first-child .wp-block-cover { min-height: 0px !important; background: transparent !important; padding: 12px 0px 32px !important; justify-content: flex-start !important; }
body.af-surface-page:is(.woocommerce-account, .woocommerce-cart, .woocommerce-checkout) main > div:first-child .wp-block-cover__image-background { display: none !important; }
body.af-surface-page:is(.woocommerce-account, .woocommerce-cart, .woocommerce-checkout) main > div:first-child .wp-block-cover__background { display: none !important; }
body.af-surface-page:is(.woocommerce-account, .woocommerce-cart, .woocommerce-checkout) main > div:first-child h1 { text-align: left !important; max-width: none !important; margin: 0px !important; }
body.af-surface-page:is(.woocommerce-account, .woocommerce-cart, .woocommerce-checkout) main > div:first-child .wp-block-cover__inner-container { width: 100%; max-width: none !important; }
body.woocommerce-account.af-surface-page main#wp--skip-link--target > div:first-child h1 { font: 400 clamp(44px,5vw,70px)/1.12 var(--af-serif) !important; margin: 0px 0px 16px !important; }
body.woocommerce-account.af-surface-page #customer_login { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 24px; max-width: 1120px !important; margin: 0px auto !important; }
body.woocommerce-account.af-surface-page #customer_login::before { display: none !important; }
body.woocommerce-account.af-surface-page #customer_login::after { display: none !important; }
body.woocommerce-account.af-surface-page #customer_login > div { min-width: 0px; border-radius: 4px; float: none !important; width: 100% !important; grid-area: auto !important; padding: 28px !important; background: rgb(12, 33, 26) !important; }
body.woocommerce-account.af-surface-page #customer_login h2 { margin: 0px 0px 24px; font: 400 36px/1.2 var(--af-serif) !important; }
body.woocommerce-account.af-surface-page .woocommerce form .form-row label { font: 500 14px/1.6 var(--af-sans); color: var(--af-ink); }
body.woocommerce-account.af-surface-page .woocommerce .form-row { padding: 0px; margin: 0px 0px 20px; }
body.woocommerce-account.af-surface-page .woocommerce-privacy-policy-text { font-size: 14px; color: var(--af-muted); }
body.woocommerce-account.af-surface-page .woocommerce > .af-commerce-access { max-width: 640px; margin: 0px auto 20px; padding: 16px 18px; border: 1px solid var(--af-line2); border-radius: 4px; background: rgba(215, 180, 107, 0.06); color: var(--af-muted); font-size: 14px; line-height: 1.65; }
body.woocommerce-account.af-surface-page .woocommerce > .af-commerce-access strong { color: var(--af-gold); }
body.woocommerce-account.af-surface-page .woocommerce > h2 { max-width: 640px; margin: 0px auto 18px !important; font: 400 36px/1.2 var(--af-serif) !important; }
body.woocommerce-account.af-surface-page .woocommerce > .woocommerce-form-login { max-width: 640px; border-radius: 4px; margin: 0px auto !important; padding: 28px !important; border: 1px solid var(--af-line) !important; background: rgb(12, 33, 26) !important; }
body.woocommerce-account.af-surface-page .woocommerce-form-login__rememberme { display: flex; align-items: center; gap: 8px; }
body.woocommerce-account.af-surface-page button.show-password-input { width: 44px; background: transparent !important; border: 0px !important; min-height: 44px !important; padding: 8px !important; color: var(--af-ink) !important; top: 2px !important; right: 2px !important; }
body.woocommerce-account.af-surface-page .password-input { position: relative; }
body.woocommerce-account.af-surface-page .password-input input { padding-right: 52px !important; }
body.woocommerce-account.af-surface-page .show-password-input::before { filter: invert(1); }
body.af-surface-page .wp-block-woocommerce-product-collection:has(.wc-block-product-template > li) > .wp-block-query-no-results { display: none !important; }
body.woocommerce-account.af-surface-page .lost_password a { color: var(--af-gold); font-size: 14px; text-underline-offset: 4px; }
@media (max-width: 700px) {
body.af-surface-page .wp-site-blocks { padding: 12px !important; }
}
@media (max-width: 700px) {
body.af-surface-page main#wp--skip-link--target { padding: 22px !important; }
}
@media (max-width: 700px) {
body.af-surface-page .tutor-wrap { padding: 22px !important; }
}
@media (max-width: 700px) {
body.af-surface-page h1:not(:where(.af-site-header *,#af-consent-banner *,#af-consent-dialog *,#af-search-dialog *,.af-privacy-links *)) { font-size: 44px !important; line-height: 1.14 !important; }
}
@media (max-width: 700px) {
body.single-product.af-surface-page h1.wp-block-post-title { font-size: 40px !important; }
}
@media (max-width: 700px) {
body.af-surface-page .wc-block-product-template { grid-template-columns: 1fr !important; gap: 18px !important; }
}
@media (max-width: 700px) {
body.single-product.af-surface-page .woocommerce-product-gallery { min-height: 300px !important; }
}
@media (max-width: 700px) {
body.woocommerce-account.af-surface-page #customer_login { grid-template-columns: 1fr !important; }
}
@media (max-width: 700px) {
body.woocommerce-account.af-surface-page #customer_login > div { padding: 22px !important; }
}
@media (max-width: 700px) {
body.woocommerce-account.af-surface-page main#wp--skip-link--target > div:first-child h1 { font-size: 42px !important; }
}
@media (max-width: 700px) {
body.af-surface-page.post-type-archive-product .wp-block-query-title { font-size: 44px !important; }
}
body.af-surface-page .af-control-hero { border-radius: 4px; box-shadow: none; background: rgb(12, 33, 26); }
body.af-surface-page .af-control-section { border-radius: 4px; box-shadow: none; background: rgb(12, 33, 26); }
body.af-surface-page .af-control-row { border-radius: 4px; box-shadow: none; background: rgb(12, 33, 26); }
body.af-surface-page .af-control-create { border-radius: 4px; box-shadow: none; background: rgb(12, 33, 26); }
body.af-surface-page .af-control-hero h1 { font: 400 clamp(44px,5vw,72px)/1.12 var(--af-serif) !important; }
body.af-surface-page .af-control-hero p { font-size: 16px; line-height: 1.75; }
body.af-surface-page .af-control-stats span { font-size: 11px; line-height: 1.5; border-radius: 4px; }
body.af-surface-page .af-control-sectionhead h2 { font: 400 clamp(32px,3.4vw,46px)/1.2 var(--af-serif) !important; }
body.af-surface-page .af-control-row label { font: 500 14px/1.6 var(--af-sans); letter-spacing: 0px; text-transform: none; }
body.af-surface-page .af-control-create label { font: 500 14px/1.6 var(--af-sans); letter-spacing: 0px; text-transform: none; }
body.af-surface-page .af-control-rowhead { font-size: 11px; line-height: 1.6; letter-spacing: 0.04em; }
body.af-surface-page .af-control-fields { gap: 16px; }
body.af-surface-page .af-control-jump { border-radius: 4px; }
body.af-surface-page .af-control-jump a { font-size: 11px; line-height: 1.5; min-height: 44px; display: inline-flex; align-items: center; letter-spacing: 0.04em; }
body.af-surface-page .af-control-rowactions a { font-size: 11px; line-height: 1.5; min-height: 44px; display: inline-flex; align-items: center; letter-spacing: 0.04em; }
@media (prefers-reduced-motion: reduce) {
body.af-surface-page * { scroll-behavior: auto !important; transition: none !important; }
}