/* Theme Name: GLesim Theme URI: https://glesim.com/ Author: GLesim Description: A clean WooCommerce storefront for GLesim physical eUICC cards. Version: 1.0.0 Text Domain: glesim Requires at least: 6.0 Tested up to: 6.6 Requires PHP: 7.4 */  :root {   --gl-bg: #141413;   --gl-surface: #1c1b19;   --gl-ink: #f5ead6;   --gl-muted: #b9aa8e;   --gl-line: rgba(218, 181, 111, .26);   --gl-soft: rgba(214, 177, 108, .12);   --gl-dark: #11110f;   --gl-accent: #d6b16c;   --gl-accent-strong: #f2d79b;   --gl-radius: 10px;   --gl-shadow: 0 22px 60px rgba(0, 0, 0, .34);   --gl-max: 1180px; }  * {   box-sizing: border-box; }  html {   scroll-behavior: smooth; }  body {   margin: 0;   background: var(--gl-bg);   color: var(--gl-ink);   font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;   font-size: 16px;   line-height: 1.65; }  a {   color: inherit;   text-decoration: none; }  img {   max-width: 100%;   height: auto; }  .screen-reader-text {   position: absolute;   width: 1px;   height: 1px;   padding: 0;   margin: -1px;   overflow: hidden;   clip: rect(0, 0, 0, 0);   white-space: nowrap;   border: 0; }  .gl-container {   width: min(calc(100% - 32px), var(--gl-max));   margin: 0 auto; }  .gl-site-header {   position: sticky;   top: 0;   z-index: 20;   border-bottom: 1px solid rgba(223, 228, 234, 0.9);   background: rgba(255, 255, 255, 0.92);   backdrop-filter: blur(18px); }  .gl-header-inner {   display: flex;   align-items: center;   justify-content: space-between;   min-height: 76px;   gap: 28px; }  .gl-brand {   display: inline-flex;   align-items: center;   gap: 12px;   min-width: 128px;   font-weight: 800;   letter-spacing: 0; }  .gl-logo-placeholder {   display: grid;   place-items: center;   width: 42px;   height: 42px;   border: 1px solid var(--gl-line);   border-radius: var(--gl-radius);   background: var(--gl-dark);   color: #fff;   font-size: 12px;   font-weight: 800; }  .custom-logo-link img {   display: block;   width: auto;   max-height: 44px; }  .gl-default-logo {   display: block;   width: auto;   height: 48px;   max-width: 168px;   object-fit: contain;   object-position: center;   filter: contrast(1.08); }  .gl-menu-toggle {   display: none;   align-items: center;   justify-content: center;   width: 44px;   height: 44px;   border: 1px solid var(--gl-line);   border-radius: var(--gl-radius);   background: #fff;   cursor: pointer; }  .gl-menu-toggle span, .gl-menu-toggle span::before, .gl-menu-toggle span::after {   display: block;   width: 18px;   height: 2px;   background: var(--gl-ink);   content: ""; }  .gl-menu-toggle span::before {   transform: translateY(-6px); }  .gl-menu-toggle span::after {   transform: translateY(4px); }  .gl-main-nav ul {   display: flex;   align-items: center;   gap: 6px;   padding: 0;   margin: 0;   list-style: none; }  .gl-main-nav a {   display: inline-flex;   align-items: center;   min-height: 40px;   padding: 8px 14px;   border-radius: var(--gl-radius);   color: var(--gl-muted);   font-size: 15px;   font-weight: 650; }  .gl-main-nav a:hover, .gl-main-nav .current-menu-item > a, .gl-main-nav .current_page_item > a {   background: var(--gl-soft);   color: var(--gl-ink); }  .gl-cart-link {   display: inline-flex;   align-items: center;   justify-content: center;   min-height: 42px;   padding: 10px 16px;   border-radius: var(--gl-radius);   background: var(--gl-dark);   color: #fff;   font-size: 14px;   font-weight: 750; }  .gl-hero {   position: relative;   overflow: hidden;   background:     radial-gradient(circle at 78% 22%, rgba(20, 184, 166, 0.2), transparent 30%),     linear-gradient(135deg, #101318 0%, #171b21 48%, #f4f6f8 48.2%, #f4f6f8 100%);   color: #fff; }  .gl-hero::after {   position: absolute;   inset: auto 0 0;   height: 1px;   background: var(--gl-line);   content: ""; }  .gl-hero-grid {   display: grid;   grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);   gap: 56px;   align-items: center;   min-height: 640px;   padding: 76px 0; }  .gl-eyebrow {   margin: 0 0 18px;   color: #f2d79b;   font-size: 13px;   font-weight: 800;   letter-spacing: 0.08em;   text-transform: uppercase; }  .gl-hero h1 {   max-width: 680px;   margin: 0;   font-size: clamp(44px, 6vw, 76px);   line-height: 1.05;   letter-spacing: 0; }  .gl-hero p {   max-width: 620px;   margin: 22px 0 0;   color: #d7dde5;   font-size: clamp(18px, 2vw, 22px); }  .gl-actions {   display: flex;   flex-wrap: wrap;   gap: 12px;   margin-top: 34px; }  .gl-button, .button, .wp-block-button__link, button, input[type="submit"], .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit {   display: inline-flex;   align-items: center;   justify-content: center;   min-height: 46px;   padding: 12px 18px;   border: 1px solid transparent;   border-radius: var(--gl-radius);   background: var(--gl-dark);   color: #fff;   font-weight: 800;   line-height: 1.2;   cursor: pointer;   transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease; }  .gl-button:hover, .button:hover, button:hover, input[type="submit"]:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {   background: #242933;   color: #fff;   transform: translateY(-1px); }  .gl-button.is-light {   background: #fff;   color: var(--gl-ink); }  .gl-button.is-outline {   border-color: rgba(255, 255, 255, 0.42);   background: transparent;   color: #fff; }  .gl-product-visual {   position: relative;   min-height: 390px;   color: var(--gl-ink); }  .gl-hero-product-img {   display: block;   width: min(100%, 560px);   margin-left: auto;   border-radius: 22px;   box-shadow: 0 24px 65px rgba(0, 0, 0, 0.34);   object-fit: cover; }  .gl-card-device {   position: absolute;   right: 4%;   top: 8%;   width: min(88%, 460px);   padding: 28px;   border: 1px solid rgba(255, 255, 255, 0.58);   border-radius: 22px;   background: linear-gradient(145deg, #ffffff, #e6ebf0);   box-shadow: var(--gl-shadow); }  .gl-sim-card {   aspect-ratio: 1.58 / 1;   border: 1px solid #c8d0d8;   border-radius: 18px;   background:     linear-gradient(135deg, transparent 0 58%, rgba(20, 184, 166, 0.18) 58% 100%),     #f9fafb;   padding: 26px; }  .gl-chip {   width: 82px;   height: 64px;   border: 1px solid #a6b0bb;   border-radius: 8px;   background:     linear-gradient(90deg, transparent 46%, #a6b0bb 47% 53%, transparent 54%),     linear-gradient(0deg, transparent 46%, #a6b0bb 47% 53%, transparent 54%),     #dfe5eb; }  .gl-card-label {   display: flex;   align-items: end;   justify-content: space-between;   gap: 16px;   margin-top: 42px;   font-weight: 850; }  .gl-card-label strong {   display: block;   font-size: 30px; }  .gl-card-label span {   color: var(--gl-muted);   font-size: 13px;   text-align: right; }  .gl-section {   padding: 82px 0; }  .gl-section.is-white {   background: #fff; }  .gl-section-head {   display: flex;   align-items: end;   justify-content: space-between;   gap: 24px;   margin-bottom: 34px; }  .gl-section-head h2, .gl-page-title {   margin: 0;   font-size: clamp(30px, 4vw, 48px);   line-height: 1.15;   letter-spacing: 0; }  .gl-section-head p {   max-width: 560px;   margin: 0;   color: var(--gl-muted); }  .gl-comparison {   overflow: hidden;   border: 1px solid var(--gl-line);   border-radius: var(--gl-radius);   background: #fff; }  .gl-capacity-showcase {   display: grid;   grid-template-columns: repeat(2, minmax(0, 1fr));   gap: 18px;   margin-top: 22px; }  .gl-capacity-showcase figure, .gl-scene-grid figure {   overflow: hidden;   margin: 0;   border: 1px solid var(--gl-line);   border-radius: var(--gl-radius);   background: #fff;   box-shadow: 0 10px 26px rgba(17, 19, 24, 0.04); }  .gl-capacity-showcase img, .gl-scene-grid img {   display: block;   width: 100%;   aspect-ratio: 1.25 / 1;   object-fit: cover; }  .gl-capacity-showcase figcaption, .gl-scene-grid figcaption {   padding: 12px 14px;   color: var(--gl-muted);   font-weight: 800; }  .gl-comparison table {   width: 100%;   border-collapse: collapse; }  .gl-comparison th, .gl-comparison td {   padding: 18px 22px;   border-bottom: 1px solid var(--gl-line);   text-align: left; }  .gl-comparison th {   background: #f2f4f7;   font-size: 14px;   text-transform: uppercase; }  .gl-comparison tr:last-child td {   border-bottom: 0; }  .gl-note {   margin: 18px 0 0;   color: var(--gl-muted);   font-weight: 700; }  .gl-feature-grid, .gl-product-grid, .gl-steps-grid, .gl-support-grid {   display: grid;   grid-template-columns: repeat(4, minmax(0, 1fr));   gap: 18px; }  .gl-scene-grid {   display: grid;   grid-template-columns: 1.2fr 0.8fr 0.8fr;   gap: 18px; }  .gl-feature, .gl-product-card, .gl-step, .gl-support-box {   border: 1px solid var(--gl-line);   border-radius: var(--gl-radius);   background: var(--gl-surface);   padding: 24px;   box-shadow: 0 10px 26px rgba(17, 19, 24, 0.04); }  .gl-feature h3, .gl-product-card h3, .gl-step h3, .gl-support-box h3 {   margin: 0 0 10px;   font-size: 20px;   line-height: 1.25; }  .gl-feature p, .gl-product-card p, .gl-step p, .gl-support-box p, .gl-support-box li {   color: var(--gl-muted); }  .gl-download-panel {   display: flex;   align-items: center;   justify-content: space-between;   gap: 22px;   margin: 0 0 18px;   padding: 28px;   border: 1px solid var(--gl-line);   border-radius: var(--gl-radius);   background:     linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.025)),     linear-gradient(180deg, #22211f, #171715);   box-shadow: var(--gl-shadow), inset 0 1px rgba(255,255,255,.06); }  .gl-download-panel h3 {   margin: 0 0 8px;   color: #fff6e4;   font-size: clamp(26px, 3vw, 40px);   line-height: 1.15; }  .gl-download-panel p {   max-width: 760px;   margin: 0;   color: var(--gl-muted); }  .gl-download-list {   display: grid;   gap: 14px; }  .gl-download-card {   display: flex;   align-items: center;   justify-content: space-between;   gap: 18px;   padding: 22px 24px;   border: 1px solid rgba(214, 177, 108, .22);   border-radius: var(--gl-radius);   background: rgba(255,255,255,.035);   box-shadow: inset 0 1px rgba(255,255,255,.06); }  .gl-download-card h4 {   margin: 0 0 4px;   color: #fff6e4;   font-size: 20px; }  .gl-download-card p {   margin: 0;   color: var(--gl-muted); }  .gl-download-card.is-empty {   border-style: dashed; }  .gl-product-grid {   grid-template-columns: repeat(2, minmax(0, 1fr)); }  .gl-product-card {   display: grid;   grid-template-columns: 180px 1fr;   gap: 24px;   align-items: center; }  .gl-product-thumb {   display: grid;   place-items: center;   aspect-ratio: 1.2 / 1;   border-radius: var(--gl-radius);   background: #eef2f6; }  .gl-product-thumb span {   display: grid;   place-items: center;   width: 76%;   aspect-ratio: 1.58 / 1;   border: 1px solid #b8c1cc;   border-radius: 13px;   background: #fff;   color: var(--gl-ink);   font-weight: 850; }  .gl-product-thumb.is-image {   overflow: hidden;   padding: 0;   background: #111318; }  .gl-product-thumb.is-image img {   display: block;   width: 100%;   height: 100%;   object-fit: cover; }  .gl-page-hero {   padding: 70px 0 44px;   background: #fff;   border-bottom: 1px solid var(--gl-line); }  .gl-page-hero p {   max-width: 720px;   margin: 16px 0 0;   color: var(--gl-muted);   font-size: 18px; }  .gl-entry {   padding: 64px 0; }  .gl-entry-content {   max-width: 860px; }  .gl-entry-content h2, .gl-entry-content h3 {   line-height: 1.25; }  .gl-entry-content a {   color: var(--gl-accent-strong);   font-weight: 750; }  .gl-site-footer {   border-top: 1px solid var(--gl-line);   background: var(--gl-dark);   color: #cdd4dd; }  .gl-footer-inner {   display: flex;   justify-content: space-between;   gap: 24px;   padding: 34px 0;   font-size: 14px; }  .gl-lite-products {   display: grid;   grid-template-columns: repeat(2, minmax(0, 1fr));   gap: 24px; }  .gl-lite-product {   display: grid;   grid-template-columns: minmax(180px, .72fr) minmax(0, 1fr);   gap: 22px;   min-height: 280px;   padding: 18px;   border: 1px solid rgba(214, 177, 108, .24);   border-radius: var(--gl-radius);   background:     linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.025)),     linear-gradient(180deg, #22211f, #171715);   box-shadow: var(--gl-shadow); }  .gl-lite-product-media {   display: grid;   place-items: center;   overflow: hidden;   border-radius: var(--gl-radius);   background: linear-gradient(145deg, #2a2925, #11110f); }  .gl-lite-product-media img {   display: block;   width: min(100%, 640px);   aspect-ratio: 5 / 4;   object-fit: contain;   filter: saturate(.92) contrast(1.08) brightness(.92); }  .gl-lite-product-body {   display: flex;   flex-direction: column;   justify-content: space-between;   min-width: 0;   gap: 22px;   padding: 8px 2px; }  .gl-lite-product h2 {   margin: 0;   color: #fff6e4;   font-size: clamp(24px, 3vw, 34px);   line-height: 1.15; }  .gl-lite-capacity {   margin: 10px 0 0;   color: var(--gl-muted);   font-weight: 700; }  .gl-lite-price {   color: #f2d79b;   font-size: 22px;   font-weight: 850; }  .gl-lite-actions {   display: flex;   flex-wrap: wrap;   gap: 10px;   margin-top: 16px; }  .woocommerce ul.products {   display: grid;   grid-template-columns: repeat(2, minmax(0, 1fr));   gap: 24px; }  .woocommerce ul.products::before, .woocommerce ul.products::after {   content: none; }  .woocommerce ul.products li.product {   width: auto !important;   float: none !important;   margin: 0 !important;   border: 1px solid var(--gl-line);   border-radius: var(--gl-radius);   background: #fff;   padding: 18px !important;   box-shadow: 0 10px 26px rgba(17, 19, 24, 0.04); }  .woocommerce ul.products li.product a img, .woocommerce div.product div.images img {   border-radius: var(--gl-radius);   background: #eef2f6; }  .woocommerce .price {   color: var(--gl-ink) !important;   font-weight: 850; }  .woocommerce div.product {   padding: 54px 0; }  .woocommerce div.product .product_title {   font-size: clamp(32px, 4vw, 52px);   line-height: 1.1; }  .woocommerce-message, .woocommerce-info, .woocommerce-error {   border-top-color: var(--gl-accent);   border-radius: var(--gl-radius); }  .woocommerce form, .woocommerce .cart-collaterals, .woocommerce-checkout-review-order, .woocommerce-order, .woocommerce-MyAccount-content, .woocommerce-MyAccount-navigation {   color: var(--gl-ink); }  .woocommerce form.checkout, .woocommerce form.woocommerce-cart-form, .woocommerce .cart_totals, .woocommerce-checkout #payment, .woocommerce-account .woocommerce-MyAccount-content, .woocommerce-account .woocommerce-MyAccount-navigation {   border: 1px solid rgba(214, 177, 108, .24);   border-radius: var(--gl-radius);   background:     linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.025)),     linear-gradient(180deg, #22211f, #171715);   box-shadow: var(--gl-shadow); }  .woocommerce form.checkout, .woocommerce form.woocommerce-cart-form, .woocommerce .cart_totals, .woocommerce-account .woocommerce-MyAccount-content, .woocommerce-account .woocommerce-MyAccount-navigation {   padding: 24px; }  .woocommerce form .form-row {   margin: 0 0 18px;   padding: 0; }  .woocommerce form .form-row label, .woocommerce table.shop_table th, .woocommerce-checkout h3, .woocommerce .cart_totals h2 {   color: #fff6e4;   font-weight: 780;   letter-spacing: 0; }  .woocommerce form .form-row label {   display: flex;   align-items: center;   justify-content: space-between;   gap: 10px;   margin: 0 0 8px;   font-size: 14px; }  .woocommerce form .form-row .required {   color: #f2d79b;   font-weight: 900;   text-decoration: none; }  .woocommerce-input-wrapper {   display: block;   width: 100%; }  .woocommerce input.input-text, .woocommerce textarea.input-text, .woocommerce select, .woocommerce-page input.input-text, .woocommerce-page textarea.input-text, .woocommerce-page select, .select2-container--default .select2-selection--single {   width: 100%;   min-height: 50px;   border: 1px solid rgba(214, 177, 108, .26);   border-radius: 8px;   background:     linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025)),     #131310;   color: #fff6e4;   font: inherit;   outline: none;   box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 24px rgba(0,0,0,.12);   transition: border-color .18s ease, box-shadow .18s ease, background .18s ease; }  .woocommerce input.input-text, .woocommerce textarea.input-text, .woocommerce-page input.input-text, .woocommerce-page textarea.input-text {   padding: 13px 14px; }  .woocommerce textarea.input-text, .woocommerce-page textarea.input-text {   min-height: 110px;   resize: vertical; }  .woocommerce select, .woocommerce-page select {   padding: 0 42px 0 14px;   appearance: none;   background-image:     linear-gradient(45deg, transparent 50%, #d6b16c 50%),     linear-gradient(135deg, #d6b16c 50%, transparent 50%),     linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025));   background-position:     calc(100% - 22px) 22px,     calc(100% - 15px) 22px,     0 0;   background-size: 7px 7px, 7px 7px, 100% 100%;   background-repeat: no-repeat; }  .woocommerce input.input-text::placeholder, .woocommerce textarea.input-text::placeholder, .woocommerce-page input.input-text::placeholder, .woocommerce-page textarea.input-text::placeholder {   color: rgba(245, 234, 214, .45); }  .woocommerce input.input-text:focus, .woocommerce textarea.input-text:focus, .woocommerce select:focus, .woocommerce-page input.input-text:focus, .woocommerce-page textarea.input-text:focus, .woocommerce-page select:focus, .select2-container--default.select2-container--focus .select2-selection--single, .select2-container--default.select2-container--open .select2-selection--single {   border-color: rgba(242, 215, 155, .76);   background-color: #171612;   box-shadow: 0 0 0 3px rgba(214, 177, 108, .14), inset 0 1px 0 rgba(255,255,255,.08); }  .select2-container--default .select2-selection--single {   display: flex;   align-items: center;   padding: 0 40px 0 14px; }  .select2-container--default .select2-selection--single .select2-selection__rendered {   padding: 0;   color: #fff6e4;   line-height: normal; }  .select2-container--default .select2-selection--single .select2-selection__arrow {   top: 12px;   right: 12px; }  .select2-dropdown {   overflow: hidden;   border: 1px solid rgba(214, 177, 108, .3);   border-radius: 8px;   background: #171715;   color: #fff6e4;   box-shadow: var(--gl-shadow); }  .select2-container--default .select2-search--dropdown .select2-search__field {   border: 1px solid rgba(214, 177, 108, .28);   border-radius: 7px;   background: #11110f;   color: #fff6e4; }  .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {   background: linear-gradient(135deg, #d6b16c, #8d6a31);   color: #11110f; }  .woocommerce table.shop_table {   overflow: hidden;   border: 1px solid rgba(214, 177, 108, .22);   border-radius: var(--gl-radius);   background: rgba(17, 17, 15, .72); }  .woocommerce table.shop_table th, .woocommerce table.shop_table td {   border-color: rgba(214, 177, 108, .14);   padding: 16px; }  .woocommerce table.shop_table td {   color: var(--gl-muted); }  .woocommerce table.shop_table a, .woocommerce table.shop_table .product-name {   color: #fff6e4;   font-weight: 750; }  .woocommerce .quantity .qty {   width: 78px;   text-align: center; }  .woocommerce-cart table.cart td.actions {   background:     linear-gradient(90deg, rgba(214,177,108,.08), rgba(255,255,255,.02)); }  .woocommerce-cart table.cart td.actions .coupon {   display: flex;   align-items: center;   gap: 10px;   max-width: 520px; }  .woocommerce-cart table.cart td.actions .coupon .input-text {   flex: 1 1 220px;   min-width: 0;   margin: 0; }  .woocommerce-checkout .col2-set {   display: grid;   grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);   gap: 24px; }  .woocommerce-checkout .col2-set .col-1, .woocommerce-checkout .col2-set .col-2 {   float: none;   width: auto; }  .woocommerce-checkout #customer_details, .woocommerce-checkout #order_review_heading, .woocommerce-checkout #order_review {   margin-top: 24px; }  .woocommerce-checkout .shipping_address {   display: none; }  .woocommerce-checkout #ship-to-different-address {   margin: 18px 0 0;   padding: 14px 16px;   border: 1px solid rgba(214, 177, 108, .2);   border-radius: 8px;   background: rgba(214, 177, 108, .08); }  .woocommerce-checkout #ship-to-different-address label {   display: inline-flex;   align-items: center;   gap: 10px;   color: #fff6e4;   font-size: 15px;   font-weight: 760;   cursor: pointer; }  .woocommerce-checkout #ship-to-different-address input {   width: 18px;   height: 18px;   accent-color: #d6b16c; }  .woocommerce-checkout .col2-set {   grid-template-columns: minmax(0, 1fr);   max-width: 760px; }  .woocommerce-checkout #payment {   padding: 20px;   background:     linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.025)),     linear-gradient(180deg, #22211f, #171715); }  .woocommerce-checkout #payment ul.payment_methods {   border-bottom-color: rgba(214, 177, 108, .18);   padding: 0 0 18px; }  .woocommerce-checkout #payment div.payment_box {   border-radius: 8px;   background: rgba(214, 177, 108, .1);   color: var(--gl-muted); }  .woocommerce-checkout #payment div.payment_box::before {   border-bottom-color: rgba(214, 177, 108, .1); }  .woocommerce-invalid input.input-text, .woocommerce-invalid select, .woocommerce-invalid .select2-selection {   border-color: rgba(255, 119, 119, .75) !important;   box-shadow: 0 0 0 3px rgba(255, 119, 119, .12) !important; }  .woocommerce form .form-row.woocommerce-invalid label {   color: #ffb5a8; }  .woocommerce form .form-row .description, .woocommerce form .form-row span.optional {   color: rgba(245, 234, 214, .52);   font-size: 12px; }  @media (max-width: 900px) {   .gl-menu-toggle {     display: inline-flex;   }    .gl-header-inner {     min-height: 68px;     flex-wrap: wrap;   }    .gl-main-nav {     display: none;     flex: 0 0 100%;     order: 5;     padding-bottom: 16px;   }    .gl-site-header.is-open .gl-main-nav {     display: block;   }    .gl-main-nav ul {     display: grid;     gap: 4px;   }    .gl-main-nav a {     width: 100%;   }    .gl-cart-link {     margin-left: auto;   }    .gl-hero {     background: linear-gradient(180deg, #101318 0%, #171b21 68%, #f4f6f8 68.2%, #f4f6f8 100%);   }    .gl-hero-grid {     grid-template-columns: 1fr;     min-height: auto;     gap: 32px;     padding: 58px 0;   }    .gl-product-visual {     min-height: 330px;   }    .gl-hero-product-img {     margin-left: 0;   }    .gl-card-device {     position: relative;     right: auto;     top: auto;     width: 100%;   }    .gl-section-head,   .gl-footer-inner {     display: block;   }    .gl-section-head p {     margin-top: 12px;   }    .gl-feature-grid,   .gl-support-grid,   .gl-lite-products,   .woocommerce ul.products {     grid-template-columns: repeat(2, minmax(0, 1fr));   }    .gl-product-grid,   .gl-capacity-showcase,   .gl-scene-grid,   .gl-steps-grid {     grid-template-columns: 1fr;   } }  @media (max-width: 640px) {   .gl-container {     width: min(calc(100% - 24px), var(--gl-max));   }    .gl-cart-link {     min-height: 40px;     padding: 9px 12px;     font-size: 13px;   }    .gl-section {     padding: 58px 0;   }    .gl-actions {     display: grid;   }    .gl-button,   .button,   .wp-block-button__link,   button,   input[type="submit"] {     width: 100%;   }    .gl-comparison {     overflow-x: auto;   }    .gl-comparison table {     min-width: 560px;   }    .gl-feature-grid,   .gl-support-grid,   .gl-lite-products,   .woocommerce ul.products {     grid-template-columns: 1fr;   }    .gl-lite-product {     grid-template-columns: 1fr;   }    .gl-product-card {     grid-template-columns: 1fr;   } }  /* GLesim packaging-inspired black-gold design language */ :root {   --gl-bg: #141413;   --gl-surface: #1c1b19;   --gl-ink: #f5ead6;   --gl-muted: #b9aa8e;   --gl-line: rgba(218, 181, 111, .26);   --gl-soft: rgba(214, 177, 108, .12);   --gl-dark: #11110f;   --gl-accent: #d6b16c;   --gl-accent-strong: #f2d79b;   --gl-shadow: 0 22px 60px rgba(0, 0, 0, .34); }  body {   background:     radial-gradient(circle at 18% 0%, rgba(218, 181, 111, .13), transparent 30%),     radial-gradient(circle at 82% 18%, rgba(255, 232, 178, .08), transparent 28%),     linear-gradient(135deg, #171716 0%, #11110f 46%, #1d1b18 100%);   color: var(--gl-ink); }  body::before {   position: fixed;   inset: 0;   z-index: -1;   pointer-events: none;   background:     repeating-linear-gradient(90deg, rgba(255,255,255,.018) 0 1px, transparent 1px 8px),     linear-gradient(180deg, rgba(255,255,255,.04), transparent 34%, rgba(0,0,0,.28));   content: ""; }  .gl-site-header {   border-bottom-color: rgba(214, 177, 108, .25);   background: rgba(17, 17, 15, .82);   box-shadow: 0 18px 45px rgba(0, 0, 0, .28); }  .gl-default-logo, .custom-logo-link img {   filter: drop-shadow(0 4px 12px rgba(214, 177, 108, .24)); }  .gl-main-nav a {   color: #cdbc99;   white-space: nowrap; }  .gl-main-nav a:hover, .gl-main-nav .current-menu-item > a, .gl-main-nav .current_page_item > a {   background: rgba(214, 177, 108, .12);   color: #f2d79b; }  .gl-cart-link, .gl-button, .button, .wp-block-button__link, button, input[type="submit"], .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit {   border: 1px solid rgba(242, 215, 155, .45);   background:     linear-gradient(135deg, #f2d79b 0%, #d6b16c 42%, #8d6a31 100%);   color: #11110f;   box-shadow: 0 14px 34px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.48); }  .gl-button.is-light, .gl-button.is-outline {   border-color: rgba(214, 177, 108, .34);   background: rgba(255,255,255,.045);   color: #f2d79b; }  .gl-hero {   background:     radial-gradient(circle at 72% 24%, rgba(214, 177, 108, .28), transparent 28%),     linear-gradient(135deg, #1b1b19 0%, #11110f 62%, #24211b 100%); }  .gl-hero::before, .gl-page-hero::before {   position: absolute;   inset: 0;   pointer-events: none;   background-image:     linear-gradient(rgba(214,177,108,.08) 1px, transparent 1px),     linear-gradient(90deg, rgba(214,177,108,.06) 1px, transparent 1px);   background-size: 56px 56px;   mask-image: radial-gradient(circle at 50% 35%, black, transparent 72%);   content: ""; }  .gl-page-hero {   position: relative;   overflow: hidden; }  .gl-eyebrow {   color: #f2d79b; }  .gl-hero h1, .gl-section-head h2, .gl-page-title, .gl-feature h3, .gl-product-card h3, .gl-step h3, .gl-support-box h3, .woocommerce div.product .product_title {   color: #fff6e4; }  .gl-hero p, .gl-section-head p, .gl-page-hero p, .gl-feature p, .gl-product-card p, .gl-step p, .gl-support-box p, .gl-support-box li {   color: var(--gl-muted); }  .gl-section.is-white, .gl-page-hero {   background:     linear-gradient(180deg, rgba(214,177,108,.055), rgba(0,0,0,0)),     rgba(255,255,255,.012); }  .gl-hero-product-img, .gl-capacity-showcase figure, .gl-scene-grid figure, .gl-comparison, .gl-feature, .gl-product-card, .gl-step, .gl-support-box, .woocommerce ul.products li.product {   border-color: rgba(214, 177, 108, .22);   background:     linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.025)),     linear-gradient(180deg, #22211f, #171715);   box-shadow: 0 22px 60px rgba(0,0,0,.34), inset 0 1px rgba(255,255,255,.06); }  .gl-hero-product-img, .gl-product-thumb.is-image img, .gl-capacity-showcase img, .gl-scene-grid img, .woocommerce ul.products li.product a img, .woocommerce div.product div.images img {   filter: saturate(.92) contrast(1.08) brightness(.92); }  .gl-comparison th {   background: linear-gradient(135deg, rgba(242,215,155,.18), rgba(141,106,49,.12));   color: #f2d79b; }  .gl-comparison th, .gl-comparison td {   border-bottom-color: rgba(214,177,108,.18); }  .gl-capacity-showcase figcaption, .gl-scene-grid figcaption {   color: #f2d79b;   background: rgba(17,17,15,.72); }  .gl-page-hero, .gl-site-footer {   border-color: rgba(214,177,108,.22); }  .gl-site-footer {   background: linear-gradient(180deg, #171715, #0f0f0d);   color: var(--gl-muted); }  .woocommerce .price, .gl-entry-content a {   color: #f2d79b !important; }  .woocommerce-message, .woocommerce-info, .woocommerce-error {   border-top-color: #d6b16c;   background: #1c1b19;   color: #f5ead6; }  @media (max-width: 640px) {   .gl-site-header .gl-container {     grid-template-columns: 1fr auto;     row-gap: 14px;   }    .gl-main-nav {     grid-column: 1 / -1;     display: grid;     grid-template-columns: repeat(4, minmax(0, 1fr));     gap: 8px;     width: 100%;   }    .gl-main-nav a {     padding: 9px 4px;     text-align: center;     font-size: 13px;     line-height: 1.1;   } }  /* Polished WooCommerce form system */ .woocommerce form.checkout, .woocommerce form.woocommerce-cart-form, .woocommerce .cart_totals, .woocommerce-checkout #payment {   border-color: rgba(214, 177, 108, .26);   background:     linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.025)),     linear-gradient(180deg, #22211f, #171715); }  .woocommerce input.input-text, .woocommerce textarea.input-text, .woocommerce select, .woocommerce-page input.input-text, .woocommerce-page textarea.input-text, .woocommerce-page select, .select2-container--default .select2-selection--single {   border-color: rgba(214, 177, 108, .3) !important;   background:     linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025)),     #131310 !important;   color: #fff6e4 !important; }  .woocommerce input.input-text:focus, .woocommerce textarea.input-text:focus, .woocommerce select:focus, .woocommerce-page input.input-text:focus, .woocommerce-page textarea.input-text:focus, .woocommerce-page select:focus {   border-color: rgba(242, 215, 155, .82) !important;   box-shadow: 0 0 0 3px rgba(214, 177, 108, .15), inset 0 1px 0 rgba(255,255,255,.08) !important; }  @media (max-width: 900px) {   .woocommerce-checkout .col2-set {     grid-template-columns: 1fr;   } }  @media (max-width: 640px) {   .woocommerce form.checkout,   .woocommerce form.woocommerce-cart-form,   .woocommerce .cart_totals,   .woocommerce-checkout #payment {     padding: 18px;   }    .woocommerce-cart table.cart td.actions .coupon {     display: grid;     grid-template-columns: 1fr;     max-width: none;   }    .woocommerce-cart table.cart td.actions .coupon .button,   .woocommerce-cart table.cart td.actions .coupon .input-text,   .woocommerce-cart table.cart td.actions > .button {     width: 100%;   } } /* Compact WooCommerce checkout/cart page hero */ body.woocommerce-cart .gl-page-hero, body.woocommerce-checkout .gl-page-hero {   padding: 24px 0 18px; }  body.woocommerce-cart .gl-page-title, body.woocommerce-checkout .gl-page-title {   font-size: clamp(24px, 3vw, 34px); }  body.woocommerce-cart .gl-entry, body.woocommerce-checkout .gl-entry {   padding-top: 32px; }  @media (max-width: 640px) {   body.woocommerce-cart .gl-page-hero,   body.woocommerce-checkout .gl-page-hero {     padding: 18px 0 14px;   }    body.woocommerce-cart .gl-entry,   body.woocommerce-checkout .gl-entry {     padding-top: 24px;   } }
/* Force compact site header */
.gl-site-header {
  min-height: auto !important;
}

.gl-header-inner {
  min-height: 72px !important;
  height: 72px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  align-items: center !important;
}

.gl-brand {
  flex: 0 0 auto !important;
  min-width: 0 !important;
  width: 168px !important;
  max-width: 168px !important;
  overflow: hidden !important;
}

.gl-brand img,
.gl-default-logo,
.custom-logo-link img {
  display: block !important;
  width: auto !important;
  height: 48px !important;
  max-width: 168px !important;
  max-height: 48px !important;
  object-fit: contain !important;
}

@media (max-width: 640px) {
  .gl-header-inner {
    min-height: 64px !important;
    height: auto !important;
  }

  .gl-brand {
    width: 136px !important;
    max-width: 136px !important;
  }

  .gl-brand img,
  .gl-default-logo,
  .custom-logo-link img {
    height: 40px !important;
    max-width: 136px !important;
    max-height: 40px !important;
  }
}
/* High contrast checkout payment options */
.woocommerce-checkout #payment,
.woocommerce-checkout #payment ul.payment_methods,
.woocommerce-checkout #payment li.wc_payment_method,
.woocommerce-checkout #payment div.payment_box {
  color: #fff6e4 !important;
}

