/* EnvyReps Midnight. Visual styling only; existing controls retain their handlers. */ :root[data-envy-design] { --bg-base:#080c18; --bg-deep:#060912; --bg-surface:#0e1424; --bg-card:#101727; --jade:#48d6bc; --jade-bright:#77ebd0; --aqua:#43c3fa; --text-main:#f2f5fc; --text-muted:#9ba8c0; --border:rgba(145,166,210,.16); --border-bright:rgba(67,195,250,.45); --shadow:0 24px 80px rgba(0,0,0,.35); --panel:#0e1525; --panel-raised:#141d31; --input-bg:#0a1020; --header-bg:rgba(8,12,24,.94); --accent:#43c3fa; --accent-soft:rgba(67,195,250,.09); --hero-glow:rgba(22,120,200,.16); --promo-banner-height:32px; --site-header-height:76px; } :root[data-envy-design][data-theme="light"] { color-scheme:light; --bg-base:#f4f7fc; --bg-deep:#edf2f9; --bg-surface:#fff; --bg-card:#fff; --text-main:#17243c; --text-muted:#64718a; --jade:#16866f; --jade-bright:#08755e; --aqua:#098dc4; --border:rgba(65,92,135,.17); --border-bright:rgba(22,142,196,.4); --panel:#fff; --panel-raised:#f0f5fc; --input-bg:#f6f9fd; --header-bg:rgba(250,252,255,.96); --accent:#087eae; --accent-soft:rgba(30,147,202,.07); --hero-glow:rgba(81,166,228,.10); --shadow:0 18px 60px rgba(36,67,110,.12); } :root[data-envy-design] body { background:var(--bg-base); color:var(--text-main); font-size:14px; line-height:1.5; -webkit-font-smoothing:antialiased; } :root[data-envy-design] .ambient { display:none; } :root[data-envy-design] .wrapper { width:min(1360px,100%); padding:0 34px 80px; } :root[data-envy-design] .top-banner { color:#dce9f5; background:linear-gradient(110deg,#122035,#10283a,#123b3b,#132238); background-size:300% 100%; border-bottom:1px solid rgba(92,172,207,.22); } :root[data-envy-design] .top-banner::before { opacity:.5; } :root[data-envy-design] .promo-message { font-size:11px; font-weight:600; } :root[data-envy-design] .promo-message b, :root[data-envy-design] .promo-message strong { color:#8aeedc; } :root[data-envy-design] .promo-cta { color:#cfdeed; font-size:10px; } :root[data-envy-design] .site-header { min-height:76px; padding:0 max(28px,calc((100vw - 1292px)/2)); gap:22px; background:var(--header-bg); border-color:var(--border); backdrop-filter:blur(16px); box-shadow:none; } :root[data-envy-design] .logo { gap:4px; font-size:22px; letter-spacing:-.055em; } :root[data-envy-design] .logo-mark { width:35px; height:35px; margin-right:7px; border-radius:11px; font-size:20px; box-shadow:0 4px 18px rgba(72,214,188,.13); } :root[data-envy-design] .logo small { padding-left:2px; font-size:12px; } :root[data-envy-design] .header-nav-links { align-self:stretch; gap:7px; padding:0; border:0; border-radius:0; background:transparent; } :root[data-envy-design] .nav-btn { position:relative; display:flex; align-self:stretch; align-items:center; justify-content:center; gap:9px; padding:0 18px; border-radius:0; color:var(--text-muted); background:transparent; font-size:13px; font-weight:600; } :root[data-envy-design] .nav-btn i { font-size:14px; } :root[data-envy-design] .nav-btn::after { position:absolute; right:15px; bottom:0; left:15px; height:2px; border-radius:2px; background:var(--accent); content:""; opacity:0; transform:scaleX(.4); transition:opacity .2s,transform .2s; } :root[data-envy-design] .nav-btn.active { color:var(--text-main); background:linear-gradient(0deg,var(--accent-soft),transparent); box-shadow:none; } :root[data-envy-design] .nav-btn.active i { color:var(--accent); } :root[data-envy-design] .nav-btn.active::after { opacity:1; transform:scaleX(1); } :root[data-envy-design] .nav-btn:hover { color:var(--accent); background:var(--accent-soft); } :root[data-envy-design] .icon-btn { width:39px; height:39px; border-radius:12px; color:var(--text-muted); background:var(--panel); border-color:var(--border); font-size:15px; } :root[data-envy-design] .icon-count { min-width:15px; height:15px; font-size:8px; right:-4px; top:-4px; } :root[data-envy-design] .profile-avatar-btn { width:39px; height:39px; font-size:12px; } :root[data-envy-design] .hero-center { position:relative; isolation:isolate; max-width:none; margin:0 0 40px; padding:74px 0 52px; border:0; border-radius:0; background:transparent; box-shadow:none; } :root[data-envy-design] .hero-center::before { position:absolute; z-index:-1; inset:0 -34px; content:""; pointer-events:none; background:radial-gradient(ellipse at 5% 20%,var(--hero-glow),transparent 43%),radial-gradient(ellipse at 95% 50%,rgba(33,185,184,.11),transparent 40%),radial-gradient(ellipse at 50% 90%,rgba(101,67,192,.065),transparent 48%); } :root[data-envy-design] .hero-content { position:relative; z-index:2; width:min(730px,70%); margin:0 auto; } :root[data-envy-design] .hero-tagline-sub { min-height:29px; padding:5px 11px; border:1px solid var(--border-bright); border-radius:30px; color:var(--accent); background:var(--accent-soft); font-size:10px; font-weight:700; letter-spacing:.11em; } :root[data-envy-design] .status-dot { width:5px; height:5px; background:var(--accent); box-shadow:none; } :root[data-envy-design] .hero-center h1 { margin:26px 0 20px; font-size:clamp(48px,5.2vw,76px); font-weight:700; line-height:1.055; letter-spacing:-.065em; } :root[data-envy-design] .hero-center h1 span { color:var(--accent); background:linear-gradient(105deg,var(--accent),var(--jade)); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; } :root[data-envy-design] .hero-desc { max-width:540px; margin-bottom:29px; color:var(--text-muted); font-size:15px; line-height:1.75; } :root[data-envy-design] .central-search-box { min-height:57px; max-width:560px; margin-bottom:16px; padding:0 18px; border:1px solid var(--border-bright); border-radius:15px; background:var(--input-bg); box-shadow:0 10px 30px rgba(0,0,0,.08); } :root[data-envy-design] .central-search-box > i { color:var(--text-muted); font-size:16px; } :root[data-envy-design] .central-search-box input { font-size:14px; } :root[data-envy-design] input::placeholder, :root[data-envy-design] textarea::placeholder { color:var(--text-muted); opacity:.8; } :root[data-envy-design] .ctrl-k-badge { font-size:10px; font-weight:500; border-color:var(--border); } :root[data-envy-design] .hero-link { min-height:30px; font-size:12px; font-weight:600; color:var(--text-muted); } :root[data-envy-design] .hero-feature-line { display:flex; justify-content:center; gap:26px; margin-top:20px; color:var(--text-muted); font-size:12px; } :root[data-envy-design] .hero-feature-line button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:40px; padding:7px 10px; border:1px solid var(--border); border-radius:11px; background:var(--accent-soft); color:var(--text-muted); font-size:inherit; cursor:pointer; transition:background .2s,border-color .2s,color .2s; } :root[data-envy-design] .hero-feature-line button:hover { background:var(--panel-raised); border-color:var(--border-bright); color:var(--text-main); } :root[data-envy-design] .hero-feature-line .shortcut-arrow { margin-left:3px; font-size:10px; } :root[data-envy-design] .hero-feature-line i { color:var(--jade); font-size:12px; } :root[data-envy-design] .hero-editorial-card { position:absolute; z-index:0; width:142px; padding:7px 7px 9px; border:1px solid var(--border); border-radius:18px; background:var(--panel); box-shadow:0 14px 35px rgba(0,0,0,.12); pointer-events:auto; text-align:left; cursor:pointer; transition:translate .2s,border-color .2s,box-shadow .2s; } :root[data-envy-design] .hero-editorial-art { display:block; width:126px; height:126px; border-radius:12px; object-fit:contain; background:#f4f5f8; } :root[data-envy-design] .hero-editorial-card > span { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:8px 5px 0; font-size:11px; font-weight:700; } :root[data-envy-design] .hero-editorial-card i { display:block; flex-shrink:0; font-size:9px; color:var(--accent); } :root[data-envy-design] .hero-editorial-name { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; min-width:0; } :root[data-envy-design] .hero-editorial-card > .hero-editorial-price { padding-top:3px; color:var(--jade-bright); font-size:10px; } :root[data-envy-design] .hero-editorial-card:hover { translate:0 -5px; border-color:var(--border-bright); box-shadow:0 18px 38px rgba(0,0,0,.2); } :root[data-envy-design] .hero-editorial-card:focus-visible { outline:2px solid var(--accent); outline-offset:5px; } :root[data-envy-design] .hero-editorial-one { top:72px; left:7px; transform:rotate(-7deg); } :root[data-envy-design] .hero-editorial-two { left:57px; bottom:36px; transform:rotate(5deg); } :root[data-envy-design] .hero-editorial-three { right:6px; top:48px; transform:rotate(7deg); } :root[data-envy-design] .hero-editorial-four { right:53px; bottom:19px; transform:rotate(-5deg); } :root[data-envy-design] .eyebrow { font-size:10px; letter-spacing:.15em; color:var(--accent); } :root[data-envy-design] .section-block-title { align-items:center; margin-bottom:19px; } :root[data-envy-design] .section-block-title h2 { margin-top:5px; font-size:25px; line-height:1.2; letter-spacing:-.045em; } :root[data-envy-design] .rail-subtitle { margin-top:7px; font-size:12px; } :root[data-envy-design] .text-link { display:inline-flex; gap:8px; align-items:center; min-height:36px; font-size:12px; color:var(--accent); } :root[data-envy-design] .rail-arrow { width:35px; height:35px; background:var(--panel); border-color:var(--border); color:var(--text-muted); } :root[data-envy-design] .rail-arrow:hover { border-color:var(--accent); color:var(--accent); box-shadow:none; transform:translateY(-2px); } :root[data-envy-design] .home-discovery-block { margin-bottom:46px; } :root[data-envy-design] .home-category-rail { display:grid; grid-auto-flow:column; grid-template-rows:repeat(2,76px); grid-auto-columns:clamp(170px,15vw,210px); gap:10px; padding:2px 1px 12px; scrollbar-color:var(--border-bright) transparent; } :root[data-envy-design] .home-category-tile { width:100%; height:76px; min-width:0; align-items:center; border:1px solid var(--border); border-radius:15px; background:var(--panel); transition:transform .2s,border-color .2s,background .2s; } :root[data-envy-design] .home-category-product { inset:7px auto 7px 7px; width:60px; height:60px; z-index:0; border-radius:10px; background-color:transparent; background-image:url("assets/category-designer-cutouts.png"); background-size:400% 500%; } :root[data-envy-design] .home-category-product-image { inset:7px auto auto 7px; width:60px; height:60px; padding:3px; z-index:0; border-radius:10px; background-color:var(--panel-raised); } :root[data-envy-design] .home-category-shade { display:none; } :root[data-envy-design] .home-category-label { display:block; text-align:left; line-height:1.25; position:relative; width:100%; padding:13px 12px 13px 79px; font-family:"DM Sans",sans-serif; font-size:12px; font-weight:700; color:var(--text-main); text-shadow:none; } :root[data-envy-design] .home-category-label strong { display:block; font-size:inherit; font-weight:700; } :root[data-envy-design] .home-category-label small { display:block; margin-top:3px; color:var(--text-muted); font-size:10px; font-weight:500; } :root[data-envy-design] .home-category-label i { display:none; } :root[data-envy-design] .home-category-tile:hover { border-color:var(--border-bright); background:var(--panel-raised); transform:translateY(-2px); box-shadow:none; } :root[data-envy-design] .home-featured-rail { gap:18px; padding-bottom:16px; scrollbar-color:var(--border-bright) transparent; } :root[data-envy-design] .home-featured-card { flex-basis:calc((100% - 54px)/4); min-width:230px; } :root[data-envy-design] .grid { grid-template-columns:repeat(5,minmax(0,1fr)); gap:18px; } :root[data-envy-design] .product-card { overflow:hidden; border:1px solid var(--border); border-radius:17px; background:var(--panel); box-shadow:none; transition:transform .22s,border-color .22s,box-shadow .22s; } :root[data-envy-design] .product-card:hover { transform:translateY(-4px); border-color:var(--border-bright); box-shadow:0 16px 30px rgba(0,0,0,.13); } :root[data-envy-design] .card-media { aspect-ratio:1/1.04; background:#f5f6f8; } :root[data-envy-design] .card-media img { object-fit:contain; background:#f5f6f8; padding:5px; } :root[data-envy-design] .home-featured-card .card-media { aspect-ratio:1/1.03; } :root[data-envy-design] .home-featured-card .card-media img { padding:6px; background:#f5f6f8; } :root[data-envy-design] .card-body { padding:15px 14px 13px; } :root[data-envy-design] .card-title { min-height:39px; margin-bottom:5px; font-family:"DM Sans",sans-serif; font-size:13px; line-height:1.45; font-weight:700; letter-spacing:-.01em; } :root[data-envy-design] .card-meta { margin-bottom:7px; font-size:10px; color:var(--text-muted); } :root[data-envy-design] .card-sizes { margin-bottom:12px; font-size:10px; color:var(--text-muted); } :root[data-envy-design] .card-footer { padding-top:11px; border-color:var(--border); } :root[data-envy-design] .card-price { color:var(--text-main); font-size:14px; } :root[data-envy-design] .card-category { font-size:9px; color:var(--text-muted); } :root[data-envy-design] .product-category-tag { padding:6px 8px; border:1px solid rgba(138,159,193,.25); border-radius:7px; background:rgba(10,17,32,.9); color:#e2edfa; font-size:8px; letter-spacing:.025em; } :root[data-envy-design] .qc-status-badge { font-size:8px; padding:6px 8px; background:rgba(10,17,32,.9); } :root[data-envy-design] .wishlist-btn-corner { width:32px; height:32px; background:rgba(10,17,32,.82); font-size:14px; } :root[data-envy-design] .archive-heading { margin:48px 0 28px; } :root[data-envy-design] .archive-heading h1, :root[data-envy-design] .tools-heading h1 { margin:10px 0 13px; font-size:48px; letter-spacing:-.055em; } :root[data-envy-design] .archive-heading p, :root[data-envy-design] .tools-heading p { font-size:13px; line-height:1.65; } :root[data-envy-design] .archive-count strong { color:var(--accent); font-size:40px; } :root[data-envy-design] .archive-count-label { font-size:10px; color:var(--text-muted); } :root[data-envy-design] .archive-browser { padding:22px; border-color:var(--border); border-radius:18px; background:var(--panel); box-shadow:none; } :root[data-envy-design] .archive-browser::before { display:none; } :root[data-envy-design] .archive-browser-title h2 { font-size:21px; } :root[data-envy-design] .archive-browser-title p { font-size:11px; } :root[data-envy-design] .archive-browser-index { color:var(--accent); background:var(--accent-soft); border-color:var(--border-bright); } :root[data-envy-design] .archive-search { width:min(350px,40%); } :root[data-envy-design] .archive-search input { min-height:46px; font-size:12px; background:var(--input-bg); color:var(--text-main); } :root[data-envy-design] .category-all-card, :root[data-envy-design] .category-all-card.is-active { border-color:var(--border-bright); background:var(--accent-soft); } :root[data-envy-design] .category-all-card strong { font-size:14px; } :root[data-envy-design] .category-all-card small { font-size:11px; } :root[data-envy-design] .category-all-card b { color:var(--accent); font-size:20px; } :root[data-envy-design] .category-group, :root[data-envy-design] .category-group:nth-child(n) { background:transparent; border:0; border-radius:0; } :root[data-envy-design] .category-group.is-active, :root[data-envy-design] .category-group.has-active { box-shadow:inset 0 -2px 0 var(--accent); } :root[data-envy-design] .category-group-icon { color:var(--accent); background:var(--accent-soft); border-color:var(--border); } :root[data-envy-design] .category-group-name strong { font-size:16px; } :root[data-envy-design] .category-group-name small { font-size:11px; } :root[data-envy-design] .category-group-count { color:var(--accent); background:var(--accent-soft); border-color:var(--border); } :root[data-envy-design] .category-group-toggle { color:var(--text-main); background:var(--panel-raised); border-color:var(--border); font-size:11px; } :root[data-envy-design] .category-filter-chips { background:var(--panel-raised); border-color:var(--border-bright); box-shadow:var(--shadow); } :root[data-envy-design] .category-filter-chip { color:var(--text-main); background:var(--input-bg); border-color:var(--border); font-size:12px; } :root[data-envy-design] .category-filter-chip.is-active { color:#071d22; border-color:var(--jade); background:var(--jade); } :root[data-envy-design] .category-filter-chip small { color:var(--text-muted); background:var(--accent-soft); } :root[data-envy-design] .archive-results-heading { margin:34px 0 20px; } :root[data-envy-design] .archive-results-heading h2 { margin-top:5px; font-size:25px; } :root[data-envy-design] .tools-heading { margin:50px auto 30px; } :root[data-envy-design] .tools-grid-three { gap:20px; align-items:start; max-width:none; } :root[data-envy-design] .tool-card { padding:24px; border-color:var(--border); border-radius:19px; background:var(--panel); box-shadow:none; } :root[data-envy-design] .tool-card h2 { margin:18px 0 10px; font-size:21px; line-height:1.25; letter-spacing:-.035em; } :root[data-envy-design] .tool-card > p { font-size:12px; line-height:1.7; } :root[data-envy-design] .input-label, :root[data-envy-design] .shipping-card .input-label { margin:18px 0 8px; color:var(--text-main); font-size:12px; } :root[data-envy-design] .text-input, :root[data-envy-design] .agent-select { min-height:46px; padding:12px 13px; border-color:var(--border); border-radius:12px; background:var(--input-bg); color:var(--text-main); font-size:13px; } :root[data-envy-design] .btn-main-glow { min-height:44px; padding:12px 17px; border-color:transparent; border-radius:12px; color:#06211f; background:linear-gradient(105deg,#79edda,#43c5d5); box-shadow:none; font-size:12px; font-weight:700; } :root[data-envy-design] .btn-main-glow:hover { transform:translateY(-2px); box-shadow:0 8px 24px rgba(65,187,201,.14); } :root[data-envy-design] .btn-sub-glass { min-height:42px; padding:10px 13px; border-color:var(--border); border-radius:11px; background:var(--panel-raised); color:var(--text-main); font-size:12px; } :root[data-envy-design] .tool-icon { width:38px; height:38px; color:var(--accent); background:var(--accent-soft); border-color:var(--border); } :root[data-envy-design] .recommended-tag, :root[data-envy-design] .local-tag { font-size:9px; color:var(--text-muted); } :root[data-envy-design] .output-box, :root[data-envy-design] .bulk-result-item { background:var(--input-bg); border-color:var(--border); font-size:12px; } :root[data-envy-design] .tools-footnote { margin-top:23px; color:var(--text-muted); font-size:11px; line-height:1.7; } :root[data-envy-design] .shipping-mode-switch { border-color:var(--border); background:var(--input-bg); } :root[data-envy-design] .shipping-result { padding:19px; border-color:var(--border-bright); background:var(--accent-soft); } :root[data-envy-design] .shipping-result strong { color:var(--jade-bright); font-size:33px; } :root[data-envy-design] .shipping-weight-input .text-input { font-size:23px; } :root[data-envy-design] .modal { background:rgba(3,7,17,.78); backdrop-filter:blur(7px); } :root[data-envy-design] .modal-content { border-color:var(--border); border-radius:22px; background:var(--panel); box-shadow:var(--shadow); } :root[data-envy-design] .modal-header { border-color:var(--border); } :root[data-envy-design] .modal-header h2 { font-size:23px; line-height:1.25; letter-spacing:-.035em; } :root[data-envy-design] .close-btn { width:34px; height:34px; border:1px solid var(--border); border-radius:10px; color:var(--text-muted); background:var(--panel-raised); } :root[data-envy-design] .product-info-card, :root[data-envy-design] .product-link-panel { background:var(--input-bg); border-color:var(--border); } :root[data-envy-design] .product-modal-refresh .main-qc-preview { border-color:var(--border); background:#f4f5f8; } :root[data-envy-design] .product-modal-refresh .modal-long-desc { color:var(--text-muted); font-size:12px; line-height:1.7; } :root[data-envy-design] .desc-box-title { font-size:11px; } :root[data-envy-design] .product-category-line { color:var(--accent); font-size:12px; } :root[data-envy-design] .product-modal-refresh .size-chip { min-width:44px; min-height:42px; color:var(--text-main); border-color:var(--border); background:var(--panel-raised); font-size:13px; } :root[data-envy-design] .qc-scroll-hint { font-size:13px; border-color:var(--border-bright); background:var(--accent-soft); color:var(--text-main); } :root[data-envy-design] .qc-scroll-smile { color:var(--accent); } :root[data-envy-design] .qc-gallery-heading h3 { font-size:22px; } :root[data-envy-design] .qc-photo-tile { border-color:var(--border); background:var(--input-bg); } :root[data-envy-design] .profile-modal-card { background:var(--panel); } :root[data-envy-design] .profile-card-top { border-color:var(--border); } :root[data-envy-design] .profile-name { font-size:18px; } :root[data-envy-design] .profile-meta, :root[data-envy-design] .auth-setup-hint, :root[data-envy-design] .profile-label { color:var(--text-muted); font-size:12px; line-height:1.65; } :root[data-envy-design] .profile-tab { min-height:40px; font-size:12px; } :root[data-envy-design] .qc-notice-card h2 { font-size:26px; } :root[data-envy-design] .qc-notice-copy { color:var(--text-muted); font-size:14px; line-height:1.8; } :root[data-envy-design] .qc-notice-note { color:var(--text-muted); font-size:12px; } :root[data-envy-design] .site-footer { gap:25px; padding:34px max(28px,calc((100vw - 1292px)/2)); border-color:var(--border); background:var(--bg-deep); } :root[data-envy-design] .footer-brand { font-size:15px; } :root[data-envy-design] .footer-brand small { font-size:9px; color:var(--text-muted); } :root[data-envy-design] .site-footer p { color:var(--text-muted); font-size:12px; } :root[data-envy-design] .footer-tools-link { font-size:12px; color:var(--accent); } :root[data-envy-design] #cyber-toast { font-size:13px; border-color:var(--border-bright); background:var(--panel-raised); } :root[data-envy-design] .empty-state { font-size:13px; border-color:var(--border); background:var(--panel); } @media(max-width:1190px) { :root[data-envy-design] .hero-editorial-card { width:110px; padding:6px; border-radius:15px; } :root[data-envy-design] .hero-editorial-art { width:96px; height:96px; } :root[data-envy-design] .hero-editorial-two { left:18px; bottom:40px; } :root[data-envy-design] .hero-editorial-four { right:18px; bottom:25px; } :root[data-envy-design] .hero-editorial-card > span { font-size:10px; } :root[data-envy-design] .grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; } :root[data-envy-design] .nav-btn { padding-right:13px; padding-left:13px; } } @media(max-width:1050px) { :root[data-envy-design] .tools-grid-three { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:850px; } :root[data-envy-design] .shipping-card { grid-column:1/-1; } :root[data-envy-design] .hero-editorial-two, :root[data-envy-design] .hero-editorial-four { display:none; } :root[data-envy-design] .hero-editorial-one, :root[data-envy-design] .hero-editorial-three { top:110px; } :root[data-envy-design] .hero-content { width:75%; } :root[data-envy-design] .category-group-head { flex-wrap:wrap; } } @media(max-width:800px) { :root[data-envy-design] .wrapper { padding:0 22px 55px; } :root[data-envy-design] .hero-center::before { inset:0 -22px; } :root[data-envy-design] .site-header { padding:0 20px; gap:12px; } :root[data-envy-design] .nav-btn { gap:6px; padding:0 10px; font-size:12px; } :root[data-envy-design] .nav-btn i { display:none; } :root[data-envy-design] .hero-editorial-card { display:none; } :root[data-envy-design] .hero-content { width:100%; max-width:650px; } :root[data-envy-design] .hero-center { padding:55px 0 35px; margin-bottom:30px; } :root[data-envy-design] .hero-center h1 { font-size:62px; } :root[data-envy-design] .grid { grid-template-columns:repeat(3,minmax(0,1fr)); } :root[data-envy-design] .home-featured-card { flex-basis:calc((100% - 36px)/3); min-width:215px; } :root[data-envy-design] .tools-grid-three { grid-template-columns:1fr; max-width:650px; } :root[data-envy-design] .shipping-card { grid-column:auto; } } @media(max-width:640px) { :root[data-envy-design] { --promo-banner-height:30px; --site-header-height:106px; } :root[data-envy-design] .site-header { display:grid; grid-template-columns:1fr auto; min-height:106px; padding:10px 15px 0; column-gap:10px; row-gap:7px; } :root[data-envy-design] .logo { font-size:20px; } :root[data-envy-design] .logo-mark { width:31px; height:31px; font-size:18px; } :root[data-envy-design] .header-actions { grid-column:2; grid-row:1; } :root[data-envy-design] .icon-btn, :root[data-envy-design] .profile-avatar-btn { width:34px; height:34px; } :root[data-envy-design] .header-nav-links { grid-column:1/-1; grid-row:2; min-height:42px; justify-content:center; gap:9px; } :root[data-envy-design] .nav-btn { flex:1; max-width:150px; gap:7px; padding:0 12px; font-size:12px; } :root[data-envy-design] .nav-btn i { display:inline; font-size:12px; } :root[data-envy-design] .wrapper { padding:0 16px 44px; } :root[data-envy-design] .hero-center::before { inset:0 -16px; } :root[data-envy-design] .hero-center { margin:0 0 30px; padding:40px 0 24px; border-radius:0; } :root[data-envy-design] .hero-center h1 { margin:21px 0 17px; font-size:clamp(40px,10.5vw,58px); line-height:1.08; letter-spacing:-.06em; } :root[data-envy-design] .hero-tagline-sub { min-height:26px; font-size:9px; letter-spacing:.08em; } :root[data-envy-design] .hero-desc { max-width:345px; font-size:13px; margin-bottom:22px; } :root[data-envy-design] .central-search-box { min-height:53px; padding:0 13px; border-radius:13px; } :root[data-envy-design] .central-search-box input { font-size:12px; } :root[data-envy-design] .ctrl-k-badge { display:none; } :root[data-envy-design] .hero-feature-line { gap:14px; flex-wrap:wrap; margin-top:16px; font-size:10px; } :root[data-envy-design] .hero-feature-line button { gap:6px; min-height:42px; padding:8px; font-size:11px; } :root[data-envy-design] .hero-feature-line i { font-size:10px; } :root[data-envy-design] .home-discovery-block { margin-bottom:32px; } :root[data-envy-design] .section-block-title h2 { font-size:22px; } :root[data-envy-design] .eyebrow { font-size:9px; letter-spacing:.12em; } :root[data-envy-design] .section-block-title { gap:9px; margin-bottom:15px; } :root[data-envy-design] .home-category-rail { grid-template-rows:repeat(2,68px); grid-auto-columns:162px; gap:8px; margin-right:-16px; padding-right:16px; } :root[data-envy-design] .home-category-tile { height:68px; border-radius:13px; } :root[data-envy-design] .home-category-product, :root[data-envy-design] .home-category-product-image { inset:7px auto auto 7px; width:52px; height:52px; } :root[data-envy-design] .home-category-label { padding-left:70px; font-size:11px; } :root[data-envy-design] .rail-arrow { width:31px; height:31px; } :root[data-envy-design] .rail-subtitle { max-width:230px; font-size:11px; } :root[data-envy-design] .home-featured-rail { gap:12px; margin-right:-16px; padding-right:16px; } :root[data-envy-design] .home-featured-card { flex-basis:65vw; min-width:205px; max-width:270px; } :root[data-envy-design] .grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } :root[data-envy-design] .card-body { padding:12px 10px; } :root[data-envy-design] .card-title { min-height:36px; font-size:12px; } :root[data-envy-design] .card-meta, :root[data-envy-design] .card-sizes { font-size:9px; } :root[data-envy-design] .card-price { font-size:12px; } :root[data-envy-design] .card-category { font-size:8px; } :root[data-envy-design] .product-category-tag { font-size:7px; padding:5px 6px; } :root[data-envy-design] .qc-status-badge { font-size:6.5px; padding:5px 6px; } :root[data-envy-design] .archive-heading { margin-top:30px; gap:15px; } :root[data-envy-design] .archive-heading h1, :root[data-envy-design] .tools-heading h1 { font-size:38px; } :root[data-envy-design] .archive-heading p { max-width:300px; font-size:12px; } :root[data-envy-design] .archive-count strong { font-size:30px; } :root[data-envy-design] .archive-browser { padding:16px; } :root[data-envy-design] .archive-browser-head { gap:17px; } :root[data-envy-design] .archive-browser-title h2 { font-size:19px; } :root[data-envy-design] .archive-browser-title p { font-size:11px; } :root[data-envy-design] .archive-search { width:100%; } :root[data-envy-design] .category-group-head { flex-wrap:nowrap; } :root[data-envy-design] .tools-heading { margin-top:32px; } :root[data-envy-design] .tool-card { padding:20px; } :root[data-envy-design] .modal-content { padding:18px 15px; border-radius:18px; } :root[data-envy-design] .modal-header h2 { font-size:21px; } :root[data-envy-design] .product-modal-refresh .modal-product-body { grid-template-columns:1fr; } :root[data-envy-design] .site-footer { padding:25px 19px; gap:15px; } :root[data-envy-design] .site-footer p { font-size:12px; } } @media(prefers-reduced-motion:reduce) { :root[data-envy-design] .product-card, :root[data-envy-design] .home-category-tile { transition:none; } } @media (prefers-reduced-motion:reduce) { :root[data-envy-design] .hero-editorial-card, :root[data-envy-design] .hero-feature-line button { transition:none; } :root[data-envy-design] .hero-editorial-card:hover { translate:0; } } /* Large catalogue: render additional cards on demand. */ .catalog-more-button{display:block;margin:24px auto 8px;min-width:240px;font-size:14px;padding:13px 22px}.catalog-more-button[hidden]{display:none} /* Original aurora/chrome artwork and matching blackletter wordmark. */ :root[data-envy-design] .logo { gap:11px; flex-shrink:0; letter-spacing:0; } :root[data-envy-design] img.brand-logo-image { display:block; flex:0 0 auto; width:52px; height:52px; margin:0; border:1px solid rgba(136,220,219,.28); border-radius:13px; object-fit:cover; background:#071320; box-shadow:0 3px 16px rgba(39,192,178,.12); } :root[data-envy-design] .brand-wordmark { display:inline-flex; align-items:baseline; gap:3px; white-space:nowrap; font:400 32px/1.1 "UnifrakturMaguntia","Old English Text MT",Georgia,serif; letter-spacing:0; text-transform:none; color:#e3edf6; text-shadow:0 1px 0 #66818f,0 0 15px rgba(121,227,217,.14); } :root[data-envy-design] .brand-wordmark small { padding:0; font:400 19px/1 "UnifrakturMaguntia","Old English Text MT",Georgia,serif; letter-spacing:0; color:var(--jade-bright); text-shadow:none; } :root[data-envy-design] .footer-brand { grid-template-columns:44px auto; column-gap:10px; } :root[data-envy-design] .footer-brand img.brand-logo-image { width:44px; height:44px; border-radius:11px; } :root[data-envy-design] .footer-brand .brand-wordmark { font-size:28px; } :root[data-envy-design] .account-brand { gap:10px; letter-spacing:0; } :root[data-envy-design] .account-brand img.brand-logo-image { width:46px; height:46px; } :root[data-envy-design] .account-brand .brand-wordmark { font-size:30px; } :root[data-envy-design][data-theme="light"] .brand-wordmark { color:#253d4b; text-shadow:0 1px 0 #fff; } @media(max-width:600px) { :root[data-envy-design] .logo { gap:8px; } :root[data-envy-design] .logo img.brand-logo-image { width:40px; height:40px; border-radius:10px; } :root[data-envy-design] .logo .brand-wordmark { font-size:27px; } :root[data-envy-design] .logo .brand-wordmark small { font-size:16px; } } /* Five existing offers with QC, arranged around the hero copy. */ :root[data-envy-design] .hero-editorial-card > .hero-editorial-qc { position:absolute; right:10px; top:10px; display:inline-flex; align-items:center; gap:4px; padding:4px 6px; border:1px solid rgba(113,231,207,.5); border-radius:6px; color:#a9f7df; background:rgba(7,26,25,.94); font-size:8px; line-height:1; letter-spacing:.02em; } :root[data-envy-design] .hero-editorial-qc i { color:inherit; font-size:8px; } @media(min-width:1051px) { :root[data-envy-design] .hero-with-qc-picks { display:flex; align-items:center; min-height:610px; padding-top:32px; padding-bottom:32px; } :root[data-envy-design] .hero-with-qc-picks .hero-editorial-card { width:124px; padding:6px; border-radius:16px; } :root[data-envy-design] .hero-with-qc-picks .hero-editorial-art { width:110px; height:110px; } :root[data-envy-design] .hero-with-qc-picks .hero-editorial-card > span { font-size:10px; } :root[data-envy-design] .hero-with-qc-picks .hero-editorial-card > .hero-editorial-qc { font-size:8px; } :root[data-envy-design] .hero-with-qc-picks .hero-editorial-one { left:3px; top:24px; } :root[data-envy-design] .hero-with-qc-picks .hero-editorial-two { left:20px; top:calc(50% - 83px); bottom:auto; } :root[data-envy-design] .hero-with-qc-picks .hero-editorial-three { right:3px; top:62px; } :root[data-envy-design] .hero-with-qc-picks .hero-editorial-four { right:20px; bottom:62px; } :root[data-envy-design] .hero-with-qc-picks .hero-editorial-five { left:3px; bottom:24px; transform:rotate(-4deg); } } @media(min-width:1051px) and (max-width:1190px) { :root[data-envy-design] .hero-with-qc-picks { min-height:560px; } :root[data-envy-design] .hero-with-qc-picks .hero-editorial-card { width:110px; } :root[data-envy-design] .hero-with-qc-picks .hero-editorial-art { width:96px; height:96px; } } @media(max-width:1050px) { :root[data-envy-design] .hero-editorial-five { display:none; } } /* Reviewed QC and style counts share a compact bottom row on product photos. */ .card-image-meta{position:absolute;left:8px;right:8px;bottom:8px;z-index:2;display:flex;align-items:flex-end;gap:5px;pointer-events:none} .card-image-meta .qc-status-badge{position:static;margin-left:auto;max-width:100%;flex:0 1 auto;min-width:0;font-size:clamp(6px,.58vw,8px);padding:6px 7px;letter-spacing:0;backdrop-filter:none} .product-styles-badge{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;padding:6px 7px;border:1px solid rgba(100,223,211,.45);border-radius:999px;background:rgba(9,17,32,.92);color:#8ff5e4;font-size:clamp(6px,.58vw,8px);font-weight:800;line-height:1;white-space:nowrap} :root[data-envy-design] .card-image-meta .qc-status-badge{font-size:clamp(6px,.58vw,8px);padding:6px 7px} @media(max-width:540px){.card-image-meta{left:5px;right:5px;bottom:6px;gap:3px}.product-styles-badge,:root[data-envy-design] .card-image-meta .qc-status-badge{font-size:6px;padding:5px}.card-image-meta i{font-size:7px}}