/* * Conversion pass (inc/convert.php; review/conversion-pass-20261028/). Loaded only while * oasis_convert() is on, after oasis.css. Not in bundle.css. * 1. the humidor skin: header, phone menu, footer, bottom nav (body.oasis-cigar-look) * 2. checkout (body.oasis-co), light by default, dark in a cigar cart * 3. cart page: dark in a cigar cart, sticky "Checkout · $X" bar on phones * 4. the slide-out cart (cigar pages) * 5. Build a Pack: "Add to cart and keep picking" * Humidor colours are the builder's (packs.css). */ body.oasis-cigar-look, body.oasis-co, .oasis-drawer { --pk-ground: #16110D; --pk-deep: #100C09; --pk-card: #201812; --pk-raised: #2C2119; --pk-line: #3E3026; --pk-ink: #F4EBDF; --pk-ink-2: #CDBDA9; --pk-ink-3: #A8957F; --pk-copper: #D9A066; --pk-copper-ink: #1A120B; --pk-save: #93D6A0; --pk-display: "Cormorant Garamond", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif; } /* ───────── 1. humidor header, menu, footer, bottom nav ───────── */ body.oasis-cigar-look #header [data-row*="top"], body.oasis-cigar-look #header [data-row*="middle"], body.oasis-cigar-look #header [data-row*="bottom"] { background-color: var(--pk-ground) !important; border-bottom: 1px solid var(--pk-line); } body.oasis-cigar-look #header [data-row*="top"] { background-color: var(--pk-deep) !important; color: var(--pk-ink-2); } body.oasis-cigar-look #header [data-row*="top"] .oasis-dot { color: var(--pk-copper); } body.oasis-cigar-look #header, body.oasis-cigar-look #offcanvas { --theme-link-initial-color: var(--pk-ink); --theme-link-hover-color: var(--pk-copper); --theme-link-active-color: var(--pk-copper); --theme-text-color: var(--pk-ink-2); --theme-icon-color: var(--pk-ink); --theme-icon-hover-color: var(--pk-copper); } body.oasis-cigar-look #header .menu > li > a, body.oasis-cigar-look #offcanvas .menu > li > a { color: var(--pk-ink); } body.oasis-cigar-look #header .menu > li.current-menu-item > a, body.oasis-cigar-look #offcanvas .menu > li.current-menu-item > a, body.oasis-cigar-look #header .menu > li > a:hover { color: var(--pk-copper); } body.oasis-cigar-look #header .menu > li.current-menu-item > a { box-shadow: inset 0 -2px 0 var(--pk-copper); } body.oasis-cigar-look #header .menu > li.oasis-menu-back > a, body.oasis-cigar-look #offcanvas .menu > li.oasis-menu-back > a { color: var(--pk-ink-3); font-weight: 500; } body.oasis-cigar-look .ct-header-cart .ct-dynamic-count-cart { background: var(--pk-copper); color: var(--pk-copper-ink); } body.oasis-cigar-look #header .oasis-head-phone, body.oasis-cigar-look #header .oasis-head-call { color: var(--pk-ink); } body.oasis-cigar-look #offcanvas .ct-panel-inner { background-color: var(--pk-ground) !important; } body.oasis-cigar-look #footer [data-row] { background-color: var(--pk-deep) !important; border-top: 1px solid var(--pk-line); } body.oasis-cigar-look #footer { --oasis-footer-link: var(--pk-ink-2); --theme-text-color: var(--pk-ink-2); --theme-link-initial-color: var(--pk-ink-2); --theme-link-hover-color: var(--pk-copper); color: var(--pk-ink-2); } body.oasis-cigar-look #footer a:hover { color: var(--pk-copper); } @media (max-width: 689.98px) { body.oasis-cigar-look .oasis-bnav { background: rgba(32, 24, 18, 0.98); border-top-color: var(--pk-line); box-shadow: none; } body.oasis-cigar-look .oasis-bnav a { color: var(--pk-ink-2); } body.oasis-cigar-look .oasis-bnav a[aria-current="page"] { color: var(--pk-copper); } body.oasis-cigar-look .oasis-bnav-count { background: var(--pk-copper); color: var(--pk-copper-ink); } } /* "Find my cigar" lands on the shelf's filters, below the sticky header. */ .oasis-anchor { display: block; position: relative; top: -120px; visibility: hidden; height: 0; } /* ───────── 2. checkout ───────── */ /* minimal header and footer (blue; dark in a cigar cart) */ .oasis-co-head { background: var(--oasis-blue); color: #fff; } .oasis-co-head-in, .oasis-co-foot-in { max-width: var(--oasis-wrap, 1240px); margin: 0 auto; padding: 14px var(--oasis-gutter, 16px); display: flex; align-items: center; justify-content: space-between; gap: 16px; } .oasis-co-home { display: inline-flex; align-items: center; } .oasis-co-logo { display: block; height: 36px; width: auto; } .oasis-co-logo-t { font-weight: 800; font-size: 22px; color: #fff; } .oasis-co-head-end { display: flex; align-items: center; gap: 20px; font-size: 14px; font-weight: 600; } .oasis-co-secure { display: inline-flex; align-items: center; gap: 6px; opacity: 0.9; } .oasis-co-phone { color: #fff; text-decoration: none; white-space: nowrap; } .oasis-co-phone:hover { text-decoration: underline; color: #fff; } .oasis-co-foot { background: var(--oasis-navy); color: var(--oasis-soft); font-size: 13px; margin-top: 40px; } .oasis-co-foot nav { display: flex; flex-wrap: wrap; gap: 6px 18px; } .oasis-co-foot a { color: var(--oasis-soft); } .oasis-co-foot a:hover { color: #fff; } @media (max-width: 689.98px) { .oasis-co-logo { height: 30px; } .oasis-co-secure, .oasis-co-phone-q { display: none; } .oasis-co-foot-in { flex-direction: column; align-items: flex-start; } } body.oasis-cigar-look .oasis-co-head { background: var(--pk-ground); border-bottom: 1px solid var(--pk-line); } body.oasis-cigar-look .oasis-co-phone { color: var(--pk-copper); } body.oasis-cigar-look .oasis-co-foot { background: var(--pk-deep); color: var(--pk-ink-3); border-top: 1px solid var(--pk-line); } body.oasis-cigar-look .oasis-co-foot a { color: var(--pk-ink-2); } /* the form: one grid per address, rows placed by WooCommerce's own priority order */ .oasis-co .woocommerce-billing-fields > h3, .oasis-co .woocommerce-additional-fields > h3, .oasis-co #billing_country_field, .oasis-co #shipping_country_field { display: none !important; } .oasis-co .woocommerce-billing-fields__field-wrapper, .oasis-co .woocommerce-shipping-fields__field-wrapper { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); column-gap: 12px; } .oasis-co .woocommerce-billing-fields__field-wrapper > *, .oasis-co .woocommerce-shipping-fields__field-wrapper > * { grid-column: 1 / -1; float: none !important; width: auto !important; min-width: 0; margin-left: 0; margin-right: 0; } .oasis-co #billing_first_name_field, .oasis-co #shipping_first_name_field { grid-column: 1 / 4; } .oasis-co #billing_last_name_field, .oasis-co #shipping_last_name_field { grid-column: 4 / -1; } .oasis-co #billing_postcode_field, .oasis-co #shipping_postcode_field { grid-column: 1 / 3; } .oasis-co #billing_city_field, .oasis-co #shipping_city_field { grid-column: 3 / 5; } .oasis-co #billing_state_field, .oasis-co #shipping_state_field { grid-column: 5 / -1; } @media (max-width: 689.98px) { .oasis-co #billing_postcode_field, .oasis-co #shipping_postcode_field { grid-column: 1 / -1; } .oasis-co #billing_city_field, .oasis-co #shipping_city_field { grid-column: 1 / 4; } .oasis-co #billing_state_field, .oasis-co #shipping_state_field { grid-column: 4 / -1; } } .oasis-co .oasis-co-row { margin: 0; padding: 0; } .oasis-co .oasis-co-row:not(:first-child) { margin-top: 18px; } .oasis-co-h { margin: 0 0 4px; font-size: 22px; line-height: 1.15; font-weight: 800; color: var(--oasis-navy); } .oasis-co-sub { margin: 0 0 6px; font-size: 13px; color: var(--oasis-muted); } .oasis-co-tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; margin: 6px 0 4px; } .oasis-co-tile { display: grid; gap: 2px; text-align: left; padding: 12px 14px; border-radius: 14px; border: 1px solid var(--oasis-line); background: #fff; color: var(--oasis-muted); font: 500 13px/1.35 var(--oasis-font); cursor: pointer; } .oasis-co-tile b { color: var(--oasis-navy); font-size: 15px; font-weight: 700; } .oasis-co-tile-p { color: #16794A; font-weight: 700; font-size: 14px; } .oasis-co-tile.is-on { border: 2px solid var(--oasis-blue); padding: 11px 13px; box-shadow: 0 6px 16px rgba(0, 34, 221, 0.08); } .oasis-co-tile:focus-visible { outline: 2px solid var(--oasis-blue); outline-offset: 2px; } @media (max-width: 420px) { .oasis-co-tiles { grid-template-columns: 1fr 1fr; } .oasis-co-tile-s { display: none; } } /* the methods live in the tiles; the review table keeps only the chosen one, without its radio */ .oasis-co #order_review .woocommerce-shipping-methods li:has(input[type="radio"]):not(:has(input:checked)) { display: none; } .oasis-co #order_review .woocommerce-shipping-methods input[type="radio"] { position: absolute; opacity: 0; pointer-events: none; } .oasis-co #order_review .woocommerce-shipping-methods label { margin: 0; } /* folded rows behind "+ Add" links */ .oasis-co .oasis-co-folded { display: none !important; } .oasis-co .oasis-co-morerow { margin: 0; padding: 0; } .oasis-co-more { margin: 2px 0 10px; padding: 0; border: 0; background: none; color: var(--oasis-blue); font: 600 14px var(--oasis-font); text-decoration: underline; text-underline-offset: 2px; cursor: pointer; } /* filled from the ZIP */ .oasis-co .oasis-co-auto input, .oasis-co .oasis-co-auto select, .oasis-co .oasis-co-auto .select2-selection { border-color: #3E9B66 !important; } /* pickup: name, email, phone and ZIP are enough */ .oasis-co-pickup #billing_address_1_field, .oasis-co-pickup #billing_address_2_field, .oasis-co-pickup #billing_city_field, .oasis-co-pickup #billing_state_field, .oasis-co-pickup .oasis-co-morerow.is-apt, .oasis-co-pickup .woocommerce-shipping-fields { display: none !important; } /* the 21+ line and the button */ .oasis-co-age { display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: start; margin: 0 0 14px; padding: 12px 14px; border-radius: 14px; background: #FFF6E5; border: 1px solid #F2D6A2; color: var(--oasis-navy); font-size: 14px; font-weight: 600; line-height: 1.4; } .oasis-co-age-b { padding: 3px 7px; border-radius: 8px; background: var(--oasis-navy); color: #fff; font-size: 12px; font-weight: 800; } .oasis-co #place_order { width: 100%; min-height: 54px; font-size: 17px; } /* the pack(s) on top */ .oasis-co-packs:empty { display: none; } .oasis-co-packs { display: grid; gap: 12px; margin: 0 0 22px; } .oasis-co-pack { border-radius: 16px; padding: 16px 18px; background: var(--oasis-tint); border: 1px solid var(--oasis-line); display: grid; gap: 8px; } .oasis-co-pack-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; flex-wrap: wrap; } .oasis-co-pack-eye { margin: 0; font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; font-weight: 700; color: var(--oasis-blue); } .oasis-co-pack h2 { margin: 2px 0 0; font-size: 24px; line-height: 1.1; } .oasis-co-pack-price { margin: 0; text-align: right; font-variant-numeric: tabular-nums; display: grid; justify-items: end; } .oasis-co-pack-price s { font-size: 13px; opacity: 0.7; } .oasis-co-pack-price b { font-size: 20px; } .oasis-co-pack-save { font-size: 12px; font-weight: 700; color: #16794A; } .oasis-co-pack ul { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 3px 16px; font-size: 13px; color: var(--oasis-muted); } .oasis-co-keep { margin: 0; font-size: 14px; font-weight: 600; } /* dark checkout (a cigar cart): Blocksy's own colour variables, then our pieces */ body.oasis-cigar-look.oasis-co, body.oasis-cigar-look.woocommerce-cart { background: var(--pk-ground); --theme-palette-color-3: var(--pk-ink-2); --theme-palette-color-4: var(--pk-ink); --theme-palette-color-5: var(--pk-line); --theme-palette-color-6: var(--pk-card); --theme-palette-color-7: var(--pk-ground); --theme-palette-color-8: var(--pk-card); --theme-text-color: var(--pk-ink-2); --theme-headings-color: var(--pk-ink); --theme-heading-color: var(--pk-ink); --theme-link-initial-color: var(--pk-copper); --theme-link-hover-color: var(--pk-ink); --theme-border-color: var(--pk-line); --theme-form-field-background-initial-color: var(--pk-raised); --theme-form-field-background-focus-color: var(--pk-raised); --theme-form-field-border-initial-color: var(--pk-line); --theme-form-field-border-focus-color: var(--pk-copper); --theme-form-text-initial-color: var(--pk-ink); --theme-form-text-focus-color: var(--pk-ink); --theme-button-background-initial-color: var(--pk-copper); --theme-button-background-hover-color: #E6B47F; --theme-button-text-initial-color: var(--pk-copper-ink); --theme-button-text-hover-color: var(--pk-copper-ink); --oasis-navy: var(--pk-ink); --oasis-muted: var(--pk-ink-2); --oasis-line: var(--pk-line); --oasis-tint: var(--pk-card); --oasis-blue: var(--pk-copper); color: var(--pk-ink-2); } body.oasis-cigar-look.oasis-co main, body.oasis-cigar-look.woocommerce-cart main, body.oasis-cigar-look.oasis-co .entry-content, body.oasis-cigar-look.woocommerce-cart .entry-content { background: transparent; } body.oasis-cigar-look.oasis-co h1, body.oasis-cigar-look.oasis-co h2, body.oasis-cigar-look.oasis-co h3, body.oasis-cigar-look.woocommerce-cart h1, body.oasis-cigar-look.woocommerce-cart h2 { color: var(--pk-ink); } body.oasis-cigar-look.oasis-co h1, body.oasis-cigar-look.woocommerce-cart h1, body.oasis-cigar-look .oasis-co-h, body.oasis-cigar-look .oasis-co-pack h2 { font-family: var(--pk-display); font-weight: 600; letter-spacing: 0; } body.oasis-cigar-look .oasis-co-h { font-size: 26px; } body.oasis-cigar-look.oasis-co label, body.oasis-cigar-look.oasis-co .woocommerce-checkout-review-order-table, body.oasis-cigar-look.oasis-co .woocommerce-checkout-review-order-table th, body.oasis-cigar-look.oasis-co .woocommerce-checkout-review-order-table td { color: var(--pk-ink-2); border-color: var(--pk-line); } body.oasis-cigar-look.oasis-co .order-total th, body.oasis-cigar-look.oasis-co .order-total td, body.oasis-cigar-look.oasis-co .woocommerce-checkout-review-order-table .product-name { color: var(--pk-ink); } body.oasis-cigar-look.oasis-co input.input-text, body.oasis-cigar-look.oasis-co textarea, body.oasis-cigar-look.oasis-co select, body.oasis-cigar-look.oasis-co .select2-selection, body.oasis-cigar-look.woocommerce-cart input.input-text { background: var(--pk-raised) !important; border-color: var(--pk-line) !important; color: var(--pk-ink) !important; } body.oasis-cigar-look.oasis-co .select2-selection__rendered { color: var(--pk-ink) !important; } body.oasis-cigar-look .select2-dropdown { background: var(--pk-card); border-color: var(--pk-line); color: var(--pk-ink); } body.oasis-cigar-look .select2-results__option--highlighted { background: var(--pk-raised) !important; color: var(--pk-copper) !important; } body.oasis-cigar-look.oasis-co #order_review, body.oasis-cigar-look.oasis-co .ct-order-review, body.oasis-cigar-look.oasis-co #payment, body.oasis-cigar-look.oasis-co #payment .payment_box, body.oasis-cigar-look.oasis-co .woocommerce-form-coupon-toggle .woocommerce-info { background: var(--pk-card) !important; color: var(--pk-ink-2); border-color: var(--pk-line) !important; } body.oasis-cigar-look.oasis-co #payment .payment_box::before { display: none !important; } /* MX's light notch above the card box */ /* MX Merchant's stylesheet paints its card fieldset light lavender */ body.oasis-cigar-look.oasis-co #payment fieldset.wc-credit-card-form { background: var(--pk-raised) !important; border-color: var(--pk-line) !important; } body.oasis-cigar-look.oasis-co #payment fieldset.wc-credit-card-form label, body.oasis-cigar-look.oasis-co #payment .powered_by_text { color: var(--pk-ink-2) !important; } body.oasis-cigar-look.oasis-co #payment fieldset.wc-credit-card-form input.input-text { background: var(--pk-ground) !important; } body.oasis-cigar-look .oasis-co-tile { background: var(--pk-card); border-color: var(--pk-line); color: var(--pk-ink-2); } body.oasis-cigar-look .oasis-co-tile b { color: var(--pk-ink); } body.oasis-cigar-look .oasis-co-tile-p, body.oasis-cigar-look .oasis-co-pack-save { color: var(--pk-save); } body.oasis-cigar-look .oasis-co-tile.is-on { border-color: var(--pk-copper); box-shadow: none; } body.oasis-cigar-look .oasis-co-pack { background: linear-gradient(135deg, var(--pk-raised), var(--pk-card)); border-color: #5C4630; } body.oasis-cigar-look .oasis-co-pack-eye { color: var(--pk-copper); } body.oasis-cigar-look .oasis-co-age { background: #2A1E14; border-color: #5C4630; color: var(--pk-ink); } body.oasis-cigar-look .oasis-co-age-b { background: var(--pk-copper); color: var(--pk-copper-ink); } body.oasis-cigar-look .oasis-co-more { color: var(--pk-copper); } body.oasis-cigar-look.oasis-co .oasis-co-auto input, body.oasis-cigar-look.oasis-co .oasis-co-auto select, body.oasis-cigar-look.oasis-co .oasis-co-auto .select2-selection { border-color: #5B8A63 !important; } body.oasis-cigar-look.oasis-co #place_order, body.oasis-cigar-look.woocommerce-cart .checkout-button { background: var(--pk-copper) !important; color: var(--pk-copper-ink) !important; border-color: var(--pk-copper) !important; } body.oasis-cigar-look.woocommerce-cart table.shop_table, body.oasis-cigar-look.woocommerce-cart table.shop_table th, body.oasis-cigar-look.woocommerce-cart table.shop_table td, body.oasis-cigar-look.woocommerce-cart .cart_totals { color: var(--pk-ink-2); border-color: var(--pk-line) !important; background: transparent; } body.oasis-cigar-look.woocommerce-cart .product-name a { color: var(--pk-ink); } /* ───────── 3. cart page: sticky "Checkout · $X" on phones ───────── */ .oasis-cartbar { display: none; } @media (max-width: 689.98px) { .oasis-cartbar { display: block; position: fixed; left: 0; right: 0; bottom: calc(var(--oasis-bnav-h, 62px) + env(safe-area-inset-bottom, 0px)); z-index: 9990; padding: 10px max(16px, env(safe-area-inset-right, 0px)) 10px max(16px, env(safe-area-inset-left, 0px)); background: rgba(255, 255, 255, 0.97); border-top: 1px solid var(--oasis-line); } body:not(.oasis-v2) .oasis-cartbar { bottom: 0; padding-bottom: max(10px, env(safe-area-inset-bottom, 0px)); } .oasis-cartbar-btn { display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 52px; border-radius: 999px; background: var(--oasis-blue); color: #fff; font-weight: 800; font-size: 17px; text-decoration: none; } .oasis-cartbar-btn:hover, .oasis-cartbar-btn .amount { color: inherit; } body.woocommerce-cart.oasis-convert { padding-bottom: 80px; } body.oasis-cigar-look .oasis-cartbar { background: rgba(32, 24, 18, 0.98); border-top-color: var(--pk-line); } body.oasis-cigar-look .oasis-cartbar-btn { background: var(--pk-copper); color: var(--pk-copper-ink); } /* the product page's own sticky add bar would sit on top of this on a cigar page: not there */ } /* ───────── 4. slide-out cart ───────── */ .oasis-drawer { position: fixed; inset: 0; z-index: 100000; } .oasis-drawer[hidden] { display: none; } .oasis-drawer-scrim { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.55); opacity: 0; transition: opacity 0.2s ease; } .oasis-drawer-panel { position: absolute; top: 0; right: 0; bottom: 0; width: min(420px, 100%); display: flex; flex-direction: column; gap: 14px; padding: 20px 20px max(20px, env(safe-area-inset-bottom, 0px)); background: var(--pk-ground); color: var(--pk-ink); border-left: 1px solid var(--pk-line); transform: translateX(100%); transition: transform 0.22s ease; overflow-y: auto; outline: none; font-family: var(--oasis-font); } .oasis-drawer.is-open .oasis-drawer-scrim { opacity: 1; } .oasis-drawer.is-open .oasis-drawer-panel { transform: none; } html.oasis-drawer-open { overflow: hidden; } .oasis-drawer-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; } .oasis-drawer-ok { margin: 0; display: inline-flex; align-items: center; gap: 8px; color: var(--pk-save); font-weight: 700; font-size: 16px; } .oasis-drawer-x { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--pk-line); background: transparent; color: var(--pk-ink-2); cursor: pointer; padding: 0; } .oasis-drawer-body { display: flex; flex-direction: column; gap: 14px; flex: 1; } .oasis-drawer-lines { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; max-height: 40vh; overflow-y: auto; } .oasis-drawer-line { display: grid; grid-template-columns: 56px 1fr auto; gap: 12px; align-items: center; font-size: 14px; padding: 6px; border-radius: 12px; } .oasis-drawer-line.is-new { background: var(--pk-card); border: 1px solid var(--pk-line); } .oasis-drawer-img { width: 56px; height: 56px; border-radius: 10px; background: #F4EFE8; overflow: hidden; display: grid; place-items: center; } .oasis-drawer-img img { width: 100%; height: 100%; object-fit: contain; } .oasis-drawer-name { display: grid; gap: 2px; color: var(--pk-ink); font-weight: 600; line-height: 1.25; } .oasis-drawer-name small { color: var(--pk-ink-3); font-weight: 500; font-size: 12px; } .oasis-drawer-line b { color: var(--pk-ink); font-variant-numeric: tabular-nums; } .oasis-drawer-ship p { margin: 0 0 6px; font-size: 13px; color: var(--pk-ink-2); } .oasis-drawer-ship b, .oasis-drawer-ship .amount { color: var(--pk-ink); } .oasis-drawer-prog { height: 6px; border-radius: 3px; background: var(--pk-raised); overflow: hidden; } .oasis-drawer-prog i { display: block; height: 100%; background: var(--pk-copper); } .oasis-drawer-pack { display: grid; gap: 4px; padding: 12px 14px; border-radius: 14px; background: var(--pk-card); border: 1px solid var(--pk-line); text-decoration: none; color: var(--pk-ink-2); font-size: 13px; } .oasis-drawer-pack b { font-family: var(--pk-display); font-weight: 600; font-size: 20px; color: var(--pk-ink); } .oasis-drawer-pack span { color: var(--pk-copper); } .oasis-drawer-pack:hover { border-color: var(--pk-copper); } .oasis-drawer-foot { margin-top: auto; display: grid; gap: 10px; } .oasis-drawer-sub { margin: 0; display: flex; justify-content: space-between; font-size: 15px; color: var(--pk-ink); } .oasis-drawer-go { display: flex; align-items: center; justify-content: center; min-height: 54px; border-radius: 999px; background: var(--pk-copper); color: var(--pk-copper-ink) !important; font-weight: 800; font-size: 17px; text-decoration: none; } .oasis-drawer-go:hover { background: #E6B47F; } .oasis-drawer-keep { min-height: 46px; border-radius: 999px; border: 1px solid var(--pk-line); background: transparent; color: var(--pk-ink); font: 700 15px var(--oasis-font); cursor: pointer; } .oasis-drawer-fine { margin: 0; text-align: center; font-size: 12px; color: var(--pk-ink-3); } .oasis-drawer-empty { color: var(--pk-ink-2); } .oasis-drawer :focus-visible { outline: 2px solid var(--pk-copper); outline-offset: 2px; } @media (max-width: 689.98px) { /* phones: a sheet from the bottom */ .oasis-drawer-panel { top: auto; left: 0; width: 100%; max-height: 88vh; border-left: 0; border-top: 1px solid var(--pk-line); border-radius: 20px 20px 0 0; transform: translateY(100%); padding-top: 14px; } .oasis-drawer-lines { max-height: 28vh; } } @media (prefers-reduced-motion: reduce) { .oasis-drawer-panel, .oasis-drawer-scrim { transition: none; } } /* ───────── 5. Build a Pack: add and keep picking ───────── */ .oasis-pk-keep { background: none; border: 0; padding: 4px 0; color: var(--pk-ink-2); font: 600 14px var(--oasis-font); text-decoration: underline; text-underline-offset: 2px; cursor: pointer; justify-self: center; } .oasis-pk-keep:hover { color: var(--pk-copper); }