.woocommerce-checkout #payment ul.payment_methods {
  background: rgba(17, 17, 15, .86) !important;
  border: 1px solid rgba(242, 215, 155, .32) !important;
  border-radius: 8px !important;
  padding: 16px !important;
}

.woocommerce-checkout #payment li.wc_payment_method {
  padding: 12px 0 !important;
  border-bottom: 1px solid rgba(242, 215, 155, .18) !important;
}

.woocommerce-checkout #payment li.wc_payment_method:last-child {
  border-bottom: 0 !important;
}

.woocommerce-checkout #payment li.wc_payment_method > label,
.woocommerce-checkout #payment .payment_box,
.woocommerce-checkout #payment .payment_box p,
.woocommerce-checkout #payment .wc-stripe-upe-element,
.woocommerce-checkout #payment .wc-stripe-elements-field,
.woocommerce-checkout #payment .stripe-source-errors,
.woocommerce-checkout #payment .woocommerce-SavedPaymentMethods-saveNew label {
  color: #fff6e4 !important;
}

.woocommerce-checkout #payment li.wc_payment_method > label {
  font-size: 16px !important;
  font-weight: 850 !important;
}

.woocommerce-checkout #payment div.payment_box {
  background: rgba(255, 246, 228, .08) !important;
  border: 1px solid rgba(242, 215, 155, .26) !important;
}

