@layer bricks {.brxe-slider-nested{min-width:0;width:100%}.brxe-slider-nested .splide__slide{align-items:center;display:flex;justify-content:center;position:relative}.brxe-slider-nested .splide__arrows:not(.custom) .splide__arrow--prev{transform:translateY(-50%) scaleX(-1)}.brxe-slider-nested .splide__arrows:not(.custom).splide__arrows--ttb .splide__arrow--prev{transform:translateX(-50%) scaleX(-1)}.brxe-slider-nested .splide__arrows svg{min-height:0;min-width:0}}@layer bricks {.brxe-icon{font-size:60px}svg.brxe-icon{font-size:inherit}}@layer bricks {.brxe-button{width:auto}}@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{position:relative}:where(.brxe-image).caption:has(figcaption.bricks-image-caption){overflow:hidden}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:1}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}:root { --cannaly-ink: #07091a; --cannaly-dark: #050518; --cannaly-muted: #5f6678; --cannaly-soft-muted: #6b7280; --cannaly-green: #3fc553; --cannaly-lime: #d7ff00; --cannaly-purple: #d041ff; --cannaly-white: #fff; --cannaly-border: #edf0f3; --max-wide: 1280px; --max-main: 1180px; --radius-pill: 999px; --shadow-soft: 0 18px 60px rgba(0,0,0,.07); --shadow-card: 0 15px 35px rgba(0,0,0,.04); --shadow-card-hover: 0 25px 55px rgba(0,0,0,.08); --transition: .25s ease;}html { max-width: 100%; overflow-x: hidden; overflow-x: clip; overflow-y: auto; scroll-behavior: auto; scrollbar-gutter: stable;}body { max-width: 100%; overflow-x: hidden; overflow-x: clip; overflow-y: auto;}*,*::before,*::after { box-sizing: border-box;}img,svg { max-width: 100%;}#brx-header { margin-bottom: 0 !important; padding-bottom: 0 !important;}#brx-content,.brx-body,main { max-width: 100%; overflow-x: hidden; overflow-x: clip; overflow-y: visible;}.hero-section { position: relative; z-index: 1; width: 100%; max-width: 100%; padding: 0 20px 55px !important; overflow-x: hidden; overflow-x: clip; overflow-y: visible; background: linear-gradient( to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 88%, rgba(255,255,255,.55) 95%, #fff 100% ), radial-gradient(circle at top left, rgba(255,119,48,.28) 0%, transparent 32%), radial-gradient(circle at top right, rgba(180,82,255,.30) 0%, transparent 34%), radial-gradient(circle at center, rgba(255,0,153,.12) 0%, transparent 38%), radial-gradient(circle at center right, rgba(0,183,255,.14) 0%, transparent 34%), radial-gradient(circle at bottom left, rgba(255,196,0,.10) 0%, transparent 40%), linear-gradient(140deg, #fff9fc 0%, #f8eeff 22%, #f2efff 38%, #eef8ff 52%, #fff1ea 66%, #fff 78%);}.hero-container { width: 100%; max-width: var(--max-wide); min-height: 620px; margin: 0 auto; padding: 40px 40px 10px !important; display: grid !important; grid-template-columns: minmax(0, 52%) minmax(0, 48%); gap: 30px; align-items: center;}.hero-content { position: relative; z-index: 3; min-width: 0;}.hero-title { max-width: 620px; margin: 0 0 28px; color: var(--cannaly-dark); font-size: clamp(58px, 5vw, 82px); line-height: .98; font-weight: 900; letter-spacing: -2px;}.hero-title strong { color: var(--cannaly-green);}.hero-subtitle { max-width: 500px; margin: 0 0 32px; color: rgba(5,5,24,.78) !important; font-size: 22px !important; line-height: 1.42 !important; font-weight: 700 !important;}.hero-buttons { display: flex !important; flex-wrap: wrap; gap: 16px; margin-bottom: 28px;}.hero-primary-btn,.hero-secondary-btn { border-radius: var(--radius-pill) !important; padding: 16px 30px !important; font-size: 16px !important; font-weight: 900 !important; text-align: center !important; text-decoration: none !important;}.hero-primary-btn { background: #dfff2f !important; color: var(--cannaly-dark) !important; border: none !important;}.hero-secondary-btn { background: rgba(255,255,255,.55) !important; color: var(--cannaly-dark) !important; border: 1.5px solid var(--cannaly-dark) !important;}.hero-social-proof { display: inline-flex !important; flex-direction: column !important; gap: 6px !important; padding: 14px 20px !important; border-radius: 22px !important; background: rgba(255,255,255,.62) !important; box-shadow: 0 14px 40px rgba(0,0,0,.06); color: var(--cannaly-dark); font-size: 15px !important; font-weight: 700 !important;}.hero-visual { position: relative !important; z-index: 2; width: 100% !important; min-height: 520px !important; overflow: visible !important;}.hero-pack,.hero-mascot { position: absolute !important; will-change: auto;}.hero-pack { right: 10px !important; bottom: 0 !important; z-index: 2 !important; transform: rotate(8deg);}.hero-pack img { width: 330px !important; max-width: none !important; height: auto !important; filter: drop-shadow(0 24px 32px rgba(0,0,0,.14));}.hero-mascot { left: 300px !important; bottom: -10px !important; z-index: 4 !important;}.hero-mascot img { width: 360px !important; max-width: none !important; height: auto !important; filter: drop-shadow(0 28px 38px rgba(0,0,0,.18));}.hero-star { position: absolute !important; z-index: 6; pointer-events: none; animation: floatStar 4s ease-in-out infinite;}.hero-star.star-1 { top: 130px; left: 35px; color: #ffcc00;}.hero-star.star-2 { top: 50px; right: 30px; color: #b72cff;}.hero-star.star-3 { bottom: 130px; left: 40px; color: #ffcc00;}.hero-star .brxe-icon { font-size: 42px;}@keyframes floatStar { 0%, 100% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-10px) rotate(6deg); }}.vibes-container { width: 100%; max-width: var(--max-main); margin: 0 auto; padding: 26px; border-radius: 30px; background: var(--cannaly-white); box-shadow: var(--shadow-soft); display: grid !important; grid-template-columns: 250px minmax(0, 1fr); gap: 20px; align-items: center;}.vibes-container .section-title { margin: 0 !important; color: var(--cannaly-dark) !important; font-size: 38px !important; line-height: 1.05 !important; font-weight: 900 !important; letter-spacing: -1px;}.vibes-container .section-title strong { color: var(--cannaly-purple) !important;}.vibes-grid { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px;}.vibe-card { position: relative; min-height: 160px !important; padding: 20px !important; border-radius: 22px; overflow: hidden; box-shadow: none !important; transition: transform var(--transition);}.vibe-card:hover { transform: translateY(-4px);}.vibe-card.chill { background: linear-gradient(135deg, #f0ffd8 0%, #dfff9b 100%);}.vibe-card.party { background: linear-gradient(135deg, #ffd7f8 0%, #efb7ff 100%);}.vibe-card.sleep { background: linear-gradient(135deg, #ead8ff 0%, #cdb8ff 100%);}.vibe-card.energy { background: linear-gradient(135deg, #d6fff7 0%, #9ff4ff 100%);}.vibe-icon { position: absolute !important; left: -15px; top: 50%; transform: translateY(-50%);}.vibe-icon img { width: 92px !important; max-width: 92px !important; height: auto !important; display: block;}.vibe-title,.vibe-text { position: absolute !important; left: 110px; margin: 0 !important;}.vibe-title { top: 34px; color: var(--cannaly-dark) !important; font-size: 20px !important; line-height: 1 !important; font-weight: 900 !important;}.vibe-text { top: 65px; width: 70px; color: rgba(5,5,24,.72) !important; font-size: 14px !important; line-height: 1.05 !important; font-weight: 600 !important;}.vibe-arrow { position: absolute !important; right: 14px; bottom: 14px; width: 36px !important; height: 36px !important; border-radius: var(--radius-pill) !important; background: transparent !important; box-shadow: none !important; color: var(--cannaly-dark) !important; font-size: 20px !important; font-weight: 900 !important; display: flex !important; align-items: center !important; justify-content: center !important;}.vibe-arrow:hover { transform: scale(1.08);}.features-section { position: relative; width: 100%; max-width: 100%; padding: 18px 20px 24px !important; overflow-x: hidden; overflow-x: clip; overflow-y: visible; background: transparent;}.features-container { width: 100%; max-width: var(--max-main); margin: 0 auto; padding: 0;}.features-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; border-radius: 24px; overflow: hidden; background: radial-gradient(circle at 85% 50%, rgba(108,92,231,.18), transparent 35%), linear-gradient(135deg, #000a38 0%, #020f4f 45%, #071d7c 100%); box-shadow: 0 16px 45px rgba(0,0,0,.05);}.feature-card { min-height: 92px !important; padding: 22px !important; background: transparent !important; border-radius: 0 !important; box-shadow: none !important; text-align: left; display: flex !important; align-items: center; justify-content: flex-start; gap: 16px;}.feature-card:not(:last-child) { border-right: 1px solid rgba(255,255,255,.35);}.feature-icon { flex: 0 0 58px; width: 58px !important; height: 58px !important; border-radius: 50%; background: linear-gradient(135deg, #f4eaff, #efffde); color: #8b2cff !important; font-size: 26px !important; line-height: 1; display: flex; align-items: center; justify-content: center;}.feature-content { display: flex; flex-direction: column; justify-content: center;}.feature-title { margin: 0 0 4px; color: #fff; font-size: 16px; line-height: 1.2; font-weight: 900; letter-spacing: -.2px;}.feature-text { margin: 0; color: rgba(255,255,255,.72); font-size: 14px; line-height: 1.35;}.categories-section { position: relative; width: 100%; max-width: 100%; padding: 26px 20px 35px !important; overflow-x: hidden; overflow-x: clip; overflow-y: visible; background: transparent;}.categories-container { width: 100%; max-width: var(--max-main); margin: 0 auto;}.categories-section .section-title { margin: 0 0 26px !important; color: var(--cannaly-ink); font-size: 28px !important; line-height: 1.1; font-weight: 900; letter-spacing: -.5px;}.categories-grid { display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 18px;}.category-card { min-height: 170px !important; padding: 22px 18px !important; border-radius: 18px !important; text-align: center; overflow: hidden; transition: transform var(--transition), box-shadow var(--transition); display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important;}.category-card:hover { transform: translateY(-4px);}.category-card img { width: 86px !important; max-width: 86px !important; height: 86px !important; object-fit: contain !important; margin-bottom: 14px !important;}.category-card h3,.category-card .category-title { margin: 0 !important; color: #20242d !important; font-size: 24px !important; line-height: 1.1 !important; font-weight: 900 !important;}.bestsellers-section { position: relative !important; z-index: 1; width: 100%; max-width: 100%; padding: 35px 20px 70px !important; overflow-x: hidden; overflow-x: clip; overflow-y: visible; background: transparent !important;}.bestsellers-container { width: 100% !important; max-width: var(--max-main) !important; margin: 0 auto !important; position: relative !important; overflow: visible !important;}.bestsellers-section .section-header { width: 100% !important; max-width: var(--max-main) !important; margin: 0 auto 36px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 24px !important;}.bestsellers-section .section-title { margin: 0 !important; color: var(--cannaly-ink) !important; font-size: 32px !important; line-height: 1.1 !important; font-weight: 900 !important; letter-spacing: -.8px !important;}.bestsellers-section .section-view-all { min-height: 48px !important; padding: 0 24px !important; background: #fff !important; border: 1px solid var(--cannaly-border) !important; border-radius: var(--radius-pill) !important; color: var(--cannaly-ink) !important; font-size: 14px !important; font-weight: 900 !important; text-decoration: none !important; box-shadow: 0 10px 28px rgba(0,0,0,.04) !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; white-space: nowrap !important;}.bestsellers-section .splide,.bestsellers-section .brxe-slider,.bestsellers-section .brxe-slider-nested,.bestsellers-section .brxe-carousel { width: 100% !important; max-width: var(--max-main) !important; margin: 0 auto !important; position: relative !important; overflow: visible !important; background: transparent !important;}.bestsellers-section .splide__track,.bestsellers-section .splide__viewport { width: 100% !important; max-width: var(--max-main) !important; margin: 0 auto !important; overflow: hidden !important; background: transparent !important; touch-action: pan-y; overscroll-behavior: contain;}.bestsellers-section .splide__track { padding: 10px 4px 22px !important;}.bestsellers-section .splide__list { display: flex !important; align-items: stretch !important; margin: 0 !important; padding: 0 !important; background: transparent !important; backface-visibility: hidden; transform-style: flat;}.bestsellers-section .splide__slide { height: auto !important; min-width: 0; flex-shrink: 0 !important; background: transparent !important; backface-visibility: hidden;}.bestsellers-section .splide__slide:not([style]) { width: calc((100% - 96px) / 5) !important; flex-basis: calc((100% - 96px) / 5) !important; margin-right: 24px !important;}.bestsellers-section .splide__slide:not([style]):last-child { margin-right: 0 !important;}.bestsellers-section .product-card { position: relative !important; height: 100% !important; min-height: 330px !important; padding: 14px 14px 70px !important; border-radius: 22px !important; border: 1px solid rgba(255,255,255,.8) !important; background: linear-gradient(135deg, #f5ecff 0%, #eedcff 52%, #ecffd6 100%) !important; box-shadow: var(--shadow-card), inset 0 1px 0 rgba(255,255,255,.9) !important; overflow: hidden !important; transition: transform var(--transition), box-shadow var(--transition), background var(--transition) !important; display: flex !important; flex-direction: column !important;}.bestsellers-section .product-card:hover { transform: translateY(-6px) !important; background: linear-gradient(135deg, #fff 0%, #fff6fd 45%, #f7ffe8 100%) !important; box-shadow: var(--shadow-card-hover) !important;}.bestsellers-section .product-image { order: 1; width: 100% !important;}.bestsellers-section .product-image img { width: 100% !important; max-width: 100% !important; height: 135px !important; object-fit: contain !important; margin-bottom: 12px !important; display: block !important;}.bestsellers-section .product-title { order: 2; min-height: 44px !important; margin: 0 0 8px !important; color: var(--cannaly-ink) !important; font-size: 15px !important; line-height: 1.15 !important; font-weight: 900 !important; letter-spacing: -.2px !important;}.bestsellers-section .product-price { order: 3; position: static !important; max-width: 100% !important; margin: 0 0 8px !important; color: var(--cannaly-ink) !important; font-size: 16px !important; line-height: 1.1 !important; font-weight: 900 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;}.bestsellers-section .product-category { order: 4; margin: 0 !important; color: var(--cannaly-soft-muted) !important; font-size: 11px !important; line-height: 1.25 !important; font-weight: 800 !important;}.bestsellers-section .product-add { position: absolute !important; left: auto !important; right: 8px !important; bottom: 10px !important; width: auto !important;}.bestsellers-section .product-add button,.bestsellers-section .product-add a { width: 62px !important; min-width: 62px !important; max-width: 62px !important; height: 30px !important; min-height: 30px !important; padding: 0 !important; border: none !important; border-radius: var(--radius-pill) !important; background: var(--cannaly-lime) !important; color: var(--cannaly-ink) !important; font-size: 0 !important; text-decoration: none !important; box-shadow: 0 10px 24px rgba(215,255,0,.28) !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: transform var(--transition), box-shadow var(--transition);}.bestsellers-section .product-add button:hover,.bestsellers-section .product-add a:hover { transform: translateY(-3px); box-shadow: 0 16px 32px rgba(215,255,0,.42) !important;}.bestsellers-section .product-add button::before,.bestsellers-section .product-add a::before { content: "Select"; color: var(--cannaly-ink); font-size: 12px !important; line-height: 1; font-weight: 900 !important;}.bestsellers-section .splide__arrow { width: 54px !important; height: 54px !important; border: 1px solid var(--cannaly-border) !important; border-radius: 50% !important; background: #fff !important; opacity: 1 !important; box-shadow: 0 18px 40px rgba(0,0,0,.08) !important; z-index: 20 !important;}.bestsellers-section .splide__arrow svg { width: 18px !important; height: 18px !important; fill: var(--cannaly-ink) !important;}.bestsellers-section .splide__arrow--prev { left: -18px !important;}.bestsellers-section .splide__arrow--next { right: -18px !important;}.quiet-harbor-section { position: relative; z-index: 1; width: 100%; max-width: 100%; padding: 80px 20px 120px; overflow-x: hidden; overflow-x: clip; overflow-y: visible; background: transparent;}.quiet-harbor-container { position: relative; max-width: var(--max-main); margin: 0 auto; padding: 56px 58px; border-radius: 36px; overflow: hidden; background: linear-gradient(135deg, #fff7fb 0%, #fffaf3 52%, #f7ffe8 100%); box-shadow: 0 28px 80px rgba(7,9,26,.08); display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.35fr); align-items: center; gap: 52px;}.quiet-harbor-container::before { content: ""; position: absolute; left: -120px; top: 90px; width: 390px; height: 390px; border-radius: 50%; background: radial-gradient(circle, rgba(233,213,255,.75), rgba(233,213,255,0)); pointer-events: none;}.quiet-harbor-container::after { content: "GOOD VIBES ONLY"; position: absolute; right: 54px; top: 58px; width: 112px; height: 112px; padding: 18px; border: 4px solid rgba(192,132,252,.55); border-radius: 50%; color: rgba(168,85,247,.65); font-size: 13px; line-height: 1.1; font-weight: 900; text-align: center; transform: rotate(-12deg); display: flex; align-items: center; justify-content: center;}.quiet-harbor-visual { position: relative; z-index: 2; min-height: 520px; display: flex; align-items: center; justify-content: center;}.quiet-harbor-mascot { width: 100%; max-width: 520px; height: auto; object-fit: contain; filter: drop-shadow(0 28px 35px rgba(7,9,26,.18)); transform: scale(1.35); transform-origin: center bottom;}.quiet-harbor-content { position: relative; z-index: 3; padding: 48px 28px 48px 0;}.quiet-harbor-eyebrow { margin-bottom: 16px; color: #2fb94d; font-size: 15px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; display: inline-flex; align-items: center; gap: 8px;}.quiet-harbor-eyebrow::after { content: "✦"; color: var(--cannaly-lime); font-size: 20px;}.quiet-harbor-title { max-width: 680px; margin: 0 0 22px; color: var(--cannaly-ink); font-size: clamp(42px, 5vw, 72px); line-height: .92; font-weight: 900; letter-spacing: -.055em;}.quiet-harbor-title strong,.quiet-harbor-title span { color: #4fd35c;}.quiet-harbor-description { max-width: 680px; margin: 0 0 34px; color: var(--cannaly-muted); font-size: 18px; line-height: 1.55; font-weight: 600;}.quiet-harbor-description strong,.quiet-harbor-description b { color: #35c750; font-weight: 900;}.quiet-harbor-cards { margin-bottom: 34px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px;}.quiet-harbor-card { min-height: 210px; padding: 28px 22px; border-radius: 28px; background: rgba(255,255,255,.78); box-shadow: 0 18px 45px rgba(7,9,26,.055); text-align: center; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); transition: transform var(--transition), box-shadow var(--transition);}.quiet-harbor-card:hover { transform: translateY(-6px); box-shadow: 0 28px 65px rgba(7,9,26,.09);}.quiet-card-icon { width: 72px; height: 72px; margin: 0 auto 18px; border-radius: 50%; background: linear-gradient(135deg, #f3e8ff 0%, #eaffc7 100%); font-size: 34px; display: flex; align-items: center; justify-content: center;}.quiet-card-title { margin: 0 0 10px; color: var(--cannaly-ink); font-size: 20px; line-height: 1.1; font-weight: 900; letter-spacing: -.03em;}.quiet-card-text { margin: 0; color: var(--cannaly-soft-muted); font-size: 15px; line-height: 1.45; font-weight: 600;}.quiet-harbor-btn,.quiet-harbor-btn.brxe-button { min-height: 58px; padding: 0 36px !important; border: none !important; border-radius: var(--radius-pill) !important; background: var(--cannaly-lime) !important; color: var(--cannaly-ink) !important; font-size: 15px; font-weight: 900; text-decoration: none; box-shadow: 0 18px 35px rgba(215,255,0,.35); transition: transform var(--transition), box-shadow var(--transition); display: inline-flex; align-items: center; justify-content: center;}.quiet-harbor-btn:hover,.quiet-harbor-btn.brxe-button:hover { transform: translateY(-4px); box-shadow: 0 24px 48px rgba(215,255,0,.45);}.home-mid-section { position: relative; z-index: 1; width: 100%; max-width: 100%; padding: 0 0 95px; overflow-x: hidden; overflow-x: clip; overflow-y: visible; background: linear-gradient(180deg, #fff8fc 0%, #fff4fb 24%, #fffaf3 48%, #fbfff0 72%, #fff 100%); isolation: isolate;}.home-mid-section::before,.home-mid-section::after,.bestsellers-section::before,.quiet-harbor-section::after { content: ""; position: absolute; border-radius: 50%; pointer-events: none; z-index: 0; transform: translateZ(0);}.home-mid-section::before { left: -360px; top: 120px; width: 920px; height: 920px; background: radial-gradient(circle, rgba(214,170,255,.44) 0%, rgba(214,170,255,.25) 36%, rgba(214,170,255,.10) 58%, transparent 76%);}.home-mid-section::after { right: -300px; bottom: 120px; width: 900px; height: 900px; background: radial-gradient(circle, rgba(215,255,0,.32) 0%, rgba(215,255,0,.18) 38%, rgba(215,255,0,.08) 58%, transparent 76%);}.bestsellers-section::before { top: 10px; right: 12%; width: 540px; height: 540px; background: radial-gradient(circle, rgba(255,185,230,.25) 0%, rgba(255,185,230,.13) 45%, transparent 72%);}.quiet-harbor-section::after { left: -180px; bottom: 40px; width: 620px; height: 620px; background: radial-gradient(circle, rgba(255,185,230,.22) 0%, rgba(255,185,230,.10) 45%, transparent 72%);}.home-mid-section > *,.bestsellers-section > *,.quiet-harbor-section > * { position: relative; z-index: 2;}@media (max-width: 991px) { .hero-section { padding: 0 16px 45px !important; } .hero-container { grid-template-columns: 1fr; min-height: auto; padding: 55px 20px 35px !important; text-align: center; } .hero-content { margin: 0 auto; } .hero-title { max-width: 100%; font-size: 46px; letter-spacing: -1px; } .hero-subtitle { margin-left: auto; margin-right: auto; font-size: 18px !important; } .hero-buttons { justify-content: center; } .hero-social-proof { margin: 0 auto; } .hero-visual { min-height: 360px !important; } .hero-mascot { left: 50% !important; bottom: 45px !important; transform: translateX(-50%); } .hero-mascot img { width: 240px !important; } .hero-pack { right: 5px !important; bottom: 35px !important; } .hero-pack img { width: 145px !important; } .hero-star { display: none !important; } .vibes-container { grid-template-columns: 1fr; max-width: 100%; } .vibes-container .section-title { text-align: center; } .vibes-grid, .features-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .features-container, .categories-container { max-width: 720px; } .feature-card:nth-child(2) { border-right: none; } .feature-card:nth-child(1), .feature-card:nth-child(2) { border-bottom: 1px solid rgba(255,255,255,.35); } .categories-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .bestsellers-section .splide, .bestsellers-section .splide__track, .bestsellers-section .brxe-slider, .bestsellers-section .brxe-slider-nested, .bestsellers-section .brxe-carousel { max-width: 100% !important; } .bestsellers-section .splide__slide:not([style]) { width: calc((100% - 32px) / 3) !important; flex-basis: calc((100% - 32px) / 3) !important; margin-right: 16px !important; } .bestsellers-section .splide__arrow--prev { left: 4px !important; } .bestsellers-section .splide__arrow--next { right: 4px !important; } .quiet-harbor-section { padding: 60px 16px 75px; } .quiet-harbor-container { grid-template-columns: 1fr; padding: 38px 24px; gap: 26px; } .quiet-harbor-container::after { display: none; } .quiet-harbor-content { order: 1; padding: 0; text-align: center; } .quiet-harbor-description { margin-left: auto; margin-right: auto; } .quiet-harbor-cards { grid-template-columns: 1fr; } .quiet-harbor-visual { order: 2; min-height: auto; } .quiet-harbor-mascot { max-width: 380px; transform: scale(1); }}@media (max-width: 768px) { .features-container, .categories-container, .bestsellers-container { max-width: 100%; } .bestsellers-section { padding: 30px 16px 55px !important; } .bestsellers-section .section-header { align-items: flex-start !important; gap: 16px !important; margin-bottom: 28px !important; } .bestsellers-section .section-title { font-size: 28px !important; } .bestsellers-section .section-view-all { min-height: 42px !important; padding: 0 18px !important; font-size: 13px !important; } .bestsellers-section .product-card { min-height: 330px !important; } .bestsellers-section .product-image img { height: 150px !important; } .bestsellers-section .splide__arrow { width: 44px !important; height: 44px !important; } .home-mid-section { padding: 0 0 45px; } .home-mid-section::before { left: -460px; top: 100px; opacity: .85; } .home-mid-section::after { right: -460px; bottom: 80px; opacity: .9; } .bestsellers-section::before { top: 60px; right: -260px; width: 520px; height: 520px; } .quiet-harbor-section { padding: 58px 16px 75px !important; } .quiet-harbor-container { width: 100% !important; max-width: 520px !important; padding: 34px 22px 36px !important; border-radius: 30px !important; display: flex !important; flex-direction: column !important; gap: 28px !important; text-align: center !important; } .quiet-harbor-container::after { display: none !important; } .quiet-harbor-content { order: 1 !important; width: 100% !important; padding: 0 !important; text-align: center !important; } .quiet-harbor-eyebrow { justify-content: center !important; margin-bottom: 14px !important; } .quiet-harbor-title { max-width: 100% !important; margin: 0 auto 20px !important; font-size: clamp(38px, 11vw, 56px) !important; line-height: .98 !important; letter-spacing: -1.8px !important; text-align: center !important; } .quiet-harbor-description { max-width: 100% !important; margin: 0 auto 28px !important; font-size: 16px !important; line-height: 1.55 !important; text-align: center !important; } .quiet-harbor-cards { width: 100% !important; margin: 0 0 28px !important; display: grid !important; grid-template-columns: 1fr !important; gap: 16px !important; } .quiet-harbor-card { min-height: auto !important; padding: 24px 20px !important; border-radius: 24px !important; -webkit-backdrop-filter: none; backdrop-filter: none; } .quiet-card-icon { width: 64px !important; height: 64px !important; margin-bottom: 14px !important; font-size: 30px !important; } .quiet-card-title { font-size: 19px !important; } .quiet-card-text { font-size: 15px !important; } .quiet-harbor-btn, .quiet-harbor-btn.brxe-button { width: 100% !important; min-height: 58px !important; } .quiet-harbor-visual { order: 2 !important; width: 100% !important; min-height: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; } .quiet-harbor-mascot { width: 100% !important; max-width: 300px !important; transform: scale(1) !important; transform-origin: center bottom !important; } .hero-section { width: 100% !important; max-width: 100% !important; min-height: auto !important; padding: 0 !important; margin: 0 !important; overflow-x: hidden !important; overflow-x: clip !important; overflow-y: visible !important; display: block !important; } .hero-container { width: 100% !important; max-width: 100% !important; min-height: auto !important; height: auto !important; margin: 0 !important; padding: 76px 22px 72px !important; display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-start !important; gap: 0 !important; text-align: center !important; } .hero-content { width: 100% !important; max-width: 460px !important; margin: 0 auto !important; padding: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; position: relative !important; z-index: 3 !important; } .hero-title { width: 100% !important; max-width: 100% !important; margin: 0 0 24px !important; padding: 0 !important; font-size: clamp(42px, 11.5vw, 58px) !important; line-height: 1.05 !important; letter-spacing: -1.2px !important; text-align: center !important; } .hero-subtitle { width: 100% !important; max-width: 430px !important; margin: 0 auto 34px !important; padding: 0 !important; font-size: 20px !important; line-height: 1.45 !important; font-weight: 700 !important; text-align: center !important; } .hero-buttons { width: 100% !important; max-width: 430px !important; margin: 0 auto 34px !important; padding: 0 !important; display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; align-items: stretch !important; justify-content: center !important; gap: 16px !important; } .hero-primary-btn, .hero-secondary-btn { width: 100% !important; max-width: 100% !important; min-height: 72px !important; height: 72px !important; padding: 0 26px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 999px !important; font-size: 20px !important; line-height: 1 !important; font-weight: 900 !important; text-align: center !important; } .hero-social-proof { width: auto !important; max-width: 320px !important; margin: 0 auto !important; padding: 18px 24px !important; border-radius: 22px !important; display: inline-flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; } .hero-visual, .hero-pack, .hero-pack img, .hero-mascot, .hero-mascot img, .hero-star { display: none !important; visibility: hidden !important; opacity: 0 !important; width: 0 !important; height: 0 !important; max-width: 0 !important; max-height: 0 !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; position: absolute !important; pointer-events: none !important; overflow: hidden !important; }}@media (max-width: 640px) { .features-section { padding: 18px 16px 24px !important; } .features-grid, .vibes-grid { grid-template-columns: 1fr; } .feature-card { min-height: 86px !important; padding: 18px 20px !important; border-right: none !important; border-bottom: 1px solid rgba(255,255,255,.35); } .feature-card:last-child { border-bottom: none; } .feature-icon { flex-basis: 52px; width: 52px !important; height: 52px !important; font-size: 23px !important; } .categories-section { padding: 24px 16px 28px !important; } .categories-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .category-card { min-height: 145px !important; padding: 18px 14px !important; } .category-card img { width: 70px !important; max-width: 70px !important; height: 70px !important; } .category-card h3, .category-card .category-title { font-size: 20px !important; } .bestsellers-section .splide__slide:not([style]) { width: 82% !important; flex-basis: 82% !important; margin-right: 16px !important; }}@media (max-width: 520px) { .vibes-container { padding: 18px; border-radius: 24px; } .vibe-card { min-height: 150px !important; } .vibe-icon { left: -8px; } .vibe-icon img { width: 95px !important; max-width: 95px !important; } .vibe-title, .vibe-text { left: 122px; }}@media (max-width: 480px) { .hero-container { padding: 68px 18px 64px !important; } .hero-content { max-width: 390px !important; } .hero-title { font-size: clamp(38px, 12vw, 52px) !important; line-height: 1.05 !important; } .hero-subtitle { max-width: 360px !important; font-size: 18px !important; line-height: 1.45 !important; } .hero-primary-btn, .hero-secondary-btn { min-height: 64px !important; height: 64px !important; font-size: 18px !important; } .quiet-harbor-container { padding: 30px 18px 34px !important; border-radius: 28px; } .quiet-harbor-title { font-size: clamp(36px, 12vw, 50px) !important; } .quiet-harbor-description { font-size: 16px; } .quiet-harbor-mascot { max-width: 260px !important; } .quiet-harbor-btn, .quiet-harbor-btn.brxe-button { width: 100% !important; }}@media (hover: none) { .vibe-card:hover, .category-card:hover, .bestsellers-section .product-card:hover, .quiet-harbor-card:hover, .quiet-harbor-btn:hover, .quiet-harbor-btn.brxe-button:hover, .bestsellers-section .product-add button:hover, .bestsellers-section .product-add a:hover { transform: none !important; }}@media (prefers-reduced-motion: reduce) { .hero-star { animation: none !important; } .vibe-card, .category-card, .bestsellers-section .product-card, .quiet-harbor-card, .quiet-harbor-btn, .quiet-harbor-btn.brxe-button, .bestsellers-section .product-add button, .bestsellers-section .product-add a { transition: none !important; }}.product-card__media { position: relative; width: 100%; overflow: hidden; border-radius: 14px;}.product-card__media img { display: block; width: 100%; height: auto;}.product-card__stock-badge { position: absolute; top: 12px; left: 12px; z-index: 5; width: auto; margin: 0; padding: 8px 12px; display: inline-flex; align-items: center; justify-content: center; background: #07091a; border: 1px solid rgba(215, 255, 0, 0.8); border-radius: 999px; color: #ffffff; font-size: 11px; font-weight: 700; line-height: 1; letter-spacing: 0.06em; text-transform: uppercase; white-space: nowrap; box-shadow: 0 6px 18px rgba(7, 9, 26, 0.22); pointer-events: none;}@media (max-width: 600px) { .product-card__stock-badge { top: 9px; left: 9px; padding: 7px 10px; font-size: 9px; }}#brxe-bhnehh {font-size: 64px; font-weight: 800; line-height: 1.05; color: #080A18}@media (max-width: 478px) {#brxe-bhnehh {font-size: 38px; line-height: 1.05; text-align: center}}@media (max-width: 478px) {#brxe-ufohnr {font-size: 16px; line-height: 1.5; text-align: center; min-width: 320px; margin-right: auto; margin-left: auto}}#brxe-ifwilp {background-color: var(--primary); border-radius: 999px; color: black}@media (max-width: 478px) {#brxe-ifwilp {width: 100%; max-width: 320px; margin-right: auto; margin-left: auto}}#brxe-zjgwlx {margin-top: 28px}@media (max-width: 478px) {#brxe-zjgwlx {flex-direction: column; column-gap: 12px; width: 100%; max-width: 300px; align-self: center !important}}#brxe-vtfrke {align-self: center !important; display: flex; column-gap: 12px; margin-top: 28px; background-color: white; width: fit-content}@media (max-width: 478px) {#brxe-vtfrke {margin-right: auto; margin-left: auto; font-size: 13px; width: fit-content; max-width: 100%}}@media (max-width: 478px) {#brxe-nktmru {align-self: center !important; text-align: center; display: flex; flex-direction: column; width: 100%; position: static; max-width: 100%}}#brxe-rtsrxt {bottom: 20px; z-index: 2; width: 360px}@media (max-width: 478px) {#brxe-rtsrxt {width: 260px; display: none}}#brxe-ownuzc {right: 120px; max-width: 350px; width: 100%}@media (max-width: 478px) {#brxe-ownuzc {width: 230px; bottom: 0px; left: 50%; transform: translateX(-50%)}}#brxe-qsouiu {min-height: 520px; overflow: visible}@media (max-width: 991px) {#brxe-qsouiu {max-width: 330px; justify-self: flex-start; margin-top: 20%}}@media (max-width: 478px) {#brxe-qsouiu {min-height: 280px; width: 100%; overflow: hidden; margin-top: 3%; height: 280px}}#brxe-lozujs {margin-right: auto; margin-left: auto; padding-right: 24px; padding-left: 24px; min-height: 520px; justify-content: center; display: grid; align-items: initial; align-self: center !important; align-items: center; flex-direction: column}@media (max-width: 478px) {#brxe-lozujs {grid-template-columns: repeat(1, 1fr); grid-gap: 30px; min-height: auto; padding-right: 20px; padding-left: 20px; display: flex; flex-direction: column; height: auto; flex-wrap: wrap; width: 100%; max-width: 100%; row-gap: 28px}}@media (max-width: 478px) {#brxe-ahiwdp {grid-template-columns: repeat(1, 1fr); grid-gap: 16px; width: 100%}}#vibes {display: flex; margin-top: 30px; margin-bottom: 0px}@media (max-width: 478px) {#vibes {padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; grid-auto-flow: row; display: flex; width: 100%; max-width: 100%; row-gap: 14px}}#brxe-aeeblu {background-color: #FAFAF7; padding-top: 70px; padding-bottom: 0px; overflow: hidden; display: grid; align-items: initial; margin-bottom: 0px}@media (max-width: 478px) {#brxe-aeeblu {padding-top: 30px; padding-bottom: 30px; overflow: hidden}}#brxe-xsghgk {font-size: 32px; color: var(--primary); fill: var(--primary)}#brxe-lahckr {color: hsl(0, 0%, 91%)}#brxe-mcdmst {background-color: #FFFFFF; border-radius: 20px; padding-top: 24px; padding-right: 24px; padding-bottom: 24px; padding-left: 24px; display: flex; align-self: center !important; box-shadow: 0 8px 25px -5px rgba(0,0,0,.05); min-height: 140px; height: 100%; width: 100%; max-width: none}@media (max-width: 478px) {#brxe-mcdmst {width: 100%}}#brxe-kwqgpz {font-size: 32px; color: var(--primary); fill: var(--primary)}#brxe-qlsqur {color: hsl(46, 24%, 96%)}#brxe-ynbmll {background-color: #FFFFFF; border-radius: 20px; padding-top: 24px; padding-right: 24px; padding-bottom: 24px; padding-left: 24px; display: flex; align-self: center !important; box-shadow: 0 8px 25px -5px rgba(0,0,0,.05); min-height: 140px; height: 100%; width: 100%; max-width: none}#brxe-nynurr {font-size: 32px; color: var(--primary); fill: var(--primary)}#brxe-cviicy {color: hsl(0, 0%, 93%)}#brxe-ovapfy {background-color: #FFFFFF; border-radius: 20px; padding-top: 24px; padding-right: 24px; padding-bottom: 24px; padding-left: 24px; display: flex; align-self: center !important; box-shadow: 0 8px 25px -5px rgba(0,0,0,.05); min-height: 140px; height: 100%; width: 100%; max-width: none}#brxe-fylsgz {font-size: 32px; color: var(--primary); fill: var(--primary)}#brxe-hhzsoy {color: hsl(0, 0%, 100%)}#brxe-julmml {background-color: #FFFFFF; border-radius: 20px; padding-top: 24px; padding-right: 24px; padding-bottom: 24px; padding-left: 24px; display: flex; align-self: center !important; box-shadow: 0 8px 25px -5px rgba(0,0,0,.05); min-height: 140px; height: 100%; width: 100%; max-width: none}#brxe-veetfz {display: grid; align-items: initial; grid-template-columns: repeat(4, 1fr); grid-gap: 20px; width: 100%; max-width: 1280px; align-items: stretch; justify-items: center; justify-content: center}@media (max-width: 991px) {#brxe-veetfz {grid-template-columns: repeat(2, 1fr); width: 100%; max-width: 1280px}}@media (max-width: 767px) {#brxe-veetfz {max-width: 1280px; width: 100%}}@media (max-width: 478px) {#brxe-veetfz {grid-template-columns: repeat(1, 1fr); justify-items: center; justify-content: center; width: 100%; max-width: 1280px}}#brxe-wfapmb {flex-direction: column; width: 100%; margin-right: auto; margin-left: auto; padding-right: 24px; padding-left: 24px}@media (max-width: 478px) {#brxe-wfapmb {padding-right: 20px; padding-left: 20px; overflow: hidden}}#brxe-duvxah {color: hsl(0, 0%, 100%)}#brxe-ddtbkd {padding-bottom: 30px}@media (max-width: 478px) {#brxe-hybogr {padding-right: 0; padding-left: 0}}#brxe-trpyot {background-color: #EFFFCD; border-radius: 20px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; text-align: center; transition: 0.3s; width: auto; max-width: none; display: flex; flex-direction: column; justify-content: space-between}@media (max-width: 478px) {#brxe-gairds {padding-right: 0; padding-left: 0}}#brxe-zcstnv {background-color: #FFE6F1; border-radius: 20px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; text-align: center; transition: 0.3s; width: auto; max-width: none; display: flex; flex-direction: column; justify-content: space-between}@media (max-width: 478px) {#brxe-ufotmi {padding-right: 0; padding-left: 0}}#brxe-aahdit {background-color: #EEE6FF; border-radius: 20px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; text-align: center; transition: 0.3s; width: auto; max-width: none; display: flex; flex-direction: column; justify-content: space-between}#brxe-vnypaw {padding-right: 150px}@media (max-width: 767px) {#brxe-vnypaw {padding-right: 0; padding-left: 0}}@media (max-width: 478px) {#brxe-vnypaw {padding-right: 0; padding-left: 0}}#brxe-wnxvuc {transition: 0.3s; display: flex; flex-direction: column; justify-content: space-between; background-color: #FFF2CC}#brxe-lhttwa {background-color: #F0FFE5; border-radius: 20px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; text-align: center; transition: 0.3s; width: auto; max-width: none; display: flex; flex-direction: column; justify-content: space-between}#brxe-geqvye {background-color: #F3ECFF; border-radius: 20px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; text-align: center; transition: 0.3s; width: auto; max-width: none; display: flex; flex-direction: column; justify-content: space-between}#brxe-wavlqx {display: grid; align-items: initial; grid-template-columns: repeat(6, 1fr); grid-gap: 20px; width: 100%; max-width: 1280px}@media (max-width: 991px) {#brxe-wavlqx {grid-template-columns: repeat(2 , 1fr)}}@media (max-width: 478px) {#brxe-wavlqx {grid-template-columns: repeat(1, 1fr)}}#brxe-aeydkk {width: 100%; margin-right: auto; margin-left: auto; padding-right: 24px; padding-left: 24px}@media (max-width: 478px) {#brxe-aeydkk {padding-right: 20px; padding-left: 20px; overflow: hidden}}#brxe-xkcvdv {padding-top: 70px; padding-bottom: 70px; margin-top: Auto; margin-right: Auto; margin-bottom: Auto; margin-left: Auto}#brxe-amfqcd {display: flex; justify-content: space-between; align-self: center !important; width: 100%; margin-bottom: 24px}.brxe-nmwzdr .brxe-qkczal.brxe-image {width: 100%; height: 220px}.brxe-nmwzdr .brxe-qkczal.brxe-image:not(.tag), .brxe-nmwzdr .brxe-qkczal.brxe-image img {object-fit: contain}.brxe-nmwzdr .brxe-zakglu.brxe-heading {font-size: 18px; font-weight: 700; line-height: 1.2}.brxe-nmwzdr .brxe-twqqbj.brxe-text-basic {font-size: 14px; color: #666; margin-top: -4px}.brxe-nmwzdr .brxe-lnsaxg.brxe-text-basic {font-size: 18px; font-weight: 800; color: #111; margin-top: 8px}.brxe-nmwzdr .brxe-xxutnj.brxe-product-add-to-cart {height: 40px}.brxe-nmwzdr .brxe-nmpesk.brxe-div {border-radius: 24px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; display: flex; height: 100%; box-shadow: 0 8px 25px -5px rgba(0,0,0,0.08); opacity: 92%; min-height: auto; flex-direction: column; row-gap: 10px; column-gap: 12px; background-color: #FFFFFF}.brxe-nmwzdr.brxe-block {background-color: #FFFFFF}#brxe-tcvpqm .splide__slide {height: auto}#brxe-tcvpqm .splide__arrow--prev {left: -40px}#brxe-tcvpqm .splide__arrow--next {right: -40px}#brxe-tcvpqm {background-color: #FFFFFF; overflow: hidden}@media (max-width: 478px) {#brxe-tcvpqm {flex-shrink: 0}}#brxe-pvjzbz {overflow: hidden}#brxe-xbrbce {padding-top: 0px; padding-bottom: 0px; max-width: 1180px; width: 100%; overflow: hidden; flex-shrink: 1}#brxe-gxzoqu {color: black; font-weight: 600; background-color: var(--primary); border-radius: 999px}