.woocommerce-checkout #payment div.payment_box::before {
  border-bottom-color: rgba(255, 246, 228, .08) !important;
}

.woocommerce-checkout #payment input[type="radio"] {
  accent-color: #f2d79b !important;
}

.woocommerce-checkout #payment a {
  color: #f2d79b !important;
}

/* Mobile home hero: keep the first screen compact and easier to browse */
@media (max-width: 640px) {
  body.home .gl-hero-grid {
    min-height: auto !important;
    gap: 16px !important;
    padding: 24px 0 26px !important;
  }

  body.home .gl-eyebrow {
    margin-bottom: 8px !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
  }

  body.home .gl-hero h1 {
    max-width: 100% !important;
    font-size: 34px !important;
    line-height: 1.02 !important;
  }

  body.home .gl-hero p {
    margin-top: 12px !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
  }

  body.home .gl-actions {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    margin-top: 16px !important;
  }

  body.home .gl-actions .gl-button {
    min-height: 40px !important;
    padding: 9px 10px !important;
    font-size: 13px !important;
  }

  body.home .gl-product-visual {
    min-height: 0 !important;
  }

  body.home .gl-hero-product-img {
    width: min(100%, 340px) !important;
    max-height: 210px !important;
    margin: 4px auto 0 !important;
    border-radius: 12px !important;
    object-fit: cover !important;
  }

  body.home .gl-section {
    padding: 40px 0 !important;
  }
}
/* Dark checkout payment options background */
.woocommerce-checkout #payment,
.woocommerce-checkout #payment .payment_methods,
.woocommerce-checkout #payment .wc_payment_methods,
.woocommerce-checkout #payment li.wc_payment_method,
.woocommerce-checkout #payment div.payment_box,
.woocommerce-checkout .woocommerce-checkout-payment,
.woocommerce-checkout .wc-stripe-upe-form,
.woocommerce-checkout .wc-stripe-upe-element,
.woocommerce-checkout .wc-stripe-elements-field,
.woocommerce-checkout .stripe-card-group,
.woocommerce-checkout .payment_method_stripe,
.woocommerce-checkout .payment_method_stripe .payment_box {
  background: #171715 !important;
  color: #fff6e4 !important;
}

.woocommerce-checkout #payment ul.payment_methods,
.woocommerce-checkout #payment div.payment_box {
  background-image: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.02)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.06), 0 12px 28px rgba(0,0,0,.18) !important;
}

.woocommerce-checkout #payment .payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
  border-bottom-color: #171715 !important;
}

.woocommerce-checkout #payment .wc-stripe-upe-element,
.woocommerce-checkout #payment .wc-stripe-elements-field {
  border: 1px solid rgba(242, 215, 155, .32) !important;
  border-radius: 8px !important;
}

.woocommerce-checkout #payment h3,
.woocommerce-checkout #payment h4,
.woocommerce-checkout #payment label,
.woocommerce-checkout #payment p,
.woocommerce-checkout #payment span,
.woocommerce-checkout #payment div {
  color: #fff6e4 !important;
}

/* Mobile compact navigation: keep the open menu short and usable */
@media (max-width: 640px) {
  .gl-site-header {
    position: sticky !important;
    top: 0 !important;
  }

  .gl-site-header .gl-header-inner {
    display: grid !important;
    grid-template-columns: minmax(92px, 1fr) 46px minmax(92px, auto) !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 58px !important;
    height: auto !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  .gl-brand {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: auto !important;
    max-width: 116px !important;
  }

  .gl-brand img,
  .gl-default-logo,
  .custom-logo-link img {
    height: 34px !important;
    max-height: 34px !important;
    max-width: 116px !important;
  }

  .gl-menu-toggle {
    display: inline-flex !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 42px !important;
    height: 42px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  .gl-cart-link {
    grid-column: 3 !important;
    grid-row: 1 !important;
    min-height: 38px !important;
    margin-left: 0 !important;
    padding: 8px 10px !important;
    font-size: 13px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }

  .glesim-language-switcher {
    display: none !important;
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    margin: 0 !important;
    justify-content: flex-start !important;
  }

  .gl-site-header.is-open .glesim-language-switcher {
    display: inline-flex !important;
  }

  .glesim-language-switcher button,
  .glesim-language-switcher select {
    min-height: 34px !important;
    width: auto !important;
    padding: 6px 12px !important;
    font-size: 13px !important;
  }

  .gl-main-nav {
    display: none !important;
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    width: 100% !important;
    max-height: 132px !important;
    margin: 0 !important;
    padding: 0 0 4px !important;
    overflow-y: auto !important;
  }

  .gl-site-header.is-open .gl-main-nav {
    display: block !important;
  }

  .gl-main-nav ul {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .gl-main-nav a {
    justify-content: center !important;
    width: 100% !important;
    min-height: 38px !important;
    padding: 8px 10px !important;
    font-size: 14px !important;
    line-height: 1.1 !important;
    text-align: center !important;
  }
}