.peps-surface{background:var(--peps-surface,#101a31);border:1px solid rgba(132,196,255,.18);border-radius:24px;box-shadow:18px 18px 40px rgba(0,0,0,.28),-10px -10px 28px rgba(83,139,219,.06)} .peps-wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}.peps-grid{display:grid;gap:24px}.peps-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))} .peps-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 1.25rem;border-radius:999px;background:linear-gradient(135deg,#59c8ff,#6e7cff);color:#06101e!important;text-decoration:none;font-weight:700;border:0;cursor:pointer} .peps-button--ghost{background:transparent;color:#dcecff!important;border:1px solid rgba(132,196,255,.28)} .peps-hero{position:relative;overflow:hidden;padding:clamp(72px,10vw,148px) 0}.peps-hero:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 70% 30%,rgba(72,184,255,.18),transparent 35%),radial-gradient(circle at 20% 70%,rgba(104,102,255,.14),transparent 30%);pointer-events:none} .peps-eyebrow{letter-spacing:.16em;text-transform:uppercase;font-size:.78rem;color:#79d8ff}.peps-title{font-size:clamp(2.5rem,6vw,5.6rem);line-height:.96;margin:.4em 0}.peps-copy{max-width:62ch;color:#a9bdd7} .peps-feature{padding:28px}.peps-stat{padding:24px;text-align:center}.peps-stat strong{display:block;font-size:clamp(2rem,4vw,3.5rem)} .peps-auth{max-width:560px;margin:60px auto;padding:32px}.peps-auth label{display:block;margin:0 0 14px}.peps-auth input{width:100%;padding:14px 16px;border-radius:14px;border:1px solid rgba(132,196,255,.22);background:#091327;color:#fff}.peps-auth .error{color:#ff9ea8}.peps-auth .success{color:#8ff0c6} .peps-floating-header{position:sticky;top:16px;z-index:50;margin:16px auto;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;backdrop-filter:blur(18px);background:rgba(8,18,37,.74)} .peps-footer{padding:64px 0}.peps-footer__grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:32px} .peps-ambient{position:relative;overflow:hidden}.peps-ambient:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:rgba(64,176,255,.10);filter:blur(80px);right:-120px;top:-100px;animation:peps-breathe 8s ease-in-out infinite;pointer-events:none}@keyframes peps-breathe{50%{transform:scale(1.18);opacity:.6}} @media(max-width:800px){.peps-grid-3,.peps-footer__grid{grid-template-columns:1fr}.peps-wrap{width:min(100% - 24px,1180px)}.peps-floating-header{top:8px}} @media(prefers-reduced-motion:reduce){.peps-ambient:after{animation:none}.peps-button{transition:none!important}} .peps-layer-open{overflow:hidden}.peps-overlay,.peps-drawer{position:fixed;inset:0;z-index:99990;opacity:0;transition:opacity .22s ease}.peps-overlay.is-open,.peps-drawer.is-open{opacity:1}.peps-overlay__backdrop{position:absolute;inset:0;background:rgba(2,7,18,.78);backdrop-filter:blur(18px)} .peps-command{position:relative;width:min(860px,calc(100% - 32px));max-height:80vh;margin:8vh auto 0;padding:28px;overflow:auto;transform:translateY(20px);transition:transform .22s ease}.is-open .peps-command{transform:none}.peps-command__head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.peps-icon-button{border:0;background:transparent;color:#fff;font-size:2rem;cursor:pointer}.peps-command__input,.peps-catalog__toolbar input{width:100%;padding:16px 18px;border:1px solid rgba(132,196,255,.2);border-radius:16px;background:#071126;color:#fff}.peps-command__results{display:grid;gap:10px;margin-top:20px}.peps-search-result{display:flex;gap:14px;align-items:center;padding:12px;border-radius:16px;color:#e8f4ff;text-decoration:none;background:rgba(255,255,255,.035)}.peps-search-result img{width:56px;height:56px;object-fit:cover;border-radius:12px}.peps-search-result small,.peps-search-result strong{display:block} .peps-drawer__panel{position:absolute;right:0;top:0;height:100%;width:min(440px,92vw);padding:26px;background:#091327;transform:translateX(100%);transition:transform .26s ease;overflow:auto}.peps-drawer.is-open .peps-drawer__panel{transform:none}.peps-cart-items{display:grid;gap:14px;margin:24px 0}.peps-cart-items>div,.peps-cart-total{display:flex;justify-content:space-between;gap:18px;padding-bottom:14px;border-bottom:1px solid rgba(132,196,255,.15)}.peps-cart-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px} .peps-cinematic{position:fixed;inset:0;z-index:99999;background:#020713;opacity:0;transition:opacity .8s ease}.peps-cinematic.is-playing{opacity:1}.peps-cinematic.is-leaving{opacity:0;pointer-events:none}.peps-cinematic__scene{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(61,157,255,.18),transparent 36%),linear-gradient(180deg,#020713,#07132a)}.peps-cinematic__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(101,192,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(101,192,255,.05) 1px,transparent 1px);background-size:48px 48px;transform:perspective(600px) rotateX(66deg) scale(1.5);transform-origin:center bottom;animation:peps-grid-drift 10s linear both}.peps-vial{position:absolute;bottom:22%;width:96px;height:260px;border:2px solid rgba(209,239,255,.6);border-radius:18px 18px 28px 28px;background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(148,220,255,.22),rgba(255,255,255,.04));box-shadow:0 0 70px rgba(47,174,255,.25);animation:peps-vial-rise 8s ease both}.peps-vial:before{content:"";position:absolute;width:72px;height:38px;left:10px;top:-30px;border-radius:10px 10px 4px 4px;background:#17233b;border:1px solid rgba(255,255,255,.2)}.peps-vial span{position:absolute;left:8px;right:8px;bottom:8px;height:42%;border-radius:8px 8px 20px 20px;background:linear-gradient(180deg,rgba(68,224,255,.28),rgba(72,111,255,.7));animation:peps-liquid 4s ease-in-out infinite}.peps-vial--one{left:22%;transform:rotate(-8deg);animation-delay:.5s}.peps-vial--two{left:calc(50% - 48px);height:310px;animation-delay:1.1s}.peps-vial--three{right:22%;transform:rotate(8deg);animation-delay:1.7s}.peps-cinematic__copy{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);z-index:3;text-align:center;opacity:0;animation:peps-copy-reveal 8s 2s ease both}.peps-cinematic__copy strong{display:block;font-size:clamp(4rem,13vw,10rem);letter-spacing:.18em;color:#eaf8ff;text-shadow:0 0 50px rgba(77,193,255,.38)}.peps-cinematic__copy small{display:block;color:#9ec9e8}.peps-cinematic__skip{position:absolute;right:28px;bottom:28px;z-index:4}.peps-product-grid{display:grid;gap:24px}.peps-product-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.peps-product-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.peps-product-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.peps-catalog__toolbar{display:grid;grid-template-columns:1fr minmax(320px,480px);gap:24px;align-items:end;margin-bottom:30px}.peps-catalog__controls{display:grid;grid-template-columns:minmax(220px,1fr) minmax(160px,.55fr);gap:12px}.peps-catalog__controls select{width:100%;padding:16px 18px;border:1px solid rgba(132,196,255,.2);border-radius:16px;background:#071126;color:#fff}.peps-product-card{overflow:hidden;transition:transform .25s ease,border-color .25s ease}.peps-product-card:hover{transform:translateY(-7px);border-color:rgba(91,209,255,.45)}.peps-product-card__image{display:block;aspect-ratio:1/1;background:radial-gradient(circle,rgba(60,168,255,.12),transparent 65%)}.peps-product-card__image img{width:100%;height:100%;object-fit:contain;transition:transform .35s ease}.peps-product-card:hover img{transform:scale(1.04) translateY(-5px)}.peps-product-card__body{padding:24px}.peps-product-card h3 a{color:#eef8ff;text-decoration:none}.peps-product-card__meta{display:flex;justify-content:space-between;gap:10px;margin:16px 0 20px;color:#a9bdd7}.peps-spotlight{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:clamp(28px,5vw,64px)}.peps-spotlight__visual img{width:100%;max-height:520px;object-fit:contain}.peps-dashboard{display:grid;gap:26px}.peps-dashboard__welcome{padding:34px}.peps-dashboard a{color:inherit;text-decoration:none} @keyframes peps-grid-drift{from{transform:perspective(600px) rotateX(66deg) scale(1.5) translateY(100px)}to{transform:perspective(600px) rotateX(66deg) scale(1.5) translateY(-80px)}}@keyframes peps-vial-rise{0%{opacity:0;translate:0 120px}25%,85%{opacity:1;translate:0 0}100%{opacity:.2;translate:0 -18px}}@keyframes peps-liquid{50%{height:47%;filter:brightness(1.25)}}@keyframes peps-copy-reveal{0%,15%{opacity:0;filter:blur(18px)}35%,85%{opacity:1;filter:blur(0)}100%{opacity:.5}} @media(max-width:900px){.peps-product-grid--3,.peps-product-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.peps-spotlight{grid-template-columns:1fr}.peps-vial--one{left:12%}.peps-vial--three{right:12%}}@media(max-width:600px){.peps-catalog__toolbar,.peps-catalog__controls,.peps-product-grid--2,.peps-product-grid--3,.peps-product-grid--4{grid-template-columns:1fr}.peps-cinematic__copy strong{font-size:4rem}.peps-vial{width:64px;height:190px}.peps-vial--two{height:220px;left:calc(50% - 32px)}.peps-cart-actions{grid-template-columns:1fr}} @media(prefers-reduced-motion:reduce){.peps-cinematic{display:none!important}.peps-product-card,.peps-product-card img,.peps-overlay,.peps-drawer,.peps-command,.peps-drawer__panel{transition:none!important}} /* Release 0.4 research documents, inquiries, and checkout. */ .peps-coa-search,.peps-inquiry{padding:clamp(1.25rem,3vw,2rem);margin-bottom:2rem}.peps-inline-form{display:flex;gap:.75rem;align-items:end}.peps-inline-form input{flex:1}.peps-coa-card dl{display:grid;gap:.6rem;margin:1rem 0}.peps-coa-card dl div{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--peps-border);padding-bottom:.45rem}.peps-coa-card dt{color:var(--peps-muted)}.peps-coa-card dd{margin:0;text-align:right}.peps-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.peps-inquiry label{display:grid;gap:.45rem;margin-bottom:1rem}.peps-inquiry input,.peps-inquiry textarea,.peps-coa-search input{width:100%;border:1px solid var(--peps-border);border-radius:var(--peps-radius-sm);background:rgba(4,15,28,.72);color:var(--peps-text);padding:.85rem 1rem}.peps-pdf-viewer{padding:1rem}.peps-pdf-viewer object{display:block;width:100%;border:0;border-radius:var(--peps-radius-sm)}.peps-checkout-progress{padding:1rem;margin-bottom:1.5rem}.peps-checkout-progress ol{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:0;gap:.5rem}.peps-checkout-progress li{display:flex;align-items:center;gap:.5rem;color:var(--peps-muted);font-size:.88rem}.peps-checkout-progress li span{display:grid;place-items:center;width:1.8rem;height:1.8rem;border:1px solid var(--peps-border);border-radius:50%}.peps-checkout-progress li.is-active{color:var(--peps-text)}.peps-checkout-progress li.is-active span{background:var(--peps-accent);color:#03121d;border-color:transparent}@media(max-width:767px){.peps-inline-form{align-items:stretch;flex-direction:column}.peps-form-grid{grid-template-columns:1fr}.peps-checkout-progress ol{grid-template-columns:1fr 1fr}} .peps-faq{display:grid;gap:1rem}.peps-faq details{padding:1.1rem 1.25rem}.peps-faq summary{cursor:pointer;font-weight:700}.peps-faq details>div{padding-top:.75rem;color:var(--peps-text-muted)} .peps-editorial-grid,.peps-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.peps-editorial-grid article,.peps-category-grid>a{padding:1.35rem;text-decoration:none}.peps-contact-panel{padding:clamp(1.5rem,4vw,3rem)} @media(max-width:900px){.peps-editorial-grid,.peps-category-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.peps-editorial-grid,.peps-category-grid{grid-template-columns:1fr}} /* Release 0.6 theme completion components. */ .peps-product-gallery__stage{position:relative;aspect-ratio:1/1;overflow:hidden;padding:1rem}.peps-product-gallery__stage img{display:none;width:100%;height:100%;object-fit:contain}.peps-product-gallery__stage img.is-active{display:block}.peps-product-gallery__thumbs{display:flex;gap:.75rem;margin-top:1rem;flex-wrap:wrap}.peps-product-gallery__thumbs button{width:72px;height:72px;border:1px solid var(--peps-border);border-radius:14px;background:var(--peps-surface);padding:.35rem}.peps-product-gallery__thumbs img{width:100%;height:100%;object-fit:contain}.peps-specs{padding:1.5rem}.peps-specs dl{margin:0}.peps-specs dl div{display:grid;grid-template-columns:minmax(130px,.6fr) 1fr;gap:1rem;padding:.85rem 0;border-bottom:1px solid var(--peps-border)}.peps-specs dt{color:var(--peps-muted)}.peps-specs dd{margin:0}.peps-timeline{list-style:none;padding:0;margin:0;display:grid;gap:1rem}.peps-timeline li{display:grid;grid-template-columns:auto 1fr;gap:1rem;padding:1.25rem}.peps-timeline li>span{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--peps-accent);color:#03121d;font-weight:800}.peps-timeline h3,.peps-timeline p{margin:.1rem 0}.peps-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.peps-comparison{overflow:auto}.peps-comparison table{width:100%;border-collapse:collapse}.peps-comparison th,.peps-comparison td{padding:1rem;border-bottom:1px solid var(--peps-border);text-align:left}.peps-order-tracking{padding:1.5rem}.peps-trust-strip{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;padding:1rem 1.25rem}.peps-trust-strip span{color:var(--peps-text-muted)}.peps-section-heading{max-width:760px}.peps-section-heading h2{margin:.35rem 0 .6rem}.peps-section-heading p{color:var(--peps-text-muted)}.peps-mobile-nav [data-peps-mobile-panel]{margin-top:.75rem;padding:1rem;border:1px solid var(--peps-border);border-radius:18px;background:var(--peps-surface)}.peps-mobile-nav ul{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.peps-mobile-nav a{color:var(--peps-text);text-decoration:none} @media(max-width:767px){.peps-metrics{grid-template-columns:1fr}.peps-specs dl div{grid-template-columns:1fr}.peps-trust-strip{justify-content:flex-start}} /* Release 0.7 website-completion layer. */ .peps-home-section{padding-block:clamp(44px,7vw,96px)} .peps-actions{display:flex;gap:.85rem;flex-wrap:wrap;align-items:center} .peps-commerce-hero{position:relative;overflow:hidden;padding:clamp(88px,12vw,170px) 0} .peps-commerce-hero__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:clamp(40px,7vw,96px);align-items:center} .peps-commerce-hero h1{max-width:880px;margin:.45rem 0 1rem;font-size:clamp(3rem,7vw,7rem);line-height:.92;letter-spacing:-.055em} .peps-commerce-hero p{max-width:680px;color:var(--peps-text-muted);font-size:clamp(1rem,1.6vw,1.25rem)} .peps-hero-orbit{position:relative;aspect-ratio:1/1;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,rgba(75,201,255,.19),rgba(50,92,196,.06) 42%,transparent 66%)} .peps-hero-orbit>span{position:absolute;inset:12%;border:1px solid rgba(92,210,255,.22);border-radius:50%;animation:peps-orbit 18s linear infinite}.peps-hero-orbit>span:nth-child(2){inset:23%;animation-duration:12s;animation-direction:reverse}.peps-hero-orbit>span:nth-child(3){inset:34%;animation-duration:8s} .peps-hero-orbit>span:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--peps-accent);top:12%;left:12%;box-shadow:0 0 25px var(--peps-accent)} .peps-hero-vial{position:relative;width:28%;height:58%;border:2px solid rgba(219,244,255,.7);border-radius:20px 20px 38px 38px;background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(120,218,255,.23),rgba(255,255,255,.05));box-shadow:0 30px 80px rgba(17,135,255,.28),inset 0 0 30px rgba(132,231,255,.12);animation:peps-vial-float 5s ease-in-out infinite} .peps-hero-vial:before{content:"";position:absolute;width:78%;height:12%;left:11%;top:-9%;border-radius:10px 10px 4px 4px;background:#17233b;border:1px solid rgba(255,255,255,.2)} .peps-hero-vial:after{content:"";position:absolute;inset:auto 8% 6%;height:44%;border-radius:10px 10px 28px 28px;background:linear-gradient(180deg,rgba(67,232,255,.26),rgba(83,105,255,.78));filter:saturate(1.25)} .peps-quality-panel,.peps-institutional-cta,.peps-dashboard-panel{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(30px,5vw,70px);align-items:center;padding:clamp(28px,5vw,58px)} .peps-quality-panel ul{display:grid;grid-template-columns:1fr 1fr;gap:1rem;list-style:none;padding:0;margin:0}.peps-quality-panel li{padding:1rem;border:1px solid var(--peps-border);border-radius:16px;background:rgba(255,255,255,.025)} .peps-institutional-cta{background:radial-gradient(circle at 80% 20%,rgba(71,200,255,.16),transparent 42%),var(--peps-surface)} .peps-coa-mini{padding:1.35rem}.peps-coa-mini small{color:var(--peps-muted)} .peps-dashboard-links,.peps-account-quick-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.peps-dashboard-links a,.peps-dashboard-links button,.peps-account-quick-links a{padding:1rem;border:1px solid var(--peps-border);border-radius:16px;background:rgba(255,255,255,.025);color:var(--peps-text);text-decoration:none;text-align:left} .peps-filter-drawer{position:fixed;z-index:100002;inset:0 auto 0 0;width:min(390px,92vw);padding:24px;background:#091327;border-right:1px solid var(--peps-border);box-shadow:30px 0 70px rgba(0,0,0,.42);overflow:auto}.peps-filter-drawer label{display:grid;gap:.5rem}.peps-filter-drawer input{width:100%}.peps-filter-options{display:grid;gap:.75rem;margin-top:1.5rem}.peps-filter-options a{color:var(--peps-text);text-decoration:none;padding:.8rem;border:1px solid var(--peps-border);border-radius:14px} .peps-success{text-align:center;padding:clamp(36px,6vw,72px)}.peps-success>span{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 1rem;border-radius:50%;background:var(--peps-accent);color:#04121d;font-size:2rem;font-weight:900} [data-peps-reveal]{opacity:0;transform:translateY(26px);transition:opacity .65s ease,transform .65s ease}[data-peps-reveal].is-visible{opacity:1;transform:none} .peps-floating-header{transition:padding .22s ease,background .22s ease,transform .22s ease}.peps-floating-header.is-compact{padding-block:.55rem;background:rgba(8,18,36,.92);backdrop-filter:blur(18px)} @keyframes peps-orbit{to{transform:rotate(360deg)}}@keyframes peps-vial-float{50%{transform:translateY(-16px) rotate(1.5deg)}} @media(max-width:900px){.peps-commerce-hero__grid,.peps-quality-panel,.peps-institutional-cta,.peps-dashboard-panel{grid-template-columns:1fr}.peps-hero-orbit{max-width:580px;margin-inline:auto}.peps-quality-panel ul{grid-template-columns:1fr}} @media(max-width:620px){.peps-commerce-hero h1{font-size:clamp(2.7rem,14vw,4.3rem)}.peps-dashboard-links,.peps-account-quick-links{grid-template-columns:1fr}} @media(prefers-reduced-motion:reduce){[data-peps-reveal]{opacity:1;transform:none}.peps-hero-orbit>span,.peps-hero-vial{animation:none!important}} .peps-skip-link{position:fixed;left:12px;top:12px;z-index:100100;transform:translateY(-180%);padding:.75rem 1rem;border-radius:12px;background:#fff;color:#06101e}.peps-skip-link:focus{transform:none} :focus-visible{outline:3px solid var(--peps-accent,#59c8ff);outline-offset:3px} .peps-legal-notice,.peps-empty-state{padding:clamp(24px,4vw,44px)}.peps-legal-notice strong{color:var(--peps-accent,#59c8ff)}.peps-empty-state{text-align:center}.peps-empty-state>span{font-size:3rem;color:var(--peps-accent,#59c8ff)} .peps-support-channels a,.peps-biotech-grid article{padding:24px;color:var(--peps-text,#e9f5ff);text-decoration:none}.peps-support-channels span{display:block;color:var(--peps-muted,#9cb3cf);margin-top:.5rem}.peps-biotech-grid svg{width:32px;height:32px;color:var(--peps-accent,#59c8ff)} html[data-peps-theme="light"]{--peps-bg:#e9f3ff;--peps-surface:#f4f8ff;--peps-text:#071326;--peps-muted:#425b78;--peps-border:rgba(29,92,149,.18);background:#e9f3ff;color:#071326}html[data-peps-theme="light"] .peps-surface{box-shadow:14px 14px 30px rgba(40,81,130,.12),-10px -10px 26px rgba(255,255,255,.8)} @media(max-width:800px){.peps-support-channels,.peps-biotech-grid{grid-template-columns:1fr}} /* 0.10.6 forced global locations and catalog refinements. */ body.peps-forced-global-locations > .elementor-location-header, body.peps-forced-global-locations > .elementor-location-footer{display:none!important} body.peps-forced-global-locations > .peps-forced-location{display:block!important} .peps-forced-location--header{position:relative;z-index:1000} .peps-forced-location--footer{position:relative;z-index:10} .peps-product-card{display:flex;flex-direction:column;min-width:0;height:100%} .peps-product-card__body{display:flex;flex:1;flex-direction:column} .peps-product-card h2,.peps-product-card h3{font-size:1.15rem;line-height:1.25;margin:.55rem 0} .peps-product-card h2 a,.peps-product-card h3 a{color:#eef8ff;text-decoration:none} .peps-product-card__meta{margin-top:auto} .peps-product-card__image .woocommerce-placeholder{padding:18%;opacity:.42;filter:hue-rotate(160deg) saturate(.65)} .peps-product-card__image:has(.woocommerce-placeholder){background:radial-gradient(circle at 50% 42%,rgba(78,205,255,.2),rgba(63,101,255,.07) 44%,transparent 72%),linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.005))} .peps-catalog__toolbar{padding:20px;border:1px solid rgba(132,196,255,.15);border-radius:20px;background:rgba(9,19,39,.56)} .peps-catalog__toolbar h2{margin:.25rem 0 .35rem}.peps-catalog__toolbar p{margin:0;color:#a9bdd7} @media(max-width:920px){.peps-product-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.peps-catalog__toolbar{grid-template-columns:1fr}.peps-catalog__controls{grid-template-columns:1fr 1fr}} @media(max-width:580px){.peps-product-grid--4,.peps-product-grid--3,.peps-product-grid--2{grid-template-columns:1fr}.peps-catalog__controls{grid-template-columns:1fr}.peps-product-card__body{padding:20px}} /* 0.10.7 production global header/footer styling. */ .peps-forced-location--header>.elementor,.peps-forced-location--footer>.elementor{margin:0!important} .peps-forced-location--header .elementor-widget-heading,.peps-forced-location--footer .elementor-widget-heading{display:none!important} .peps-floating-header{position:sticky;top:0;z-index:1000;padding:12px 18px;background:linear-gradient(180deg,rgba(5,14,28,.94),rgba(7,18,36,.82));border-bottom:1px solid rgba(111,209,255,.14);backdrop-filter:blur(20px);box-shadow:0 12px 40px rgba(0,0,0,.24)} .peps-floating-header__inner{width:min(1240px,calc(100% - 24px));margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;gap:32px;align-items:center} .peps-header-logo{display:flex;align-items:center;min-width:128px}.peps-header-logo img{display:block;width:auto;height:38px;max-width:160px} .peps-header-nav{display:flex;justify-content:center}.peps-header-menu{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0}.peps-header-menu a{color:#d9edff;text-decoration:none;font-size:.92rem;font-weight:600;letter-spacing:.02em}.peps-header-menu a:hover{color:var(--peps-accent)} .peps-header-actions{display:flex;align-items:center;gap:10px}.peps-header-action{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid rgba(123,208,255,.2);border-radius:14px;background:rgba(255,255,255,.035);color:#eef8ff;text-decoration:none;cursor:pointer}.peps-header-action:hover{border-color:rgba(123,208,255,.5);background:rgba(90,203,255,.1);transform:translateY(-1px)} .peps-mission-footer{position:relative;overflow:hidden;margin-top:72px;padding:76px 0 22px;background:linear-gradient(180deg,#071522 0%,#040b14 100%);border-top:1px solid rgba(108,203,255,.15)} .peps-mission-footer__glow{position:absolute;inset:-120px 0 auto 0;height:280px;background:radial-gradient(circle at 50% 50%,rgba(75,199,255,.16),transparent 68%);pointer-events:none} .peps-mission-footer__grid{position:relative;display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:48px;padding-bottom:48px}.peps-mission-footer__brand h2{margin:.4rem 0 .8rem;font-size:clamp(1.8rem,3vw,2.8rem)}.peps-mission-footer__brand p{max-width:460px;color:var(--peps-muted);line-height:1.7}.peps-mission-footer h3{margin:0 0 16px;font-size:.92rem;text-transform:uppercase;letter-spacing:.12em;color:#eef8ff}.peps-mission-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}.peps-mission-footer a{color:var(--peps-muted);text-decoration:none}.peps-mission-footer a:hover{color:var(--peps-accent)} .peps-mission-footer__bottom{position:relative;display:flex;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid rgba(117,192,238,.12);color:var(--peps-muted);font-size:.88rem} @media(max-width:900px){.peps-floating-header__inner{grid-template-columns:auto auto;justify-content:space-between}.peps-header-nav{display:none}.peps-mission-footer__grid{grid-template-columns:1fr 1fr}.peps-mission-footer__brand{grid-column:1/-1}.peps-header-logo img{height:34px}} @media(max-width:560px){.peps-floating-header{padding-inline:10px}.peps-floating-header__inner{width:100%;gap:12px}.peps-header-actions{gap:6px}.peps-header-action{width:36px;height:36px}.peps-mission-footer{padding-top:56px}.peps-mission-footer__grid{grid-template-columns:1fr;gap:30px}.peps-mission-footer__brand{grid-column:auto}.peps-mission-footer__bottom{flex-direction:column}.peps-header-logo{min-width:0}.peps-header-logo img{max-width:120px}} /* 0.10.8 cache-busted production global styling. */ .peps-forced-location--header { position: relative; z-index: 999; } .peps-forced-location--header .elementor, .peps-forced-location--footer .elementor { width: 100%; } .peps-floating-header { position: sticky; top: 0; z-index: 999; width: 100%; padding: 14px 20px; background: rgba(6, 17, 34, .86); border-bottom: 1px solid rgba(113, 196, 255, .18); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); box-shadow: 0 14px 36px rgba(0, 0, 0, .28); } .peps-floating-header__inner { width: min(1240px, calc(100% - 16px)); margin: 0 auto; min-height: 66px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 28px; } .peps-header-logo { display: inline-flex; align-items: center; text-decoration: none; } .peps-header-logo img { display: block; width: auto; height: 38px; max-width: 180px; object-fit: contain; } .peps-header-nav { justify-self: center; } .peps-header-menu { display: flex; align-items: center; gap: 28px; list-style: none; padding: 0; margin: 0; } .peps-header-menu a { color: #d9e9f8; font-size: 14px; font-weight: 600; letter-spacing: .03em; text-decoration: none; transition: color .2s ease, transform .2s ease; } .peps-header-menu a:hover, .peps-header-menu a:focus-visible { color: #76d8ff; transform: translateY(-1px); } .peps-header-actions { display: flex; align-items: center; gap: 10px; } .peps-header-action { appearance: none; display: inline-grid; place-items: center; width: 42px; height: 42px; border: 1px solid rgba(118, 216, 255, .22); border-radius: 14px; background: linear-gradient(145deg, rgba(19, 43, 69, .92), rgba(7, 20, 38, .92)); color: #eaf7ff; text-decoration: none; cursor: pointer; box-shadow: inset 1px 1px 0 rgba(255,255,255,.06), 0 8px 20px rgba(0,0,0,.22); } .peps-header-action:hover, .peps-header-action:focus-visible { border-color: rgba(118,216,255,.55); color: #76d8ff; } .peps-mission-footer { position: relative; overflow: hidden; padding: 78px 24px 26px; background: linear-gradient(180deg, #071425 0%, #040b15 100%); border-top: 1px solid rgba(118,216,255,.16); color: #c7d8e8; } .peps-mission-footer__glow { position: absolute; width: 620px; height: 620px; left: 50%; top: -430px; transform: translateX(-50%); background: radial-gradient(circle, rgba(51,180,255,.22), transparent 66%); pointer-events: none; } .peps-wrap { width: min(1240px, calc(100% - 32px)); margin-inline: auto; } .peps-mission-footer__grid { position: relative; display: grid; grid-template-columns: minmax(280px, 1.7fr) repeat(3, minmax(140px, .8fr)); gap: 48px; } .peps-mission-footer h2 { margin: 10px 0 14px; color: #f4fbff; font-size: clamp(26px, 3vw, 42px); } .peps-mission-footer h3 { margin: 0 0 16px; color: #f4fbff; font-size: 15px; text-transform: uppercase; letter-spacing: .12em; } .peps-mission-footer p { max-width: 520px; color: #9fb4c8; line-height: 1.75; } .peps-mission-footer ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 11px; } .peps-mission-footer a { color: #b9ccde; text-decoration: none; } .peps-mission-footer a:hover, .peps-mission-footer a:focus-visible { color: #76d8ff; } .peps-eyebrow { color: #76d8ff; font-size: 12px; font-weight: 700; letter-spacing: .18em; } .peps-mission-footer__bottom { position: relative; display: flex; justify-content: space-between; gap: 24px; margin-top: 52px; padding-top: 22px; border-top: 1px solid rgba(118,216,255,.12); color: #7890a5; font-size: 13px; } @media (max-width: 900px) { .peps-floating-header__inner { grid-template-columns: auto auto; } .peps-header-nav { display: none; } .peps-header-actions { justify-self: end; } .peps-mission-footer__grid { grid-template-columns: 1fr 1fr; } .peps-mission-footer__brand { grid-column: 1 / -1; } } @media (max-width: 560px) { .peps-floating-header { padding-inline: 10px; } .peps-floating-header__inner { width: 100%; gap: 10px; } .peps-header-logo img { height: 30px; max-width: 135px; } .peps-header-action { width: 38px; height: 38px; border-radius: 12px; } .peps-mission-footer { padding: 56px 18px 22px; } .peps-mission-footer__grid { grid-template-columns: 1fr; gap: 30px; } .peps-mission-footer__brand { grid-column: auto; } .peps-mission-footer__bottom { flex-direction: column; margin-top: 36px; } } /* 0.11.0 catalog polish */ .peps-product-card__badges{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:13px}.peps-badge,.peps-stock-badge{display:inline-flex;align-items:center;width:max-content;padding:6px 9px;border:1px solid rgba(132,196,255,.2);border-radius:999px;background:rgba(87,151,222,.09);color:#bcd8ee;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.peps-badge--coa{border-color:rgba(80,225,190,.25);background:rgba(42,184,148,.1);color:#8ee6cb}.peps-stock-badge.is-in-stock{border-color:rgba(80,225,190,.28);background:rgba(42,184,148,.12);color:#8ee6cb}.peps-stock-badge.is-out-of-stock{border-color:rgba(255,105,125,.3);background:rgba(210,52,78,.12);color:#ff9daf}.peps-product-card__details{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 2px;color:#91abc4;font-size:.8rem}.peps-product-card__details span+span:before{content:'•';margin-right:8px;color:#4ec7ff}.peps-product-card__price{color:#eef8ff;font-size:1.05rem;font-weight:750}.peps-product-card__fallback{display:grid;place-content:center;width:100%;height:100%;text-align:center;background:radial-gradient(circle at 50% 35%,rgba(77,198,255,.23),transparent 38%),linear-gradient(145deg,#0a1831,#071024)}.peps-product-card__fallback span{font-size:2.4rem;font-weight:900;letter-spacing:.17em;color:#eaf8ff}.peps-product-card__fallback small{margin-top:10px;color:#8db8d8}.peps-pagination{margin-top:34px}.peps-pagination ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none}.peps-pagination a,.peps-pagination span{display:grid;min-width:42px;min-height:42px;place-items:center;padding:8px 12px;border:1px solid rgba(132,196,255,.18);border-radius:12px;background:rgba(8,20,42,.72);color:#cde8fa;text-decoration:none}.peps-pagination .current{border-color:rgba(78,201,255,.55);background:rgba(48,156,230,.2);color:#fff}.peps-catalog__toolbar h2{font-size:clamp(1.8rem,4vw,3rem)} /* UI Milestone 1 — production Theme Builder surfaces */ .peps-single-product{padding:48px 24px 80px}.peps-breadcrumbs{display:flex;gap:10px;align-items:center;margin:0 0 24px;color:var(--peps-muted,#7fa9c2);font-size:.85rem}.peps-breadcrumbs a{color:inherit}.peps-product-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:28px;align-items:start}.peps-product-gallery-panel,.peps-product-summary,.peps-product-description,.peps-product-coa{padding:28px;border-radius:24px}.peps-product-gallery-panel{min-height:560px;display:grid;place-items:center;overflow:hidden}.peps-product-main-image{width:100%;height:auto;max-height:520px;object-fit:contain}.peps-product-image-fallback{font-size:4rem;font-weight:800;letter-spacing:.12em}.peps-product-summary h1{margin:.4rem 0 1rem;font-size:clamp(2rem,4vw,4.25rem);line-height:1}.peps-product-price{font-size:2rem;font-weight:750;margin:0 0 16px}.peps-product-intro{color:var(--peps-muted,#7fa9c2);font-size:1.02rem;line-height:1.7}.peps-product-badges{display:flex;gap:8px;flex-wrap:wrap}.peps-product-spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0}.peps-product-spec-grid>div{padding:14px;border:1px solid rgba(97,216,255,.15);border-radius:14px;background:rgba(255,255,255,.025)}.peps-product-spec-grid span{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--peps-muted,#7fa9c2);margin-bottom:5px}.peps-product-cart{display:flex;align-items:center;gap:12px;margin:24px 0}.peps-product-cart .quantity input{min-height:48px;width:76px;border-radius:12px}.peps-research-note{font-size:.78rem;color:var(--peps-muted,#7fa9c2)}.peps-product-content-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:28px;margin-top:28px}.peps-product-description{line-height:1.75}.peps-product-coa{align-self:start}.peps-related-products{margin-top:56px}.peps-search-results{padding:56px 24px 80px}.peps-search-card{padding:24px}.peps-search-card h2{font-size:1.25rem}.peps-forced-location--header+.elementor-location-single{min-height:0} @media(max-width:900px){.peps-product-hero,.peps-product-content-grid{grid-template-columns:1fr}.peps-product-gallery-panel{min-height:420px}.peps-product-spec-grid{grid-template-columns:1fr 1fr}.peps-product-summary h1{font-size:2.5rem}} @media(max-width:560px){.peps-single-product{padding:28px 16px 56px}.peps-product-gallery-panel,.peps-product-summary,.peps-product-description,.peps-product-coa{padding:20px;border-radius:18px}.peps-product-spec-grid{grid-template-columns:1fr}.peps-product-cart{align-items:stretch;flex-direction:column}.peps-product-cart .quantity input{width:100%}} /* PEPS 0.13.1 UI Polish Milestone */ .peps-header-action svg,.peps-breadcrumbs svg,.peps-product-assurance svg,.peps-product-gallery__zoom svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .peps-breadcrumbs{flex-wrap:wrap;gap:8px;font-weight:650}.peps-breadcrumbs svg{width:14px;height:14px;opacity:.5}.peps-breadcrumbs span:last-child{color:#dff5ff} .peps-product-gallery-panel{display:block;min-height:0}.peps-product-gallery__stage{position:relative;display:grid;place-items:center;min-height:520px;border-radius:18px;overflow:hidden;background:radial-gradient(circle at 50% 38%,rgba(82,209,255,.12),transparent 52%);text-decoration:none}.peps-product-gallery__stage:focus-visible{outline:2px solid #76d8ff;outline-offset:4px}.peps-product-gallery__zoom{position:absolute;right:16px;bottom:16px;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(118,216,255,.28);border-radius:999px;background:rgba(5,16,29,.82);color:#dff6ff;font-size:.78rem;font-weight:700;backdrop-filter:blur(12px)} .peps-product-gallery__thumbs{display:flex;gap:10px;margin-top:14px;overflow:auto;padding:2px}.peps-product-gallery__thumb{flex:0 0 76px;width:76px;height:76px;padding:5px;border:1px solid rgba(118,216,255,.16);border-radius:14px;background:rgba(255,255,255,.025);cursor:pointer}.peps-product-gallery__thumb img{width:100%;height:100%;object-fit:contain;border-radius:9px}.peps-product-gallery__thumb.is-active,.peps-product-gallery__thumb:hover,.peps-product-gallery__thumb:focus-visible{border-color:#76d8ff;box-shadow:0 0 0 2px rgba(118,216,255,.12)} .peps-product-assurance{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.peps-product-assurance span{display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid rgba(118,216,255,.13);border-radius:12px;color:#b9d6e5;font-size:.78rem}.peps-product-assurance svg{flex:none;color:#72d7ff} .peps-product-tabs{margin-top:28px;padding:0;overflow:hidden}.peps-product-tabs__nav{display:flex;gap:4px;padding:8px;border-bottom:1px solid rgba(118,216,255,.13);overflow:auto}.peps-product-tabs__nav button{appearance:none;border:0;border-radius:12px;padding:12px 16px;background:transparent;color:#8fb4c8;font:inherit;font-size:.84rem;font-weight:750;cursor:pointer;white-space:nowrap}.peps-product-tabs__nav button:hover,.peps-product-tabs__nav button[aria-selected="true"]{background:rgba(91,205,255,.11);color:#e9faff}.peps-product-tabs__panel{display:none;padding:30px;line-height:1.75}.peps-product-tabs__panel.is-active{display:block}.peps-product-tabs__panel h2{margin-top:0}.peps-spec-list{display:grid;gap:0;margin:0}.peps-spec-list>div{display:grid;grid-template-columns:minmax(130px,.35fr) 1fr;gap:20px;padding:14px 0;border-bottom:1px solid rgba(118,216,255,.1)}.peps-spec-list dt{color:#7fa9c2}.peps-spec-list dd{margin:0;color:#e9f8ff;font-weight:700} .peps-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.peps-related-card{overflow:hidden;padding:0;transition:transform .2s ease,border-color .2s ease}.peps-related-card:hover{transform:translateY(-4px);border-color:rgba(118,216,255,.28)}.peps-related-card__image{display:grid;place-items:center;aspect-ratio:1/1;padding:20px;background:radial-gradient(circle,rgba(77,200,255,.12),transparent 66%)}.peps-related-card__image img{width:100%;height:100%;object-fit:contain}.peps-related-card__body{padding:18px}.peps-related-card h3{margin:.45rem 0 1rem;font-size:1.05rem;line-height:1.3}.peps-related-card h3 a{color:#edfaff;text-decoration:none}.peps-related-card__footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.peps-related-card__footer>span{font-size:1.05rem;font-weight:800} .elementor-location-header+.elementor-location-header,.elementor-location-footer+.elementor-location-footer{display:none!important} @media(max-width:980px){.peps-product-gallery__stage{min-height:420px}.peps-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:560px){.peps-product-gallery__stage{min-height:340px}.peps-product-gallery__zoom{right:10px;bottom:10px}.peps-product-assurance{grid-template-columns:1fr}.peps-product-tabs__panel{padding:22px 18px}.peps-spec-list>div{grid-template-columns:1fr;gap:4px}.peps-related-grid{grid-template-columns:1fr}} /* 0.13.1: Product gallery visibility hotfix. * The reusable Elementor gallery hides non-active stage images. The single-product * renderer now marks its primary image active, and this explicit rule guarantees * it remains visible inside the polished product gallery stage. */ .peps-product-gallery-panel .peps-product-gallery__stage > .peps-product-main-image, .peps-product-gallery-panel .peps-product-gallery__stage > img[data-peps-gallery-main="1"] { display: block !important; visibility: visible !important; opacity: 1 !important; width: 100%; height: auto; max-height: 520px; object-fit: contain; } /* PEPS 0.13.2 Lab Tests UI Milestone */ .peps-coa-library{padding:48px 24px 88px}.peps-coa-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:40px;align-items:end;padding:clamp(28px,5vw,58px);margin-bottom:24px;overflow:hidden;position:relative;background:radial-gradient(circle at 85% 20%,rgba(70,197,255,.18),transparent 34%),linear-gradient(145deg,rgba(13,34,51,.96),rgba(5,18,33,.96))}.peps-coa-hero:after{content:"";position:absolute;right:-90px;bottom:-110px;width:300px;height:300px;border:1px solid rgba(94,211,255,.13);border-radius:50%;box-shadow:0 0 0 35px rgba(94,211,255,.025),0 0 0 75px rgba(94,211,255,.018)}.peps-coa-hero__copy{position:relative;z-index:1}.peps-coa-hero h1{max-width:800px;margin:.45rem 0 1rem;font-size:clamp(2.4rem,5vw,5.2rem);line-height:.96;letter-spacing:-.045em}.peps-coa-hero p{max-width:720px;margin:0;color:var(--peps-muted);font-size:1.05rem;line-height:1.75}.peps-coa-hero__stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.peps-coa-hero__stats div{padding:18px 14px;border:1px solid rgba(123,211,255,.15);border-radius:16px;background:rgba(4,15,28,.52)}.peps-coa-hero__stats strong{display:block;color:#fff;font-size:1.55rem;line-height:1}.peps-coa-hero__stats span{display:block;margin-top:8px;color:var(--peps-muted);font-size:.72rem;line-height:1.35;text-transform:uppercase;letter-spacing:.07em}.peps-coa-search{display:grid;grid-template-columns:minmax(220px,.55fr) minmax(0,1.45fr);gap:28px;align-items:end;padding:24px 26px;margin-bottom:42px}.peps-coa-search label{display:block;margin-top:6px;color:#eef8ff;font-size:1.08rem;font-weight:700}.peps-coa-search__controls{display:flex;gap:10px;align-items:center}.peps-coa-search__field{display:flex;flex:1;align-items:center;gap:10px;min-width:0;padding:0 14px;border:1px solid rgba(122,203,255,.2);border-radius:14px;background:rgba(4,15,28,.72)}.peps-coa-search__field span{color:#73d9ff;font-size:1.3rem}.peps-coa-search__field input{min-height:52px;padding:0;border:0;background:transparent;box-shadow:none}.peps-coa-search__field input:focus{outline:0}.peps-coa-library__heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:20px}.peps-coa-library__heading h2{margin:.3rem 0 0;font-size:clamp(1.8rem,3vw,3rem)}.peps-coa-library__count{padding:7px 11px;border:1px solid rgba(122,203,255,.16);border-radius:999px;color:var(--peps-muted);font-size:.78rem}.peps-coa-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.peps-coa-card{display:flex;flex-direction:column;min-height:100%;padding:24px;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.peps-coa-card:hover{transform:translateY(-4px);border-color:rgba(98,211,255,.32);box-shadow:0 22px 44px rgba(0,0,0,.22)}.peps-coa-card__top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.peps-coa-status{display:inline-flex;align-items:center;gap:7px;color:#8ee6cb;font-size:.68rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.peps-coa-status span{width:7px;height:7px;border-radius:50%;background:#62e0bd;box-shadow:0 0 12px rgba(98,224,189,.65)}.peps-coa-card__date{color:var(--peps-muted);font-size:.72rem}.peps-coa-card__icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:17px;border:1px solid rgba(105,209,255,.19);border-radius:14px;background:rgba(62,176,230,.08);color:#74dbff}.peps-coa-card__icon svg{width:25px;height:25px}.peps-coa-card h3{margin:.35rem 0 .4rem;font-size:1.32rem;line-height:1.15}.peps-coa-card__subtitle{min-height:2.7em;margin:0 0 16px;color:var(--peps-muted);font-size:.78rem;line-height:1.45}.peps-coa-card dl{display:grid;gap:0;margin:auto 0 20px;border-top:1px solid var(--peps-border)}.peps-coa-card dl div{display:grid;grid-template-columns:70px minmax(0,1fr);gap:12px;padding:11px 0;border-bottom:1px solid var(--peps-border)}.peps-coa-card dt{color:var(--peps-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.peps-coa-card dd{overflow-wrap:anywhere;margin:0;color:#dcefff;text-align:right;font-size:.8rem}.peps-coa-card dd strong{color:#8ee6cb}.peps-coa-card__actions{display:flex;gap:9px;margin-top:auto}.peps-coa-card__actions .peps-button{flex:1;justify-content:center;padding-inline:12px}.peps-coa-empty{padding:54px;text-align:center}.peps-coa-empty>div{font-size:2.4rem;color:#74dbff}.peps-coa-empty h2{margin:.5rem 0}.peps-coa-empty p{color:var(--peps-muted)}.peps-coa-assurance{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:36px;align-items:center;padding:28px 32px;margin-top:42px}.peps-coa-assurance h2{margin:.35rem 0 0;font-size:clamp(1.45rem,2.5vw,2.25rem)}.peps-coa-assurance p{margin:0;color:var(--peps-muted);line-height:1.75} @media(max-width:980px){.peps-coa-hero{grid-template-columns:1fr}.peps-coa-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.peps-coa-search{grid-template-columns:1fr}.peps-coa-assurance{grid-template-columns:1fr}} @media(max-width:640px){.peps-coa-library{padding:28px 16px 60px}.peps-coa-hero{padding:26px 20px}.peps-coa-hero__stats{grid-template-columns:1fr}.peps-coa-search{padding:20px}.peps-coa-search__controls{align-items:stretch;flex-direction:column}.peps-coa-grid{grid-template-columns:1fr}.peps-coa-library__heading{align-items:flex-start;flex-direction:column}.peps-coa-card__actions{flex-direction:column}.peps-coa-assurance{padding:24px 20px}} /* PEPS 0.13.3 Resources Library UI */ .peps-resource-library{padding-top:42px;padding-bottom:80px}.peps-resource-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end;padding:clamp(32px,5vw,64px);margin-bottom:24px;background:radial-gradient(circle at 88% 12%,rgba(97,216,255,.16),transparent 34%),linear-gradient(145deg,rgba(13,34,51,.98),rgba(7,21,34,.98))}.peps-resource-hero:after{content:"";position:absolute;inset:auto -90px -120px auto;width:330px;height:330px;border:1px solid rgba(122,240,210,.16);border-radius:50%;box-shadow:0 0 80px rgba(97,216,255,.1)}.peps-resource-hero h1{margin:.35rem 0 .75rem;font-size:clamp(2.4rem,6vw,5rem);line-height:.98;letter-spacing:-.055em}.peps-resource-hero p{max-width:720px;margin:0;color:var(--peps-muted,#7fa9c2);font-size:1.08rem;line-height:1.75}.peps-resource-hero__metric{position:relative;z-index:1;min-width:170px;padding:24px;border:1px solid rgba(97,216,255,.2);border-radius:20px;background:rgba(3,13,22,.52);backdrop-filter:blur(12px)}.peps-resource-hero__metric strong{display:block;font-size:2.5rem;line-height:1;color:#eef8ff}.peps-resource-hero__metric span{display:block;margin-top:8px;color:#7fa9c2;font-size:.82rem;text-transform:uppercase;letter-spacing:.12em}.peps-resource-search{padding:20px 22px;margin-bottom:24px}.peps-resource-search label{display:block;margin-bottom:10px;color:#eef8ff;font-weight:700}.peps-resource-search__row{display:flex;gap:10px}.peps-resource-search input{width:100%;min-height:50px;border:1px solid rgba(97,216,255,.2);border-radius:12px;background:rgba(4,16,26,.72);color:#eef8ff;padding:0 16px}.peps-resource-results{display:flex;justify-content:space-between;align-items:center;margin:26px 0 14px;color:#7fa9c2;font-size:.92rem}.peps-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.peps-resource-card{display:flex;flex-direction:column;min-height:330px;padding:26px;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.peps-resource-card:hover{transform:translateY(-4px);border-color:rgba(97,216,255,.36);box-shadow:0 18px 48px rgba(0,0,0,.22)}.peps-resource-card__meta,.peps-resource-card__footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.peps-resource-card__meta{color:#7fa9c2;font-size:.78rem}.peps-resource-card h2{margin:22px 0 14px;font-size:1.45rem;line-height:1.2}.peps-resource-card h2 a{color:#eef8ff;text-decoration:none}.peps-resource-card p{margin:0;color:#8eb4ca;line-height:1.7}.peps-resource-card__footer{margin-top:auto;padding-top:24px;border-top:1px solid rgba(97,216,255,.12);color:#7fa9c2;font-size:.85rem}.peps-resource-card__footer a{display:inline-flex;gap:8px;align-items:center;color:#7af0d2;text-decoration:none;font-weight:700}.peps-resource-empty{padding:54px;text-align:center}.peps-resource-empty h2{margin:.5rem 0}.peps-resource-assurance{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;margin-top:32px;padding:30px}.peps-resource-assurance h2{margin:.3rem 0 0}.peps-resource-assurance p{margin:0;color:#7fa9c2;line-height:1.7}.peps-pagination{margin-top:30px}.peps-pagination ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;list-style:none;margin:0;padding:0}.peps-pagination a,.peps-pagination span{display:grid;place-items:center;min-width:42px;height:42px;padding:0 12px;border:1px solid rgba(97,216,255,.18);border-radius:10px;background:rgba(13,34,51,.72);color:#dff5ff;text-decoration:none}.peps-pagination .current{border-color:#61d8ff;background:#61d8ff;color:#071522;font-weight:800}@media(max-width:980px){.peps-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.peps-resource-hero{grid-template-columns:1fr}.peps-resource-hero__metric{width:max-content}}@media(max-width:640px){.peps-resource-library{padding-top:22px}.peps-resource-grid{grid-template-columns:1fr}.peps-resource-search__row{flex-direction:column}.peps-resource-search__row .peps-button{width:100%}.peps-resource-assurance{grid-template-columns:1fr}.peps-resource-card{min-height:0}.peps-resource-hero__metric{width:100%}} /* PEPS 0.13.4 Single Research Article */ .peps-article{padding-top:42px;padding-bottom:88px}.peps-article__hero{position:relative;overflow:hidden;padding:clamp(30px,6vw,72px);margin-bottom:24px;background:radial-gradient(circle at 88% 8%,rgba(97,216,255,.16),transparent 34%),linear-gradient(145deg,rgba(13,34,51,.98),rgba(7,21,34,.98))}.peps-article__hero:after{content:"";position:absolute;right:-110px;bottom:-150px;width:360px;height:360px;border:1px solid rgba(122,240,210,.14);border-radius:50%;box-shadow:0 0 0 40px rgba(97,216,255,.025),0 0 90px rgba(97,216,255,.08)}.peps-article__meta{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:12px;color:#7fa9c2;font-size:.82rem}.peps-article__hero h1{position:relative;z-index:1;max-width:980px;margin:22px 0 14px;font-size:clamp(2.5rem,6vw,5.6rem);line-height:.98;letter-spacing:-.055em}.peps-article__dek{position:relative;z-index:1;max-width:820px;margin:0;color:#9bb9cb;font-size:1.08rem;line-height:1.75}.peps-article__layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}.peps-article__content{padding:clamp(26px,5vw,58px);font-size:1.05rem;line-height:1.85;color:#cde1ee}.peps-article__content>*:first-child{margin-top:0}.peps-article__content>*:last-child{margin-bottom:0}.peps-article__content h2,.peps-article__content h3{color:#f1f9ff;line-height:1.2}.peps-article__content h2{margin-top:2.2em;font-size:clamp(1.6rem,3vw,2.35rem)}.peps-article__content h3{margin-top:1.8em;font-size:1.35rem}.peps-article__content a{color:#7af0d2}.peps-article__content blockquote{margin:2rem 0;padding:20px 24px;border-left:3px solid #61d8ff;background:rgba(97,216,255,.055);color:#dff5ff}.peps-article__sidebar{display:grid;gap:16px;position:sticky;top:105px}.peps-article__sidebar .peps-surface{padding:24px}.peps-article__sidebar h2{margin:.4rem 0 .75rem;font-size:1.35rem}.peps-article__sidebar p{color:#8eb4ca;line-height:1.7}.peps-article__notice{border-color:rgba(122,240,210,.18)}.peps-article-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}.peps-article-nav a{display:flex;flex-direction:column;gap:8px;padding:22px;text-decoration:none}.peps-article-nav a:last-child{text-align:right}.peps-article-nav span{color:#7fa9c2;font-size:.75rem;text-transform:uppercase;letter-spacing:.09em}.peps-article-nav strong{color:#eef8ff;line-height:1.35}.peps-article-related{margin-top:48px}.peps-article-related .peps-resource-card h3{margin:22px 0 14px;font-size:1.35rem;line-height:1.2}.peps-article-related .peps-resource-card h3 a{color:#eef8ff;text-decoration:none}@media(max-width:980px){.peps-article__layout{grid-template-columns:1fr}.peps-article__sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.peps-article{padding-top:22px;padding-bottom:60px}.peps-article__hero{padding:28px 20px}.peps-article__layout{gap:16px}.peps-article__content{padding:24px 20px;font-size:1rem}.peps-article__sidebar{grid-template-columns:1fr}.peps-article-nav{grid-template-columns:1fr}.peps-article-nav a:last-child{text-align:left}} /* 0.14.0 mobile navigation and Commerce Milestone 1 cart foundation. */ .peps-mobile-menu-button{display:none} .peps-mobile-menu{position:fixed;z-index:100050;inset:0} .peps-mobile-menu[hidden]{display:none!important} .peps-mobile-menu__backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(2,7,18,.8);backdrop-filter:blur(14px);cursor:pointer} .peps-mobile-menu__panel{position:absolute;top:0;right:0;width:min(430px,92vw);height:100%;padding:24px;background:linear-gradient(180deg,#0b1a2d,#07111f);border-left:1px solid rgba(118,216,255,.18);box-shadow:-30px 0 80px rgba(0,0,0,.45);overflow:auto;transform:translateX(100%);transition:transform .24s ease} .peps-mobile-menu.is-open .peps-mobile-menu__panel{transform:translateX(0)} .peps-mobile-menu__head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid rgba(118,216,255,.14)} .peps-mobile-menu__head h2{margin:.3rem 0 0;font-size:1.4rem} .peps-mobile-menu__nav{padding:20px 0} .peps-mobile-menu__list,.peps-mobile-menu__list ul{list-style:none;margin:0;padding:0} .peps-mobile-menu__list>li{border-bottom:1px solid rgba(118,216,255,.12)} .peps-mobile-menu__list a{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:10px 2px;color:#eef8ff;font-size:1.05rem;font-weight:650;text-decoration:none} .peps-mobile-menu__list a:hover,.peps-mobile-menu__list a:focus-visible{color:#76d8ff} .peps-mobile-menu__list .sub-menu{padding:0 0 12px 16px} .peps-mobile-menu__list .sub-menu a{min-height:42px;color:#a9c6db;font-size:.95rem;font-weight:500} .peps-mobile-menu__actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px} html.peps-mobile-menu-open,html.peps-mobile-menu-open body{overflow:hidden} .peps-commerce{padding:48px 24px 84px} .peps-commerce-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:0;max-width:760px;margin:0 auto 42px;color:var(--peps-muted,#7fa9c2);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em} .peps-commerce-progress span{position:relative;padding-top:23px;text-align:center} .peps-commerce-progress span:before{content:"";position:absolute;top:0;left:50%;width:12px;height:12px;border:2px solid #35536a;border-radius:50%;background:#071522;transform:translateX(-50%);z-index:2} .peps-commerce-progress span:after{content:"";position:absolute;top:6px;right:50%;width:100%;height:1px;background:#28465d} .peps-commerce-progress span:first-child:after{display:none} .peps-commerce-progress .is-complete,.peps-commerce-progress .is-current{color:#dff7ff} .peps-commerce-progress .is-complete:before{border-color:#7af0d2;background:#7af0d2} .peps-commerce-progress .is-current:before{border-color:#61d8ff;box-shadow:0 0 0 6px rgba(97,216,255,.12)} .peps-cart-page__header{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px} .peps-cart-page__header h1{margin:.35rem 0 .6rem;font-size:clamp(2.3rem,5vw,4.8rem);line-height:.95} .peps-cart-page__header p{margin:0;color:var(--peps-muted,#7fa9c2)} .peps-cart-count{flex:none;padding:9px 14px;border:1px solid rgba(97,216,255,.2);border-radius:999px;background:rgba(97,216,255,.06);color:#dff7ff;font-size:.82rem;font-weight:700} .peps-cart-live{min-height:0;margin-bottom:12px;color:#7af0d2;font-weight:700} .peps-cart-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.65fr);gap:28px;align-items:start} .peps-cart-lines{display:grid;gap:16px} .peps-cart-line{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:22px;align-items:center;padding:20px;border-radius:22px} .peps-cart-line__image{display:grid;place-items:center;width:120px;aspect-ratio:1;border-radius:16px;background:rgba(255,255,255,.025);overflow:hidden} .peps-cart-line__image img{width:100%;height:100%;object-fit:contain} .peps-cart-line__content h2{margin:.35rem 0 .6rem;font-size:1.22rem} .peps-cart-line__content h2 a{color:#eef8ff;text-decoration:none} .peps-cart-line__facts{display:flex;gap:12px;flex-wrap:wrap;color:var(--peps-muted,#7fa9c2);font-size:.8rem} .peps-cart-line__facts .is-in-stock{color:#7af0d2} .peps-cart-line__facts .is-out-of-stock{color:#ff9eaa} .peps-cart-line__controls{display:grid;justify-items:end;gap:9px;min-width:150px} .peps-cart-line__unit{color:var(--peps-muted,#7fa9c2);font-size:.82rem} .peps-cart-line__subtotal{font-size:1.05rem} .peps-quantity{display:grid;grid-template-columns:38px 52px 38px;border:1px solid rgba(97,216,255,.2);border-radius:12px;overflow:hidden;background:#071522} .peps-quantity button,.peps-quantity input{height:40px;border:0;background:transparent;color:#eef8ff;text-align:center} .peps-quantity button{font-size:1.2rem;cursor:pointer} .peps-quantity button:hover,.peps-quantity button:focus-visible{background:rgba(97,216,255,.1);color:#76d8ff} .peps-quantity input{-moz-appearance:textfield;padding:0;width:100%}.peps-quantity input::-webkit-outer-spin-button,.peps-quantity input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0} .peps-cart-line__remove{padding:0;border:0;background:transparent;color:#92b4c9;font-size:.78rem;text-decoration:underline;cursor:pointer} .peps-cart-line.is-updating{opacity:.55;pointer-events:none} .peps-cart-continue{display:inline-flex;width:max-content;margin-top:8px;color:#9dddf8;text-decoration:none;font-weight:650} .peps-cart-summary{position:sticky;top:96px;padding:26px;border-radius:24px} .peps-cart-summary h2{margin:.35rem 0 20px} .peps-cart-summary dl{margin:0} .peps-cart-summary dl>div{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid rgba(97,216,255,.12)} .peps-cart-summary dt{color:var(--peps-muted,#7fa9c2)}.peps-cart-summary dd{margin:0;text-align:right;font-weight:700} .peps-cart-summary__total{margin-top:6px;border-bottom:0!important;font-size:1.08rem}.peps-cart-summary__total dt,.peps-cart-summary__total dd{color:#eef8ff!important} .peps-cart-coupon{margin:20px 0}.peps-cart-coupon label{display:block;margin-bottom:8px;color:#b9d5e6;font-size:.8rem;font-weight:700}.peps-cart-coupon>div{display:grid;grid-template-columns:1fr auto;gap:8px}.peps-cart-coupon input{min-width:0;border:1px solid rgba(97,216,255,.2);border-radius:12px;background:#071522;color:#eef8ff;padding:0 12px} .peps-cart-checkout{display:flex!important;justify-content:center;width:100%;margin-top:16px} .peps-cart-trust{display:grid;gap:8px;margin:20px 0;color:#9fc4d9;font-size:.8rem}.peps-cart-notice{margin:0;color:#6f99b2;font-size:.72rem;line-height:1.55} .peps-cart-empty{max-width:760px;margin:30px auto 0;padding:64px 28px;text-align:center;border-radius:28px}.peps-cart-empty__icon{display:grid;place-items:center;width:92px;height:92px;margin:0 auto 22px;border-radius:50%;background:rgba(97,216,255,.07);color:#76d8ff}.peps-cart-empty__icon svg{width:48px;height:48px;fill:none;stroke:currentColor;stroke-width:2}.peps-cart-empty h2{margin:.5rem 0}.peps-cart-empty p{color:var(--peps-muted,#7fa9c2);margin:0 auto 22px} @media(max-width:900px){.peps-mobile-menu-button{display:grid}.peps-cart-layout{grid-template-columns:1fr}.peps-cart-summary{position:static}.peps-cart-line{grid-template-columns:96px minmax(0,1fr);align-items:start}.peps-cart-line__image{width:96px}.peps-cart-line__controls{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;width:100%;min-width:0;padding-top:14px;border-top:1px solid rgba(97,216,255,.1)}} @media(max-width:560px){.peps-commerce{padding:30px 14px 72px}.peps-commerce-progress{margin-bottom:30px;font-size:.61rem;letter-spacing:.04em}.peps-cart-page__header{align-items:start;flex-direction:column}.peps-cart-page__header h1{font-size:2.6rem}.peps-cart-line{grid-template-columns:76px minmax(0,1fr);gap:14px;padding:15px}.peps-cart-line__image{width:76px}.peps-cart-line__content h2{font-size:1rem}.peps-cart-line__controls{display:grid;grid-template-columns:auto auto;justify-items:start;gap:12px}.peps-cart-line__subtotal{justify-self:end}.peps-cart-line__remove{justify-self:end}.peps-mobile-menu__panel{width:100%;padding:20px}.peps-mobile-menu__actions{grid-template-columns:1fr}.peps-cart-summary{padding:22px}.peps-cart-coupon>div{grid-template-columns:1fr}.peps-cart-coupon .peps-button{width:100%}} @media(prefers-reduced-motion:reduce){.peps-mobile-menu__panel{transition:none}} /* 0.14.1 mobile menu and cart session hotfix. Header behavior is owned by 0.14.8 below. */ .peps-mobile-menu{position:fixed;inset:0;z-index:100050;background:radial-gradient(circle at 50% 0,rgba(72,190,255,.18),transparent 40%),linear-gradient(160deg,#07111f,#0b1a2d);opacity:0;transform:scale(.985);transition:opacity .2s ease,transform .2s ease} .peps-mobile-menu.is-open{opacity:1;transform:none} .peps-mobile-menu__backdrop{display:none!important} .peps-mobile-menu__canvas{position:relative;width:min(760px,100%);height:100%;margin:auto;padding:clamp(20px,4vh,42px) clamp(20px,5vw,54px);display:grid;grid-template-rows:auto 1fr auto;gap:clamp(14px,3vh,30px);overflow:hidden} .peps-mobile-menu__head{padding:0 0 14px} .peps-mobile-menu__nav{display:grid;align-items:center;padding:0;min-height:0} .peps-mobile-menu__list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important;align-content:center} .peps-mobile-menu__list>li{border:1px solid rgba(118,216,255,.16)!important;border-radius:18px;background:rgba(255,255,255,.035);min-width:0} .peps-mobile-menu__list>li>a{min-height:68px!important;padding:16px 18px!important;font-size:clamp(1rem,3vw,1.25rem)!important} .peps-mobile-menu__list .sub-menu{display:none!important} .peps-mobile-menu__actions{margin:0;grid-template-columns:1fr 1fr} @media(max-width:560px){.peps-mobile-menu__canvas{padding:18px;gap:12px}.peps-mobile-menu__list{grid-template-columns:1fr;gap:9px!important}.peps-mobile-menu__list>li>a{min-height:54px!important;padding:10px 15px!important;font-size:1rem!important}.peps-mobile-menu__actions{grid-template-columns:1fr 1fr;gap:8px}.peps-mobile-menu__actions .peps-button{padding:.72rem .7rem;font-size:.88rem}.peps-mobile-menu__head h2{font-size:1.25rem}} @media(max-height:620px) and (orientation:landscape){.peps-mobile-menu__canvas{width:min(920px,100%);grid-template-columns:180px 1fr;grid-template-rows:1fr auto;align-items:center}.peps-mobile-menu__head{grid-row:1/3}.peps-mobile-menu__list{grid-template-columns:repeat(3,minmax(0,1fr))}.peps-mobile-menu__actions{grid-column:2}} @media(prefers-reduced-motion:reduce){.peps-mobile-menu{transition:none}} /* 0.14.2 true mobile navigation modal and live cart drawer fix. */ .peps-mobile-modal{position:fixed;inset:0;z-index:100090;display:grid;place-items:center;padding:18px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease} .peps-mobile-modal[hidden]{display:none!important} .peps-mobile-modal.is-open{opacity:1;visibility:visible} .peps-mobile-modal__backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(2,7,18,.82);backdrop-filter:blur(12px);cursor:pointer} .peps-mobile-modal__dialog{position:relative;width:min(620px,calc(100vw - 36px));max-height:calc(100dvh - 36px);padding:24px;border:1px solid rgba(118,216,255,.22);border-radius:26px;background:linear-gradient(160deg,rgba(14,34,55,.98),rgba(6,17,31,.99));box-shadow:0 32px 100px rgba(0,0,0,.62);overflow:auto;transform:translateY(18px) scale(.97);transition:transform .22s ease} .peps-mobile-modal.is-open .peps-mobile-modal__dialog{transform:none} .peps-mobile-modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid rgba(118,216,255,.14)} .peps-mobile-modal__head h2{margin:.35rem 0 0;font-size:clamp(1.4rem,5vw,2rem);line-height:1.08} .peps-mobile-modal__nav{padding:18px 0} .peps-mobile-modal__list,.peps-mobile-modal__list ul{list-style:none;margin:0;padding:0} .peps-mobile-modal__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .peps-mobile-modal__list>li{min-width:0} .peps-mobile-modal__list>li>a{display:flex;flex-direction:column;justify-content:center;min-height:78px;padding:15px 16px;border:1px solid rgba(118,216,255,.15);border-radius:16px;background:rgba(255,255,255,.035);color:#eef8ff;font-weight:750;text-decoration:none} .peps-mobile-modal__list>li>a:after{content:'→';align-self:flex-end;color:#76d8ff} .peps-mobile-modal__list a:hover,.peps-mobile-modal__list a:focus-visible{border-color:rgba(118,216,255,.5);background:rgba(118,216,255,.08)} .peps-mobile-modal__list .sub-menu{grid-column:1/-1;padding:7px 10px 0} .peps-mobile-modal__list .sub-menu a{display:block;padding:7px;color:#a9c6db;text-decoration:none} .peps-mobile-modal__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:4px} html.peps-mobile-menu-open,html.peps-mobile-menu-open body{overflow:hidden!important} #peps-cart-content>.peps-cart-items{display:grid;gap:0;margin-top:16px} #peps-cart-content>.peps-cart-items>div{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid rgba(118,216,255,.13)} #peps-cart-content>.peps-cart-total{display:flex;justify-content:space-between;gap:16px;padding:20px 0;font-size:1.08rem} #peps-cart-content>.peps-cart-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px} @media(max-width:560px){.peps-mobile-modal{padding:12px}.peps-mobile-modal__dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:18px;border-radius:22px}.peps-mobile-modal__list{grid-template-columns:1fr}.peps-mobile-modal__list>li>a{min-height:62px}.peps-mobile-modal__actions{grid-template-columns:1fr}.peps-mobile-modal__head h2{font-size:1.45rem}} @media(prefers-reduced-motion:reduce){.peps-mobile-modal,.peps-mobile-modal__dialog{transition:none}} /* 0.14.3 polished cart drawer and decoded WooCommerce currency output. */ .peps-drawer__panel{width:min(440px,100vw);padding:0;background:linear-gradient(180deg,#0c1d30 0%,#07131f 100%);border-left:1px solid rgba(118,216,255,.2);box-shadow:-24px 0 80px rgba(0,0,0,.5);overflow:hidden} .peps-drawer__panel>.peps-command__head{padding:22px 22px 18px;border-bottom:1px solid rgba(118,216,255,.13);background:rgba(255,255,255,.025)} .peps-drawer__panel>.peps-command__head h2{margin:0;font-size:1.35rem;letter-spacing:-.02em} #peps-cart-content{display:flex;flex-direction:column;height:calc(100dvh - 76px);padding:0 22px 22px;overflow:auto} .peps-drawer-cart__status{display:flex;justify-content:space-between;gap:12px;padding:15px 0 12px;color:#8fb3c9;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em} #peps-cart-content>.peps-cart-items{display:grid;gap:0;margin:0;border-top:1px solid rgba(118,216,255,.1)} #peps-cart-content>.peps-cart-items>.peps-drawer-cart__item{display:grid;grid-template-columns:74px minmax(0,1fr);gap:14px;padding:17px 0;border-bottom:1px solid rgba(118,216,255,.11)} .peps-drawer-cart__image{display:block;width:74px;height:82px;border:1px solid rgba(118,216,255,.13);border-radius:14px;background:radial-gradient(circle at 50% 25%,rgba(118,216,255,.12),transparent 65%),#071522;overflow:hidden} .peps-drawer-cart__image img{width:100%;height:100%;object-fit:contain;padding:6px} .peps-drawer-cart__body{min-width:0;display:flex;flex-direction:column;justify-content:center} .peps-drawer-cart__top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px} .peps-drawer-cart__name{color:#eef8ff;text-decoration:none;font-size:.93rem;font-weight:750;line-height:1.3} .peps-drawer-cart__name:hover,.peps-drawer-cart__name:focus-visible{color:#76d8ff} .peps-drawer-cart__line-total{color:#eef8ff;font-size:.9rem;white-space:nowrap} .peps-drawer-cart__sku{display:block;margin-top:5px;color:#648ba3;font-size:.69rem;letter-spacing:.05em;text-transform:uppercase} .peps-drawer-cart__meta{display:flex;gap:9px;margin-top:10px;color:#9dbdd0;font-size:.76rem} .peps-drawer-cart__meta span+span:before{content:'•';margin-right:9px;color:#456b82} #peps-cart-content>.peps-cart-total{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-top:auto;padding:22px 0 8px;border:0;font-size:1rem} #peps-cart-content>.peps-cart-total span{display:flex;flex-direction:column;color:#dceef8;font-weight:700} #peps-cart-content>.peps-cart-total small{margin-bottom:3px;color:#6f95ab;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em} #peps-cart-content>.peps-cart-total strong{font-size:1.38rem;letter-spacing:-.03em} .peps-drawer-cart__shipping{margin:0 0 16px;color:#789db3;font-size:.72rem;line-height:1.45} #peps-cart-content>.peps-cart-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:9px} #peps-cart-content>.peps-cart-actions .peps-button{justify-content:center;padding:.88rem .8rem;font-size:.85rem} .peps-drawer-cart__empty{display:grid;place-items:center;align-content:center;min-height:100%;padding:40px 10px;text-align:center} .peps-drawer-cart__empty-icon{display:grid;place-items:center;width:78px;height:78px;margin-bottom:18px;border:1px solid rgba(118,216,255,.18);border-radius:50%;background:rgba(118,216,255,.06);color:#76d8ff;font-size:2rem} .peps-drawer-cart__empty h3{margin:0 0 8px;font-size:1.3rem}.peps-drawer-cart__empty p{max-width:300px;margin:0 0 20px;color:#82a7bd;line-height:1.55} @media(max-width:480px){.peps-drawer__panel{width:100vw}.peps-drawer__panel>.peps-command__head{padding:18px 16px 15px}#peps-cart-content{height:calc(100dvh - 68px);padding:0 16px 16px}#peps-cart-content>.peps-cart-items>.peps-drawer-cart__item{grid-template-columns:64px minmax(0,1fr);gap:11px}.peps-drawer-cart__image{width:64px;height:72px}.peps-drawer-cart__top{grid-template-columns:1fr}.peps-drawer-cart__line-total{grid-row:2}.peps-drawer-cart__meta{margin-top:7px}#peps-cart-content>.peps-cart-actions{grid-template-columns:1fr}} /* 0.14.5 responsive cart drawer overflow hotfix. */ #peps-cart-drawer, #peps-cart-drawer *, #peps-cart-drawer *::before, #peps-cart-drawer *::after{box-sizing:border-box} #peps-cart-drawer{overflow:hidden;max-width:100vw} #peps-cart-drawer .peps-overlay__backdrop{max-width:100vw} #peps-cart-drawer .peps-drawer__panel{ width:min(440px,100vw); max-width:100vw; height:100dvh; min-width:0; overflow:hidden; overscroll-behavior:contain; } #peps-cart-drawer .peps-command__head{min-width:0} #peps-cart-drawer #peps-cart-content{ width:100%; min-width:0; max-width:100%; overflow-x:hidden; overflow-y:auto; scrollbar-gutter:stable; -webkit-overflow-scrolling:touch; } #peps-cart-drawer .peps-cart-items, #peps-cart-drawer .peps-drawer-cart__item, #peps-cart-drawer .peps-drawer-cart__body, #peps-cart-drawer .peps-drawer-cart__top, #peps-cart-drawer .peps-cart-total, #peps-cart-drawer .peps-cart-actions{min-width:0;max-width:100%} #peps-cart-drawer .peps-drawer-cart__name, #peps-cart-drawer .peps-drawer-cart__sku, #peps-cart-drawer .peps-drawer-cart__meta span{ min-width:0; overflow-wrap:anywhere; word-break:break-word; } #peps-cart-drawer .peps-drawer-cart__line-total, #peps-cart-drawer .peps-cart-total strong{ max-width:100%; white-space:normal; overflow-wrap:anywhere; text-align:right; } #peps-cart-drawer .peps-cart-actions .peps-button{ width:100%; min-width:0; white-space:normal; text-align:center; line-height:1.2; } @media(max-width:640px){ #peps-cart-drawer .peps-drawer__panel{width:100vw;border-left:0} #peps-cart-drawer .peps-drawer-cart__status{flex-wrap:wrap} #peps-cart-drawer .peps-drawer-cart__top{grid-template-columns:minmax(0,1fr);gap:5px} #peps-cart-drawer .peps-drawer-cart__line-total{grid-row:auto;text-align:left} #peps-cart-drawer .peps-cart-total{align-items:flex-start;flex-wrap:wrap} #peps-cart-drawer .peps-cart-total strong{margin-left:auto} #peps-cart-drawer .peps-cart-actions{grid-template-columns:1fr} } @media(max-width:390px){ #peps-cart-drawer .peps-drawer__panel>.peps-command__head{padding:16px 14px 13px} #peps-cart-drawer #peps-cart-content{height:calc(100dvh - 64px);padding:0 14px 14px} #peps-cart-drawer .peps-drawer-cart__item{grid-template-columns:54px minmax(0,1fr);gap:10px} #peps-cart-drawer .peps-drawer-cart__image{width:54px;height:62px;border-radius:11px} #peps-cart-drawer .peps-drawer-cart__name{font-size:.86rem} #peps-cart-drawer .peps-drawer-cart__meta{display:grid;gap:3px} #peps-cart-drawer .peps-drawer-cart__meta span+span:before{display:none} #peps-cart-drawer .peps-cart-total strong{font-size:1.2rem} } @media(max-height:560px) and (orientation:landscape){ #peps-cart-drawer .peps-drawer__panel{width:min(520px,100vw)} #peps-cart-drawer #peps-cart-content{height:calc(100dvh - 62px);padding-bottom:12px} #peps-cart-drawer .peps-drawer-cart__item{padding:10px 0} #peps-cart-drawer .peps-drawer-cart__image{height:58px} } /* 0.14.5 cart drawer viewport-height and pinned action footer fix. */ #peps-cart-drawer .peps-drawer__panel{ display:flex; flex-direction:column; height:100vh; height:100dvh; max-height:100vh; max-height:100dvh; } #peps-cart-drawer .peps-drawer__panel>.peps-command__head{ flex:0 0 auto; } #peps-cart-drawer #peps-cart-content{ display:flex; flex:1 1 auto; flex-direction:column; height:auto; min-height:0; overflow:hidden; padding-bottom:max(16px,env(safe-area-inset-bottom)); } #peps-cart-drawer .peps-drawer-cart__status{ flex:0 0 auto; } #peps-cart-drawer #peps-cart-content>.peps-cart-items{ flex:1 1 auto; min-height:0; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; scrollbar-gutter:stable; } #peps-cart-drawer #peps-cart-content>.peps-cart-total{ flex:0 0 auto; margin-top:0; padding-top:16px; background:linear-gradient(180deg,rgba(7,19,31,0),#07131f 18%); } #peps-cart-drawer .peps-drawer-cart__shipping, #peps-cart-drawer #peps-cart-content>.peps-cart-actions{ flex:0 0 auto; } #peps-cart-drawer #peps-cart-content>.peps-cart-actions{ padding-bottom:env(safe-area-inset-bottom); } @media(max-width:480px){ #peps-cart-drawer #peps-cart-content{ height:auto; padding-bottom:max(12px,env(safe-area-inset-bottom)); } #peps-cart-drawer #peps-cart-content>.peps-cart-total{padding-top:12px} #peps-cart-drawer .peps-drawer-cart__shipping{margin-bottom:10px} #peps-cart-drawer #peps-cart-content>.peps-cart-actions{gap:7px} #peps-cart-drawer #peps-cart-content>.peps-cart-actions .peps-button{padding:.78rem .72rem} } @media(max-height:620px){ #peps-cart-drawer .peps-drawer__panel>.peps-command__head{padding-top:12px;padding-bottom:10px} #peps-cart-drawer .peps-drawer-cart__status{padding:9px 0 7px} #peps-cart-drawer #peps-cart-content>.peps-cart-total{padding-top:8px;padding-bottom:4px} #peps-cart-drawer .peps-drawer-cart__shipping{margin-bottom:7px;font-size:.68rem} #peps-cart-drawer #peps-cart-content>.peps-cart-actions .peps-button{padding:.68rem .65rem} } /* 0.14.8 canonical universal sticky header. */ :root{ --peps-universal-header-height:72px; --peps-admin-bar-offset:0px; } body.admin-bar{--peps-admin-bar-offset:32px} @media(max-width:782px){body.admin-bar{--peps-admin-bar-offset:46px}} @media(max-width:600px){body.admin-bar:not(.wp-admin) #wpadminbar{position:fixed!important}} body.peps-universal-header-enabled{ padding-top:var(--peps-universal-header-height)!important; } #peps-universal-header{ position:fixed!important; inset:var(--peps-admin-bar-offset) 0 auto 0!important; width:100%!important; max-width:none!important; margin:0!important; transform:none!important; z-index:2147482000!important; isolation:isolate; pointer-events:none; } #peps-universal-header .peps-floating-header{ position:relative!important; inset:auto!important; width:100%!important; max-width:none!important; margin:0!important; border-radius:0!important; transform:none!important; pointer-events:auto; } #peps-universal-header .peps-floating-header__inner{ width:min(1240px,calc(100% - 32px)); margin-inline:auto; } /* Suppress any legacy or Elementor-rendered copies of the PEPS header. */ body.peps-universal-header-enabled .elementor-location-header, body.peps-universal-header-enabled .peps-forced-location--header, body.peps-universal-header-enabled .peps-fixed-header-clone, body.peps-universal-header-enabled .peps-header-source-hidden{ display:none!important; } /* Never hide the canonical header if Elementor wraps or clones matching classes. */ body.peps-universal-header-enabled #peps-universal-header, body.peps-universal-header-enabled #peps-universal-header .peps-floating-header{ display:block!important; visibility:visible!important; opacity:1!important; } @media(max-width:900px){ :root{--peps-universal-header-height:64px} #peps-universal-header .peps-floating-header__inner{width:calc(100% - 20px)} } @media(max-width:560px){ #peps-universal-header .peps-floating-header__inner{width:100%;padding-inline:10px} } /* 0.14.9 cart drawer / canonical sticky header integration. */ :root{ --peps-cart-drawer-top:var(--peps-universal-header-height); --peps-cart-drawer-height:calc(100dvh - var(--peps-cart-drawer-top)); } body.admin-bar{ --peps-cart-drawer-top:calc(var(--peps-admin-bar-offset) + var(--peps-universal-header-height)); } #peps-cart-drawer{ inset:var(--peps-cart-drawer-top) 0 0 0!important; height:var(--peps-cart-drawer-height)!important; max-height:var(--peps-cart-drawer-height)!important; } #peps-cart-drawer .peps-overlay__backdrop{ inset:0!important; } #peps-cart-drawer .peps-drawer__panel{ top:0!important; bottom:auto!important; height:100%!important; max-height:100%!important; } #peps-cart-drawer #peps-cart-content{ max-height:100%!important; } @supports not (height:100dvh){ :root{--peps-cart-drawer-height:calc(100vh - var(--peps-cart-drawer-top))} } /* 0.14.10 mobile modal / canonical sticky header integration. */ :root{ --peps-mobile-menu-top:var(--peps-universal-header-height); --peps-mobile-menu-height:calc(100dvh - var(--peps-mobile-menu-top)); } body.admin-bar{ --peps-mobile-menu-top:calc(var(--peps-admin-bar-offset) + var(--peps-universal-header-height)); } #peps-mobile-menu{ inset:var(--peps-mobile-menu-top) 0 0 0!important; height:var(--peps-mobile-menu-height)!important; max-height:var(--peps-mobile-menu-height)!important; padding:12px!important; align-items:center!important; overflow:hidden!important; } #peps-mobile-menu .peps-mobile-modal__backdrop{ inset:0!important; } #peps-mobile-menu .peps-mobile-modal__dialog{ width:min(620px,calc(100vw - 24px))!important; max-height:calc(var(--peps-mobile-menu-height) - 24px)!important; overflow:auto!important; overscroll-behavior:contain; } #peps-mobile-menu.is-open + *{} [data-peps-mobile-menu-open][aria-expanded="true"] svg path{ d:path("M5 5l14 14M19 5L5 19"); } @supports not (height:100dvh){ :root{--peps-mobile-menu-height:calc(100vh - var(--peps-mobile-menu-top))} } @media(max-height:620px){ #peps-mobile-menu{align-items:start!important;padding:8px!important} #peps-mobile-menu .peps-mobile-modal__dialog{max-height:calc(var(--peps-mobile-menu-height) - 16px)!important;padding:14px!important} } /* 0.14.11 viewport-fitted mobile navigation modal. */ #peps-mobile-menu{ --peps-mobile-modal-gap:clamp(6px,1.25dvh,12px); --peps-mobile-modal-pad:clamp(10px,2dvh,20px); --peps-mobile-tile-pad:clamp(7px,1.35dvh,14px); padding:var(--peps-mobile-modal-gap)!important; place-items:center!important; } #peps-mobile-menu .peps-mobile-modal__dialog{ width:min(620px,calc(100vw - (var(--peps-mobile-modal-gap) * 2)))!important; height:calc(var(--peps-mobile-menu-height) - (var(--peps-mobile-modal-gap) * 2))!important; max-height:none!important; padding:var(--peps-mobile-modal-pad)!important; display:grid!important; grid-template-rows:auto minmax(0,1fr) auto!important; gap:var(--peps-mobile-modal-gap)!important; overflow:hidden!important; } #peps-mobile-menu .peps-mobile-modal__head{ min-height:0!important; padding:0 0 clamp(7px,1.2dvh,14px)!important; } #peps-mobile-menu .peps-mobile-modal__head h2{ margin:.15rem 0 0!important; font-size:clamp(1.05rem,2.7dvh,1.65rem)!important; line-height:1!important; } #peps-mobile-menu .peps-mobile-modal__head .peps-eyebrow{ font-size:clamp(.58rem,1.35dvh,.72rem)!important; line-height:1!important; } #peps-mobile-menu .peps-mobile-modal__nav{ min-height:0!important; height:100%!important; padding:0!important; overflow:hidden!important; } #peps-mobile-menu .peps-mobile-modal__list{ height:100%!important; display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; grid-auto-rows:minmax(0,1fr)!important; gap:var(--peps-mobile-modal-gap)!important; align-content:stretch!important; overflow:hidden!important; } #peps-mobile-menu .peps-mobile-modal__list>li{ min-width:0!important; min-height:0!important; overflow:hidden!important; } #peps-mobile-menu .peps-mobile-modal__list>li>a{ width:100%!important; height:100%!important; min-height:0!important; padding:var(--peps-mobile-tile-pad)!important; border-radius:clamp(10px,2dvh,16px)!important; justify-content:center!important; overflow:hidden!important; font-size:clamp(.78rem,2dvh,1rem)!important; line-height:1.1!important; } #peps-mobile-menu .peps-mobile-modal__list>li>a small{ display:block!important; margin-top:clamp(2px,.55dvh,6px)!important; font-size:clamp(.58rem,1.35dvh,.75rem)!important; line-height:1.12!important; opacity:.72!important; } #peps-mobile-menu .peps-mobile-modal__list>li>a:after{ font-size:clamp(.72rem,1.8dvh,1rem)!important; line-height:1!important; } #peps-mobile-menu .peps-mobile-modal__list .sub-menu{ display:none!important; } #peps-mobile-menu .peps-mobile-modal__actions{ min-height:0!important; padding:0!important; gap:var(--peps-mobile-modal-gap)!important; grid-template-columns:1fr 1fr!important; } #peps-mobile-menu .peps-mobile-modal__actions .peps-button{ min-height:clamp(34px,5.8dvh,48px)!important; padding:clamp(.42rem,1.15dvh,.72rem) clamp(.55rem,2vw,1rem)!important; font-size:clamp(.72rem,1.7dvh,.9rem)!important; line-height:1!important; } @media(max-width:390px){ #peps-mobile-menu .peps-mobile-modal__dialog{width:calc(100vw - 12px)!important} #peps-mobile-menu .peps-mobile-modal__list{gap:5px!important} } @media(max-height:680px){ #peps-mobile-menu{ --peps-mobile-modal-gap:5px; --peps-mobile-modal-pad:9px; --peps-mobile-tile-pad:6px; } #peps-mobile-menu .peps-mobile-modal__head{padding-bottom:5px!important} #peps-mobile-menu .peps-mobile-modal__actions .peps-button{min-height:32px!important} } @media(max-height:520px) and (orientation:landscape){ #peps-mobile-menu .peps-mobile-modal__dialog{ width:min(900px,calc(100vw - 12px))!important; grid-template-columns:minmax(115px,.32fr) minmax(0,1fr)!important; grid-template-rows:minmax(0,1fr) auto!important; } #peps-mobile-menu .peps-mobile-modal__head{ grid-row:1/3!important; display:flex!important; flex-direction:column!important; justify-content:space-between!important; border-bottom:0!important; border-right:1px solid rgba(118,216,255,.14)!important; padding:4px 9px 4px 0!important; } #peps-mobile-menu .peps-mobile-modal__nav{grid-column:2!important} #peps-mobile-menu .peps-mobile-modal__list{grid-template-columns:repeat(3,minmax(0,1fr))!important} #peps-mobile-menu .peps-mobile-modal__actions{grid-column:2!important} } /* 0.14.13: remove only redundant generated page headings; preserve catalog layout. */ body.peps-page-home .entry-title, body.peps-page-catalog .entry-title, body.peps-page-home .elementor-widget-heading:first-child, body.peps-page-catalog .elementor-widget-heading:first-child{display:none!important} /* PEPS 0.14.16: narrowly scoped catalog toolbar and filter controls. */ body.peps-page-catalog .peps-catalog > .peps-catalog__toolbar{ display:grid; grid-template-columns:minmax(210px,.48fr) minmax(0,1.52fr); gap:28px; align-items:end; margin:0 0 30px; padding:24px 26px; overflow:hidden; position:relative; background:radial-gradient(circle at 92% 8%,rgba(70,197,255,.12),transparent 35%),linear-gradient(145deg,rgba(13,34,51,.96),rgba(5,18,33,.96)); border:1px solid rgba(122,203,255,.16); border-radius:var(--peps-radius,20px); } body.peps-page-catalog .peps-catalog > .peps-catalog__toolbar:after{ content:""; position:absolute; right:-115px; bottom:-155px; width:300px; height:300px; border:1px solid rgba(94,211,255,.10); border-radius:50%; pointer-events:none; } body.peps-page-catalog .peps-catalog__toolbar-intro, body.peps-page-catalog .peps-catalog__toolbar-content{position:relative;z-index:1;min-width:0} body.peps-page-catalog .peps-catalog__toolbar-intro h2{margin:.35rem 0 .45rem;font-size:clamp(1.55rem,2.5vw,2.3rem);line-height:1.05} body.peps-page-catalog .peps-catalog__toolbar-intro p{margin:0;color:var(--peps-muted);font-size:.9rem} body.peps-page-catalog .peps-catalog__toolbar-content{display:grid;gap:12px} body.peps-page-catalog .peps-catalog__quick-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.35fr);gap:10px} body.peps-page-catalog .peps-catalog__search{display:flex;align-items:center;gap:10px;min-width:0;padding:0 14px;border:1px solid rgba(122,203,255,.2);border-radius:14px;background:rgba(4,15,28,.72)} body.peps-page-catalog .peps-catalog__search > span[aria-hidden]{flex:0 0 auto;color:#73d9ff;font-size:1.3rem} body.peps-page-catalog .peps-catalog__search input{width:100%;min-width:0;min-height:50px;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--peps-text)!important;box-shadow:none!important} body.peps-page-catalog .peps-catalog__search input:focus{outline:0} body.peps-page-catalog .peps-catalog__search:focus-within{border-color:#61d8ff;box-shadow:0 0 0 3px rgba(97,216,255,.11)} body.peps-page-catalog .peps-catalog__sort select, body.peps-page-catalog .peps-catalog__filters select{width:100%;min-height:50px;padding:0 38px 0 14px;border:1px solid rgba(122,203,255,.2);border-radius:14px;background-color:rgba(4,15,28,.72);color:var(--peps-text)} body.peps-page-catalog .peps-catalog__filters{display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) auto auto;gap:10px;align-items:end;margin:0} body.peps-page-catalog .peps-catalog__filters > label:not(.peps-catalog__sale){display:grid;gap:6px;min-width:0} body.peps-page-catalog .peps-catalog__filters > label > span{color:var(--peps-muted);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase} body.peps-page-catalog .peps-catalog__sale{display:flex;align-items:center;gap:8px;min-height:50px;padding:0 13px;border:1px solid rgba(122,203,255,.18);border-radius:14px;background:rgba(4,15,28,.56);white-space:nowrap} body.peps-page-catalog .peps-catalog__sale input{width:18px;height:18px;margin:0;accent-color:var(--peps-accent)} body.peps-page-catalog .peps-catalog__sale span{color:var(--peps-text)!important;font-size:.82rem!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important} body.peps-page-catalog .peps-catalog__filters .peps-button{min-height:50px;white-space:nowrap} body.peps-page-catalog .peps-catalog__clear{grid-column:1/-1;justify-self:end;color:#8fdfff;font-size:.8rem;font-weight:700;text-decoration:none} body.peps-page-catalog .peps-catalog__clear:hover, body.peps-page-catalog .peps-catalog__clear:focus-visible{text-decoration:underline} body.peps-page-catalog .peps-catalog__empty{margin-top:22px;padding:34px;text-align:center} body.peps-page-catalog .peps-catalog__empty h3{margin:0 0 8px} body.peps-page-catalog .peps-catalog__empty p{margin:0 0 18px;color:var(--peps-muted)} @media(max-width:980px){ body.peps-page-catalog .peps-catalog > .peps-catalog__toolbar{grid-template-columns:1fr} body.peps-page-catalog .peps-catalog__filters{grid-template-columns:repeat(2,minmax(0,1fr))} body.peps-page-catalog .peps-catalog__clear{grid-column:1/-1} } @media(max-width:640px){ body.peps-page-catalog .peps-catalog > .peps-catalog__toolbar{padding:20px} body.peps-page-catalog .peps-catalog__quick-controls, body.peps-page-catalog .peps-catalog__filters{grid-template-columns:1fr} body.peps-page-catalog .peps-catalog__sale{justify-content:flex-start} body.peps-page-catalog .peps-catalog__filters .peps-button{width:100%} body.peps-page-catalog .peps-catalog__clear{grid-column:auto;justify-self:start} } /* PEPS 0.14.16: constrain the catalog shortcode to the standard site width. */ body.peps-page-catalog .peps-catalog.peps-wrap{width:min(1180px,calc(100% - 40px));max-width:1180px;margin-inline:auto;box-sizing:border-box} @media(max-width:800px){body.peps-page-catalog .peps-catalog.peps-wrap{width:min(100% - 24px,1180px)}} /* PEPS 0.14.17: mobile navigation list redesign and universal generated-title suppression. */ /* Hide theme/Elementor/WooCommerce-generated page titles while preserving headings authored inside page content. */ body.page .entry-header, body.page .entry-title, body.page .page-title, body.page .woocommerce-products-header, body.page .woocommerce-products-header__title, body.page .elementor-page-title, body.page .elementor-widget-theme-post-title, body.page .elementor-widget-wp-widget-pages > h5, body.woocommerce-cart .entry-header, body.woocommerce-cart .entry-title, body.woocommerce-cart .page-title, body.woocommerce-checkout .entry-header, body.woocommerce-checkout .entry-title, body.woocommerce-checkout .page-title{ display:none!important; } #peps-mobile-menu .peps-mobile-modal__dialog{ width:min(430px,calc(100vw - 24px))!important; max-height:min(760px,calc(100dvh - 24px))!important; display:flex!important; flex-direction:column!important; grid-template-columns:none!important; grid-template-rows:none!important; gap:14px!important; padding:20px!important; border-radius:24px!important; overflow:auto!important; } #peps-mobile-menu .peps-mobile-modal__head{ flex:0 0 auto!important; padding:0 0 14px!important; border-right:0!important; border-bottom:1px solid rgba(118,216,255,.14)!important; } #peps-mobile-menu .peps-mobile-modal__head h2{ margin:.28rem 0 0!important; font-size:clamp(1.15rem,5vw,1.4rem)!important; line-height:1.15!important; } #peps-mobile-menu .peps-mobile-modal__search{ display:grid!important; grid-template-columns:minmax(0,1fr) 46px!important; gap:8px!important; flex:0 0 auto!important; } #peps-mobile-menu .peps-mobile-modal__search input{ width:100%!important; min-width:0!important; min-height:48px!important; padding:0 15px!important; border:1px solid rgba(118,216,255,.2)!important; border-radius:14px!important; background:rgba(4,15,28,.74)!important; color:#eef8ff!important; box-shadow:none!important; } #peps-mobile-menu .peps-mobile-modal__search input:focus{ outline:2px solid #61d8ff!important; outline-offset:2px!important; } #peps-mobile-menu .peps-mobile-modal__search button{ min-height:48px!important; border:1px solid rgba(118,216,255,.28)!important; border-radius:14px!important; background:linear-gradient(145deg,rgba(30,200,231,.22),rgba(79,140,255,.18))!important; color:#eaf8ff!important; font-size:1.2rem!important; cursor:pointer!important; } #peps-mobile-menu .peps-mobile-modal__nav{ display:block!important; flex:1 1 auto!important; min-height:0!important; padding:0!important; overflow:visible!important; } #peps-mobile-menu .peps-mobile-modal__list, #peps-mobile-menu .peps-mobile-modal__list ul{ display:flex!important; flex-direction:column!important; grid-template-columns:none!important; gap:10px!important; width:100%!important; margin:0!important; padding:0!important; list-style:none!important; } #peps-mobile-menu .peps-mobile-modal__list>li{ display:block!important; width:100%!important; min-width:0!important; margin:0!important; border:0!important; } #peps-mobile-menu .peps-mobile-modal__list>li>a{ position:relative!important; display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:center!important; width:100%!important; min-width:0!important; min-height:58px!important; padding:12px 46px 12px 16px!important; border:1px solid rgba(118,216,255,.16)!important; border-radius:14px!important; background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025))!important; box-shadow:0 8px 24px rgba(0,0,0,.12)!important; color:#eef8ff!important; font-size:.98rem!important; font-weight:700!important; line-height:1.2!important; text-align:left!important; text-decoration:none!important; transition:transform .18s ease,border-color .18s ease,background .18s ease!important; } #peps-mobile-menu .peps-mobile-modal__list>li>a:after{ content:"›"!important; position:absolute!important; right:16px!important; top:50%!important; transform:translateY(-50%)!important; color:#76d8ff!important; font-size:1.45rem!important; line-height:1!important; } #peps-mobile-menu .peps-mobile-modal__list>li>a:hover, #peps-mobile-menu .peps-mobile-modal__list>li>a:focus-visible{ transform:translateX(3px)!important; border-color:rgba(118,216,255,.45)!important; background:linear-gradient(145deg,rgba(30,200,231,.12),rgba(79,140,255,.09))!important; outline:none!important; } #peps-mobile-menu .peps-mobile-modal__list>li.current-menu-item>a, #peps-mobile-menu .peps-mobile-modal__list>li.current_page_item>a, #peps-mobile-menu .peps-mobile-modal__list>li.current-menu-ancestor>a{ border-color:rgba(30,200,231,.58)!important; background:linear-gradient(145deg,rgba(30,200,231,.17),rgba(79,140,255,.12))!important; box-shadow:inset 3px 0 0 #1ec8e7,0 8px 24px rgba(0,0,0,.14)!important; } #peps-mobile-menu .peps-mobile-modal__list>li>a small{ display:block!important; margin-top:4px!important; color:#9fbdd3!important; font-size:.73rem!important; font-weight:500!important; line-height:1.25!important; opacity:1!important; } #peps-mobile-menu .peps-mobile-modal__list .sub-menu{ display:flex!important; padding:0 0 0 14px!important; gap:8px!important; } #peps-mobile-menu .peps-mobile-modal__list .sub-menu a{ width:100%!important; min-height:48px!important; padding:10px 42px 10px 14px!important; border:1px solid rgba(118,216,255,.12)!important; border-radius:12px!important; background:rgba(255,255,255,.025)!important; } #peps-mobile-menu .peps-mobile-modal__actions{ display:grid!important; grid-template-columns:1fr 1fr!important; gap:10px!important; flex:0 0 auto!important; padding:2px 0 0!important; } #peps-mobile-menu .peps-mobile-modal__actions .peps-button{ width:100%!important; min-height:48px!important; } /* Final catalog-card alignment pass. */ body.peps-page-catalog .peps-product-card{ isolation:isolate; border-color:rgba(122,203,255,.14); box-shadow:0 18px 48px rgba(0,0,0,.16); } body.peps-page-catalog .peps-product-card__image{ overflow:hidden; padding:12px; } body.peps-page-catalog .peps-product-card__body{ gap:8px; padding:22px; } body.peps-page-catalog .peps-product-card h2, body.peps-page-catalog .peps-product-card h3{ min-height:2.5em; margin:.3rem 0; } body.peps-page-catalog .peps-product-card__meta{ align-items:center; margin:8px 0 0; } body.peps-page-catalog .peps-product-card .peps-button, body.peps-page-catalog .peps-product-card button{ margin-top:auto; } @media(max-width:560px){ #peps-mobile-menu .peps-mobile-modal__dialog{width:calc(100vw - 12px)!important;max-height:calc(100dvh - 12px)!important;padding:14px!important;border-radius:18px!important} #peps-mobile-menu .peps-mobile-modal__actions{grid-template-columns:1fr!important} } @media(max-height:520px) and (orientation:landscape){ #peps-mobile-menu .peps-mobile-modal__dialog{width:min(520px,calc(100vw - 12px))!important;display:flex!important;grid-template-columns:none!important;grid-template-rows:none!important} #peps-mobile-menu .peps-mobile-modal__head{display:flex!important;flex-direction:row!important;border-right:0!important;border-bottom:1px solid rgba(118,216,255,.14)!important;padding:0 0 10px!important} #peps-mobile-menu .peps-mobile-modal__nav, #peps-mobile-menu .peps-mobile-modal__actions{grid-column:auto!important} #peps-mobile-menu .peps-mobile-modal__list{display:flex!important;grid-template-columns:none!important} } @media(prefers-reduced-motion:reduce){ #peps-mobile-menu .peps-mobile-modal__list>li>a{transition:none!important} } /* PEPS 0.14.17.1: purpose-built intrinsic-width mobile navigation stack. * The single max-content grid column is calculated from the longest current * label. Every existing or future top-level item occupies that same column, * so no label-specific width or recoding is required when the menu changes. */ #peps-mobile-menu .peps-mobile-modal__nav{ display:grid!important; justify-items:center!important; width:100%!important; padding-inline:16px!important; box-sizing:border-box!important; } #peps-mobile-menu .peps-mobile-modal__list{ display:grid!important; grid-template-columns:max-content!important; grid-auto-flow:row!important; justify-content:center!important; align-items:stretch!important; width:max-content!important; max-width:100%!important; gap:10px!important; margin-inline:auto!important; padding:0!important; list-style:none!important; } #peps-mobile-menu .peps-mobile-modal__list>li{ display:block!important; grid-column:1!important; width:100%!important; max-width:100%!important; margin:0!important; padding:0!important; border:0!important; background:none!important; } #peps-mobile-menu .peps-mobile-modal__list>li>a{ display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; min-width:100%!important; max-width:100%!important; min-height:52px!important; box-sizing:border-box!important; padding:13px 24px!important; border:1px solid rgba(118,216,255,.18)!important; border-radius:14px!important; background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025))!important; box-shadow:0 8px 22px rgba(0,0,0,.13)!important; color:#eef8ff!important; font-size:1rem!important; font-weight:650!important; line-height:1.2!important; text-align:center!important; text-decoration:none!important; white-space:nowrap!important; transform:none!important; } #peps-mobile-menu .peps-mobile-modal__list>li>a:after, #peps-mobile-menu .peps-mobile-modal__list>li>a:before{ content:none!important; display:none!important; } #peps-mobile-menu .peps-mobile-modal__list>li>a small{ display:none!important; } #peps-mobile-menu .peps-mobile-modal__list>li>a:hover, #peps-mobile-menu .peps-mobile-modal__list>li>a:focus-visible{ transform:translateY(-1px)!important; border-color:rgba(118,216,255,.48)!important; background:linear-gradient(145deg,rgba(30,200,231,.13),rgba(79,140,255,.09))!important; outline:2px solid transparent!important; } #peps-mobile-menu .peps-mobile-modal__list>li.current-menu-item>a, #peps-mobile-menu .peps-mobile-modal__list>li.current_page_item>a, #peps-mobile-menu .peps-mobile-modal__list>li.current-menu-ancestor>a{ border-color:rgba(30,200,231,.62)!important; background:linear-gradient(145deg,rgba(30,200,231,.19),rgba(79,140,255,.13))!important; box-shadow:0 9px 24px rgba(0,0,0,.15)!important; } /* Nested items remain vertical and are independently centered beneath their parent. */ #peps-mobile-menu .peps-mobile-modal__list .sub-menu{ display:grid!important; grid-template-columns:max-content!important; justify-content:center!important; width:max-content!important; max-width:100%!important; margin:8px auto 0!important; padding:0!important; gap:8px!important; } #peps-mobile-menu .peps-mobile-modal__list .sub-menu li, #peps-mobile-menu .peps-mobile-modal__list .sub-menu a{ width:100%!important; max-width:100%!important; text-align:center!important; } @media(max-width:420px){ #peps-mobile-menu .peps-mobile-modal__nav{padding-inline:10px!important} #peps-mobile-menu .peps-mobile-modal__list>li>a{padding-inline:18px!important;font-size:.96rem!important} } /* PEPS 0.14.17.2: fixed-height drawer contents. * Mobile navigation uses content-height rows and never distributes spare * viewport height among links. The cart keeps fixed-height product rows in * its own scroll region while totals and actions remain visible. */ #peps-mobile-menu .peps-mobile-modal__dialog{ height:auto!important; max-height:calc(var(--peps-mobile-menu-height) - 24px)!important; overflow:hidden!important; } #peps-mobile-menu .peps-mobile-modal__nav{ flex:0 0 auto!important; height:auto!important; min-height:0!important; overflow:hidden!important; } #peps-mobile-menu .peps-mobile-modal__list{ height:auto!important; min-height:0!important; grid-auto-rows:52px!important; align-content:start!important; overflow:visible!important; } #peps-mobile-menu .peps-mobile-modal__list>li{ height:52px!important; min-height:52px!important; max-height:52px!important; overflow:visible!important; } #peps-mobile-menu .peps-mobile-modal__list>li>a{ height:52px!important; min-height:52px!important; max-height:52px!important; padding-block:0!important; } #peps-mobile-menu .peps-mobile-modal__actions{ flex:0 0 auto!important; } #peps-cart-drawer .peps-drawer__panel{ display:flex!important; flex-direction:column!important; overflow:hidden!important; } #peps-cart-drawer .peps-drawer__panel>.peps-command__head{ flex:0 0 auto!important; } #peps-cart-drawer #peps-cart-content{ display:flex!important; flex:1 1 auto!important; flex-direction:column!important; min-height:0!important; height:auto!important; max-height:none!important; overflow:hidden!important; } #peps-cart-drawer #peps-cart-content>.peps-drawer-cart__status{ flex:0 0 auto!important; } #peps-cart-drawer #peps-cart-content>.peps-cart-items{ display:grid!important; grid-auto-rows:104px!important; align-content:start!important; flex:1 1 auto!important; min-height:0!important; overflow-x:hidden!important; overflow-y:auto!important; overscroll-behavior:contain!important; -webkit-overflow-scrolling:touch!important; scrollbar-gutter:stable!important; } #peps-cart-drawer #peps-cart-content>.peps-cart-items>.peps-drawer-cart__item{ height:104px!important; min-height:104px!important; max-height:104px!important; box-sizing:border-box!important; align-items:center!important; overflow:hidden!important; } #peps-cart-drawer #peps-cart-content>.peps-cart-total, #peps-cart-drawer #peps-cart-content>.peps-drawer-cart__shipping, #peps-cart-drawer #peps-cart-content>.peps-cart-actions{ flex:0 0 auto!important; } @media(max-width:480px){ #peps-mobile-menu .peps-mobile-modal__dialog{ max-height:calc(var(--peps-mobile-menu-height) - 12px)!important; } #peps-cart-drawer #peps-cart-content>.peps-cart-items{ grid-auto-rows:96px!important; } #peps-cart-drawer #peps-cart-content>.peps-cart-items>.peps-drawer-cart__item{ height:96px!important; min-height:96px!important; max-height:96px!important; padding-block:10px!important; } } /* PEPS 0.14.17.3: mobile menu breathing room and blue-violet interaction states. */ #peps-mobile-menu .peps-mobile-modal__dialog{ padding:28px 24px 30px!important; } #peps-mobile-menu .peps-mobile-modal__head{ margin-bottom:22px!important; padding-bottom:18px!important; } #peps-mobile-menu .peps-mobile-modal__nav{ padding-block:8px 12px!important; } #peps-mobile-menu .peps-mobile-modal__list{ gap:16px!important; } #peps-mobile-menu .peps-mobile-modal__actions{ margin-top:22px!important; } #peps-mobile-menu .peps-mobile-modal__list>li, #peps-mobile-menu .peps-mobile-modal__list>li:hover, #peps-mobile-menu .peps-mobile-modal__list>li:focus-within{ background:transparent!important; box-shadow:none!important; } #peps-mobile-menu .peps-mobile-modal__list>li>a{ position:relative!important; isolation:isolate!important; overflow:hidden!important; -webkit-tap-highlight-color:rgba(79,140,255,.18)!important; transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease,color .18s ease!important; } #peps-mobile-menu .peps-mobile-modal__list>li>a:hover, #peps-mobile-menu .peps-mobile-modal__list>li>a:focus-visible, #peps-mobile-menu .peps-mobile-modal__list>li>a:active{ color:#f7f4ff!important; border-color:rgba(126,108,255,.72)!important; background:linear-gradient(145deg,rgba(79,140,255,.24),rgba(118,76,255,.22))!important; box-shadow:0 10px 28px rgba(72,74,210,.24),inset 0 0 0 1px rgba(191,181,255,.08)!important; } #peps-mobile-menu .peps-mobile-modal__list>li.current-menu-item>a, #peps-mobile-menu .peps-mobile-modal__list>li.current_page_item>a, #peps-mobile-menu .peps-mobile-modal__list>li.current-menu-ancestor>a{ color:#f8f6ff!important; border-color:rgba(118,100,255,.78)!important; background:linear-gradient(145deg,rgba(58,124,242,.26),rgba(106,72,232,.24))!important; box-shadow:0 10px 28px rgba(61,74,210,.22)!important; } @media(max-width:480px){ #peps-mobile-menu .peps-mobile-modal__dialog{ padding:24px 18px 26px!important; } #peps-mobile-menu .peps-mobile-modal__head{ margin-bottom:18px!important; } #peps-mobile-menu .peps-mobile-modal__list{ gap:14px!important; } #peps-mobile-menu .peps-mobile-modal__actions{ margin-top:18px!important; } } /* PEPS 0.14.17.4: universal drawer overlay and close-control color isolation. */ :root{ --peps-drawer-overlay:rgba(12,39,70,.64); --peps-drawer-close-bg:rgba(79,140,255,.14); --peps-drawer-close-bg-hover:rgba(105,85,235,.24); --peps-drawer-close-border:rgba(132,150,255,.34); --peps-drawer-close-text:#dfe9ff; --peps-drawer-close-text-hover:#ffffff; } /* Backdrops must never inherit theme button/link hover colors. */ #peps-mobile-menu .peps-mobile-modal__backdrop, #peps-mobile-menu .peps-mobile-modal__backdrop:hover, #peps-mobile-menu .peps-mobile-modal__backdrop:focus, #peps-mobile-menu .peps-mobile-modal__backdrop:focus-visible, #peps-mobile-menu .peps-mobile-modal__backdrop:active, .peps-overlay__backdrop, .peps-overlay__backdrop:hover, .peps-overlay__backdrop:focus, .peps-overlay__backdrop:focus-visible, .peps-overlay__backdrop:active{ background:var(--peps-drawer-overlay)!important; background-color:var(--peps-drawer-overlay)!important; background-image:none!important; border:0!important; box-shadow:none!important; filter:none!important; outline:0!important; opacity:1!important; transform:none!important; -webkit-tap-highlight-color:transparent!important; } #peps-mobile-menu .peps-mobile-modal__backdrop::before, #peps-mobile-menu .peps-mobile-modal__backdrop::after, .peps-overlay__backdrop::before, .peps-overlay__backdrop::after{ content:none!important; display:none!important; background:transparent!important; } /* Apply one self-contained close-button treatment to every PEPS drawer/modal. */ #peps-mobile-menu .peps-icon-button, #peps-cart-drawer .peps-icon-button, .peps-overlay .peps-icon-button, .peps-drawer .peps-icon-button{ display:inline-grid!important; place-items:center!important; width:44px!important; height:44px!important; min-width:44px!important; min-height:44px!important; padding:0!important; border:1px solid var(--peps-drawer-close-border)!important; border-radius:14px!important; background:var(--peps-drawer-close-bg)!important; background-color:var(--peps-drawer-close-bg)!important; background-image:none!important; color:var(--peps-drawer-close-text)!important; box-shadow:none!important; line-height:1!important; text-decoration:none!important; text-shadow:none!important; appearance:none!important; -webkit-appearance:none!important; -webkit-tap-highlight-color:transparent!important; transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease!important; } #peps-mobile-menu .peps-icon-button:hover, #peps-mobile-menu .peps-icon-button:focus, #peps-mobile-menu .peps-icon-button:focus-visible, #peps-mobile-menu .peps-icon-button:active, #peps-cart-drawer .peps-icon-button:hover, #peps-cart-drawer .peps-icon-button:focus, #peps-cart-drawer .peps-icon-button:focus-visible, #peps-cart-drawer .peps-icon-button:active, .peps-overlay .peps-icon-button:hover, .peps-overlay .peps-icon-button:focus, .peps-overlay .peps-icon-button:focus-visible, .peps-overlay .peps-icon-button:active, .peps-drawer .peps-icon-button:hover, .peps-drawer .peps-icon-button:focus, .peps-drawer .peps-icon-button:focus-visible, .peps-drawer .peps-icon-button:active{ border-color:rgba(145,126,255,.72)!important; background:var(--peps-drawer-close-bg-hover)!important; background-color:var(--peps-drawer-close-bg-hover)!important; background-image:none!important; color:var(--peps-drawer-close-text-hover)!important; box-shadow:0 0 0 3px rgba(79,140,255,.16),0 8px 22px rgba(48,42,150,.22)!important; filter:none!important; outline:0!important; transform:translateY(-1px)!important; } #peps-mobile-menu .peps-icon-button::before, #peps-mobile-menu .peps-icon-button::after, #peps-cart-drawer .peps-icon-button::before, #peps-cart-drawer .peps-icon-button::after, .peps-overlay .peps-icon-button::before, .peps-overlay .peps-icon-button::after, .peps-drawer .peps-icon-button::before, .peps-drawer .peps-icon-button::after{ content:none!important; display:none!important; background:transparent!important; } /* PEPS 0.14.19 release-candidate hardening layer. */ :root{ --peps-focus-ring:#7e8cff; --peps-drawer-overlay:rgba(12,39,70,.64); } html.peps-layer-open, html.peps-mobile-menu-open{overflow:hidden!important;overscroll-behavior:none!important;} .peps-skip-link{ position:fixed!important;left:16px!important;top:16px!important;z-index:100000!important; transform:translateY(-160%)!important;padding:12px 16px!important;border-radius:10px!important; background:#fff!important;color:#0c2746!important;box-shadow:0 8px 30px rgba(0,0,0,.25)!important; } .peps-skip-link:focus{transform:translateY(0)!important;} :where(a,button,input,select,textarea,[tabindex]):focus-visible{ outline:3px solid var(--peps-focus-ring)!important;outline-offset:3px!important; } #peps-mobile-menu .peps-mobile-modal__dialog, #peps-cart-drawer .peps-drawer__panel, #peps-command-search .peps-command{contain:layout paint;} #peps-mobile-menu .peps-mobile-modal__list{ grid-template-columns:max-content!important;justify-content:center!important;align-content:start!important; } #peps-mobile-menu .peps-mobile-modal__list>li>a{ height:52px!important;min-height:52px!important;max-height:52px!important; display:grid!important;place-items:center!important;white-space:nowrap!important; } #peps-mobile-menu .peps-mobile-modal__dialog{ height:auto!important;min-height:0!important;overflow:hidden!important; } #peps-mobile-menu .peps-mobile-modal__nav{overflow:visible!important;} #peps-cart-drawer .peps-drawer__panel{overflow:hidden!important;} #peps-cart-drawer #peps-cart-content>.peps-cart-items{ overflow-y:auto!important;overflow-x:hidden!important;scrollbar-gutter:stable!important; overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important; } .peps-product-card img,.woocommerce ul.products li.product img{ content-visibility:auto;contain-intrinsic-size:300px 300px; } @media(prefers-reduced-motion:reduce){ *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;} } @media(max-width:480px){ #peps-mobile-menu .peps-mobile-modal__dialog{padding:24px 18px 26px!important;} #peps-mobile-menu .peps-mobile-modal__list{gap:14px!important;} } /* PEPS 0.14.19.1 catalog search and checkout visual-system hotfix. */ [data-peps-product-name][hidden], .peps-product-card[hidden], .peps-catalog__search-status[hidden]{display:none!important;} .peps-catalog__search-status{ margin-top:22px;padding:24px;border:1px solid rgba(118,216,255,.18); color:var(--peps-muted);text-align:center;font-weight:700; } /* Checkout shell and notices. */ body.woocommerce-checkout .site-main, body.woocommerce-checkout main, body.woocommerce-checkout .entry-content{ width:100%;max-width:none;margin:0;padding:0; } body.woocommerce-checkout .woocommerce{ width:min(1180px,calc(100% - 40px));margin:clamp(32px,5vw,72px) auto; color:var(--peps-text); } body.woocommerce-checkout .woocommerce-notices-wrapper, body.woocommerce-checkout .woocommerce-form-login-toggle, body.woocommerce-checkout .woocommerce-form-coupon-toggle{margin-bottom:16px;} body.woocommerce-checkout .woocommerce-info, body.woocommerce-checkout .woocommerce-message, body.woocommerce-checkout .woocommerce-error{ margin:0 0 16px!important;padding:16px 18px 16px 50px!important; border:1px solid rgba(118,216,255,.2)!important;border-top:1px solid rgba(118,216,255,.2)!important; border-radius:16px!important;background:rgba(8,26,47,.88)!important;color:var(--peps-text)!important; box-shadow:0 16px 42px rgba(0,10,25,.18)!important; } body.woocommerce-checkout .woocommerce-info::before, body.woocommerce-checkout .woocommerce-message::before{color:#61d8ff!important;top:16px!important;} body.woocommerce-checkout .woocommerce-error::before{color:#ff8298!important;top:16px!important;} body.woocommerce-checkout .woocommerce-info a, body.woocommerce-checkout .woocommerce-message a{color:#8fdfff!important;font-weight:800;} /* Classic checkout layout. */ body.woocommerce-checkout form.checkout{ display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:28px;align-items:start; } body.woocommerce-checkout form.checkout #customer_details{ grid-column:1;display:grid;gap:22px; } body.woocommerce-checkout form.checkout #order_review_heading, body.woocommerce-checkout form.checkout #order_review{grid-column:2;} body.woocommerce-checkout form.checkout #order_review_heading{grid-row:1;margin:0 0 -12px;align-self:end;} body.woocommerce-checkout form.checkout #order_review{grid-row:2 / span 2;position:sticky;top:110px;} body.woocommerce-checkout .woocommerce-billing-fields, body.woocommerce-checkout .woocommerce-shipping-fields, body.woocommerce-checkout .woocommerce-additional-fields, body.woocommerce-checkout #order_review{ padding:clamp(22px,3vw,32px);border:1px solid rgba(118,216,255,.17);border-radius:24px; background:linear-gradient(145deg,rgba(10,31,55,.95),rgba(5,19,36,.96)); box-shadow:0 24px 70px rgba(0,8,24,.25),inset 0 1px rgba(255,255,255,.025); } body.woocommerce-checkout .woocommerce-billing-fields>h3, body.woocommerce-checkout .woocommerce-shipping-fields h3, body.woocommerce-checkout .woocommerce-additional-fields>h3, body.woocommerce-checkout #order_review_heading{ margin:0 0 22px;color:var(--peps-text);font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.2; } body.woocommerce-checkout .woocommerce-billing-fields>h3::before, body.woocommerce-checkout #order_review_heading::before{ display:block;margin-bottom:7px;color:#61d8ff;font-size:.68rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase; } body.woocommerce-checkout .woocommerce-billing-fields>h3::before{content:'Research details';} body.woocommerce-checkout #order_review_heading::before{content:'Secure order summary';} body.woocommerce-checkout .form-row{margin:0 0 16px!important;padding:0!important;} body.woocommerce-checkout .form-row label{ display:block;margin:0 0 7px;color:#b9d4e9;font-size:.75rem;font-weight:800;letter-spacing:.055em;text-transform:uppercase; } body.woocommerce-checkout .form-row label .required{color:#7e8cff!important;} body.woocommerce-checkout .input-text, body.woocommerce-checkout select, body.woocommerce-checkout textarea, body.woocommerce-checkout .select2-container--default .select2-selection--single{ width:100%!important;min-height:52px!important;padding:0 15px!important; border:1px solid rgba(118,216,255,.2)!important;border-radius:14px!important; background:rgba(2,13,26,.7)!important;color:var(--peps-text)!important;box-shadow:none!important; } body.woocommerce-checkout textarea.input-text{min-height:120px!important;padding:14px 15px!important;resize:vertical;} body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:50px!important;color:var(--peps-text)!important;padding-left:0!important;} body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow{height:50px!important;right:8px!important;} body.woocommerce-checkout .input-text:focus, body.woocommerce-checkout select:focus, body.woocommerce-checkout textarea:focus, body.woocommerce-checkout .select2-container--focus .select2-selection--single{ border-color:#61d8ff!important;box-shadow:0 0 0 3px rgba(97,216,255,.11)!important;outline:0!important; } body.woocommerce-checkout .woocommerce-checkout-review-order-table{ margin:0 0 22px!important;border:0!important;border-collapse:separate!important;border-spacing:0; background:transparent!important;color:var(--peps-text)!important; } body.woocommerce-checkout .woocommerce-checkout-review-order-table th, body.woocommerce-checkout .woocommerce-checkout-review-order-table td{ padding:14px 0!important;border:0!important;border-bottom:1px solid rgba(118,216,255,.12)!important; background:transparent!important;color:inherit!important; } body.woocommerce-checkout .woocommerce-checkout-review-order-table thead th{ color:#8fb2ca!important;font-size:.7rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase; } body.woocommerce-checkout .woocommerce-checkout-review-order-table th:last-child, body.woocommerce-checkout .woocommerce-checkout-review-order-table td:last-child{text-align:right;} body.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total th, body.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total td{ padding-top:19px!important;border-bottom:0!important;color:#fff!important;font-size:1.08rem; } body.woocommerce-checkout #payment{ margin-top:6px!important;border:1px solid rgba(118,216,255,.14)!important;border-radius:18px!important; background:rgba(2,13,26,.5)!important;overflow:hidden; } body.woocommerce-checkout #payment ul.payment_methods{padding:18px!important;border-bottom:1px solid rgba(118,216,255,.12)!important;} body.woocommerce-checkout #payment ul.payment_methods li{margin:0 0 10px!important;color:var(--peps-text)!important;} body.woocommerce-checkout #payment div.payment_box{ margin:12px 0!important;border-radius:12px!important;background:rgba(19,51,79,.72)!important;color:#c8dceb!important; } body.woocommerce-checkout #payment div.payment_box::before{border-bottom-color:rgba(19,51,79,.72)!important;} body.woocommerce-checkout #payment .place-order{padding:18px!important;margin:0!important;} body.woocommerce-checkout #place_order{ width:100%!important;min-height:56px!important;border:0!important;border-radius:15px!important; background:linear-gradient(135deg,#32c9df,#586cff 58%,#7863ed)!important;color:#fff!important; font-size:.9rem!important;font-weight:900!important;letter-spacing:.045em!important;text-transform:uppercase!important; box-shadow:0 14px 32px rgba(57,92,225,.28)!important; } body.woocommerce-checkout #place_order:hover, body.woocommerce-checkout #place_order:focus-visible{filter:brightness(1.08)!important;transform:translateY(-1px);} body.woocommerce-checkout .woocommerce-privacy-policy-text, body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper{color:#91aec3;font-size:.82rem;line-height:1.65;} body.woocommerce-checkout .woocommerce-privacy-policy-text a, body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper a{color:#8fdfff;} /* WooCommerce Checkout Block support. */ body.woocommerce-checkout .wc-block-checkout{ width:min(1180px,calc(100% - 40px));margin:clamp(32px,5vw,72px) auto!important; color:var(--peps-text)!important; } body.woocommerce-checkout .wc-block-checkout__main, body.woocommerce-checkout .wc-block-checkout__sidebar{ padding:clamp(22px,3vw,32px)!important;border:1px solid rgba(118,216,255,.17)!important;border-radius:24px!important; background:linear-gradient(145deg,rgba(10,31,55,.95),rgba(5,19,36,.96))!important; box-shadow:0 24px 70px rgba(0,8,24,.25)!important; } body.woocommerce-checkout .wc-block-components-text-input input, body.woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control input{ border-color:rgba(118,216,255,.2)!important;border-radius:14px!important;background:rgba(2,13,26,.7)!important;color:var(--peps-text)!important; } body.woocommerce-checkout .wc-block-components-checkout-place-order-button{ min-height:56px!important;border:0!important;border-radius:15px!important; background:linear-gradient(135deg,#32c9df,#586cff 58%,#7863ed)!important;color:#fff!important;font-weight:900!important; } @media(max-width:900px){ body.woocommerce-checkout form.checkout{grid-template-columns:1fr;gap:20px;} body.woocommerce-checkout form.checkout #customer_details, body.woocommerce-checkout form.checkout #order_review_heading, body.woocommerce-checkout form.checkout #order_review{grid-column:1;grid-row:auto;} body.woocommerce-checkout form.checkout #order_review{position:static;} } @media(max-width:600px){ body.woocommerce-checkout .woocommerce, body.woocommerce-checkout .wc-block-checkout{width:calc(100% - 24px)!important;margin:24px auto 40px!important;} body.woocommerce-checkout .woocommerce-billing-fields, body.woocommerce-checkout .woocommerce-shipping-fields, body.woocommerce-checkout .woocommerce-additional-fields, body.woocommerce-checkout #order_review, body.woocommerce-checkout .wc-block-checkout__main, body.woocommerce-checkout .wc-block-checkout__sidebar{padding:18px!important;border-radius:19px!important;} body.woocommerce-checkout .form-row-first, body.woocommerce-checkout .form-row-last{float:none!important;width:100%!important;} } \n\n/* PEPS 0.14.19.2 true catalog search and checkout structure repair. */\n.peps-catalog__search{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;}\n.peps-catalog__search button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:11px;background:linear-gradient(135deg,#32c9df,#586cff);color:#fff;font-weight:900;cursor:pointer;}\n.peps-catalog__search button:hover,.peps-catalog__search button:focus-visible{filter:brightness(1.08);transform:translateY(-1px);}\nbody.woocommerce-cart .elementor-widget-heading:has(.elementor-heading-title),\nbody.woocommerce-checkout .elementor-widget-heading:has(.elementor-heading-title){max-width:100%;}\nbody.woocommerce-checkout form.checkout{\n display:grid!important;grid-template-columns:minmax(0,1fr) minmax(340px,420px)!important;grid-template-rows:auto auto!important;gap:24px 30px!important;align-items:start!important;width:100%!important;max-width:none!important;\n}\nbody.woocommerce-checkout form.checkout::before,\nbody.woocommerce-checkout form.checkout::after{content:none!important;display:none!important;}\nbody.woocommerce-checkout form.checkout> wc-order-attribution-inputs{display:none!important;}\nbody.woocommerce-checkout form.checkout #customer_details{grid-column:1!important;grid-row:1 / span 2!important;display:block!important;min-width:0!important;width:100%!important;}\nbody.woocommerce-checkout form.checkout #customer_details::before,\nbody.woocommerce-checkout form.checkout #customer_details::after{content:none!important;display:none!important;}\nbody.woocommerce-checkout form.checkout #customer_details>.col-1,\nbody.woocommerce-checkout form.checkout #customer_details>.col-2{float:none!important;clear:none!important;width:100%!important;max-width:none!important;margin:0!important;min-width:0!important;}\nbody.woocommerce-checkout form.checkout #customer_details>.col-2{margin-top:22px!important;}\nbody.woocommerce-checkout form.checkout #order_review_heading{grid-column:2!important;grid-row:1!important;min-width:0!important;width:100%!important;margin:0 0 -8px!important;}\nbody.woocommerce-checkout form.checkout #order_review{grid-column:2!important;grid-row:2!important;min-width:0!important;width:100%!important;max-width:none!important;}\nbody.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,\nbody.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,\nbody.woocommerce-checkout .woocommerce-additional-fields__field-wrapper{display:flow-root!important;width:100%!important;}\nbody.woocommerce-checkout .woocommerce-billing-fields__field-wrapper::after,\nbody.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper::after,\nbody.woocommerce-checkout .woocommerce-additional-fields__field-wrapper::after{content:"";display:table;clear:both;}\nbody.woocommerce-checkout .form-row{box-sizing:border-box!important;}\nbody.woocommerce-checkout .form-row-first,body.woocommerce-checkout .form-row-last{width:calc(50% - 8px)!important;}\nbody.woocommerce-checkout .form-row-first{float:left!important;clear:left!important;}\nbody.woocommerce-checkout .form-row-last{float:right!important;clear:right!important;}\nbody.woocommerce-checkout .form-row-wide{float:none!important;clear:both!important;width:100%!important;}\n@media(max-width:900px){\n body.woocommerce-checkout form.checkout{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto!important;}\n body.woocommerce-checkout form.checkout #customer_details,body.woocommerce-checkout form.checkout #order_review_heading,body.woocommerce-checkout form.checkout #order_review{grid-column:1!important;grid-row:auto!important;}\n body.woocommerce-checkout form.checkout #order_review{position:static!important;}\n}\n@media(max-width:600px){\n body.woocommerce-checkout .form-row-first,body.woocommerce-checkout .form-row-last{float:none!important;clear:both!important;width:100%!important;}\n}\n /* PEPS 0.14.20 reversible checkout experiment and scientific catalog loading state. */ .peps-catalog__search:focus-within{outline:0!important;box-shadow:none!important;} .peps-catalog__search input[type="search"]:focus, .peps-catalog__search input[type="search"]:focus-visible{outline:0!important;box-shadow:0 0 0 1px rgba(73,214,235,.34),0 0 22px rgba(73,214,235,.12)!important;border-color:rgba(73,214,235,.72)!important;} .peps-catalog-search-loader{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:12px;min-height:42px;padding:8px 14px;color:#9edff0;font-size:.82rem;font-weight:700;letter-spacing:.03em;} .peps-catalog-search-loader[hidden]{display:none!important;} .peps-molecule-loader{position:relative;width:44px;height:24px;display:inline-block;} .peps-molecule-loader i{position:absolute;width:8px;height:8px;border-radius:50%;background:#5de4ed;box-shadow:0 0 12px rgba(93,228,237,.8);animation:peps-molecule-pulse 1s ease-in-out infinite;} .peps-molecule-loader i:nth-child(1){left:0;top:8px}.peps-molecule-loader i:nth-child(2){left:12px;top:0;animation-delay:.12s}.peps-molecule-loader i:nth-child(3){left:24px;top:16px;animation-delay:.24s}.peps-molecule-loader i:nth-child(4){left:36px;top:8px;animation-delay:.36s} .peps-molecule-loader::before,.peps-molecule-loader::after{content:"";position:absolute;left:5px;top:11px;width:34px;height:1px;background:linear-gradient(90deg,#5de4ed,#7a70ff);transform-origin:center;opacity:.75;} .peps-molecule-loader::before{transform:rotate(24deg)}.peps-molecule-loader::after{transform:rotate(-24deg)} @keyframes peps-molecule-pulse{0%,100%{transform:scale(.7);opacity:.5}50%{transform:scale(1.2);opacity:1}} body.peps-custom-checkout-enabled .elementor-location-single, body.peps-custom-checkout-enabled main#content>.page-header{display:none!important;} body.peps-custom-checkout-enabled .elementor-widget-heading:has(.elementor-heading-title){display:none!important;} .peps-checkout-experience{width:min(1240px,calc(100% - 32px));margin:36px auto 72px;} .peps-checkout-experience__hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:28px;align-items:end;margin-bottom:28px;padding:30px;border:1px solid rgba(113,190,225,.18);border-radius:28px;background:radial-gradient(circle at 90% 10%,rgba(83,104,255,.18),transparent 35%),linear-gradient(145deg,rgba(8,29,48,.98),rgba(8,22,39,.94));box-shadow:0 28px 70px rgba(0,8,20,.24);} .peps-checkout-experience__hero h1{margin:.35rem 0 .55rem!important;font-size:clamp(2rem,4vw,3.4rem)!important;line-height:1.02!important;color:#fff!important;} .peps-checkout-experience__hero p{margin:0;max-width:650px;color:#a9c2d4;font-size:1rem;line-height:1.7;} .peps-checkout-experience__assurance{display:grid;gap:9px;} .peps-checkout-experience__assurance span{position:relative;padding:11px 14px 11px 38px;border:1px solid rgba(92,218,231,.14);border-radius:14px;background:rgba(7,20,34,.58);color:#d9f4fa;font-size:.85rem;font-weight:700;} .peps-checkout-experience__assurance span::before{content:"";position:absolute;left:14px;top:50%;width:10px;height:10px;border-radius:50%;background:#58dce9;box-shadow:0 0 0 4px rgba(88,220,233,.12);transform:translateY(-50%);} .peps-checkout-experience__body>.woocommerce{width:100%!important;max-width:none!important;margin:0!important;} body.peps-custom-checkout-enabled form.checkout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(360px,430px)!important;gap:28px!important;align-items:start!important;width:100%!important;} body.peps-custom-checkout-enabled form.checkout::before,body.peps-custom-checkout-enabled form.checkout::after{display:none!important;content:none!important;} body.peps-custom-checkout-enabled form.checkout #customer_details{grid-column:1!important;display:block!important;width:100%!important;min-width:0!important;} body.peps-custom-checkout-enabled form.checkout #customer_details>.col-1,body.peps-custom-checkout-enabled form.checkout #customer_details>.col-2{float:none!important;width:100%!important;max-width:none!important;margin:0 0 22px!important;} body.peps-custom-checkout-enabled form.checkout #order_review_heading{grid-column:2!important;grid-row:1!important;width:100%!important;margin:0 0 10px!important;} body.peps-custom-checkout-enabled form.checkout #order_review{grid-column:2!important;grid-row:2!important;width:100%!important;min-width:0!important;position:sticky!important;top:110px!important;} body.peps-custom-checkout-enabled form.checkout>wc-order-attribution-inputs{display:none!important;} body.peps-custom-checkout-enabled .woocommerce-billing-fields,body.peps-custom-checkout-enabled .woocommerce-shipping-fields,body.peps-custom-checkout-enabled .woocommerce-additional-fields,body.peps-custom-checkout-enabled #order_review{padding:26px!important;border:1px solid rgba(109,185,222,.16)!important;border-radius:24px!important;background:linear-gradient(160deg,rgba(10,31,51,.98),rgba(7,22,38,.97))!important;box-shadow:0 20px 55px rgba(0,7,18,.2)!important;} body.peps-custom-checkout-enabled .woocommerce-billing-fields h3,body.peps-custom-checkout-enabled .woocommerce-shipping-fields h3,body.peps-custom-checkout-enabled .woocommerce-additional-fields h3,body.peps-custom-checkout-enabled #order_review_heading{color:#f4fbff!important;font-size:1.25rem!important;letter-spacing:-.02em!important;} body.peps-custom-checkout-enabled .woocommerce form .form-row{margin:0 0 16px!important;} body.peps-custom-checkout-enabled .woocommerce form .form-row label{display:block!important;margin:0 0 7px!important;color:#bcd1df!important;font-size:.8rem!important;font-weight:800!important;letter-spacing:.035em!important;} body.peps-custom-checkout-enabled .woocommerce form input.input-text,body.peps-custom-checkout-enabled .woocommerce form textarea,body.peps-custom-checkout-enabled .woocommerce form select,body.peps-custom-checkout-enabled .select2-container .select2-selection{min-height:50px!important;width:100%!important;border:1px solid rgba(126,188,218,.24)!important;border-radius:14px!important;background:#071a2b!important;color:#eefaff!important;box-shadow:none!important;} body.peps-custom-checkout-enabled .woocommerce form input.input-text:focus,body.peps-custom-checkout-enabled .woocommerce form textarea:focus{outline:0!important;border-color:#59dce8!important;box-shadow:0 0 0 3px rgba(89,220,232,.12)!important;} body.peps-custom-checkout-enabled #place_order{width:100%!important;min-height:56px!important;border:0!important;border-radius:16px!important;background:linear-gradient(135deg,#37cddd,#6170ff)!important;color:#fff!important;font-weight:900!important;box-shadow:0 16px 32px rgba(66,126,239,.24)!important;} @media(max-width:900px){.peps-checkout-experience__hero{grid-template-columns:1fr}.peps-checkout-experience{width:min(100% - 22px,760px);margin-top:22px}body.peps-custom-checkout-enabled form.checkout{grid-template-columns:1fr!important}body.peps-custom-checkout-enabled form.checkout #customer_details,body.peps-custom-checkout-enabled form.checkout #order_review_heading,body.peps-custom-checkout-enabled form.checkout #order_review{grid-column:1!important;grid-row:auto!important}body.peps-custom-checkout-enabled form.checkout #order_review{position:static!important}} @media(prefers-reduced-motion:reduce){.peps-molecule-loader i{animation:none!important}} /* PEPS 0.14.20.1 experimental checkout structural correction. * This layer intentionally supersedes WooCommerce float widths and the * earlier experimental grid assignments without changing checkout logic. */ body.peps-custom-checkout-enabled .peps-checkout-experience__body, body.peps-custom-checkout-enabled .peps-checkout-experience__body > .woocommerce, body.peps-custom-checkout-enabled .peps-checkout-experience__body form.checkout { min-width: 0 !important; max-width: none !important; box-sizing: border-box !important; } body.peps-custom-checkout-enabled .peps-checkout-experience__body form.checkout { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(350px, 430px) !important; grid-template-rows: auto auto !important; column-gap: 30px !important; row-gap: 14px !important; align-items: start !important; } body.peps-custom-checkout-enabled .peps-checkout-experience__body form.checkout > #customer_details { grid-column: 1 !important; grid-row: 1 / span 2 !important; align-self: start !important; width: 100% !important; min-width: 0 !important; max-width: none !important; } body.peps-custom-checkout-enabled .peps-checkout-experience__body form.checkout > #order_review_heading { grid-column: 2 !important; grid-row: 1 !important; align-self: end !important; width: auto !important; min-width: 0 !important; max-width: 100% !important; margin: 0 0 0 2px !important; } body.peps-custom-checkout-enabled .peps-checkout-experience__body form.checkout > #order_review { grid-column: 2 !important; grid-row: 2 !important; align-self: start !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; box-sizing: border-box !important; } body.peps-custom-checkout-enabled #customer_details, body.peps-custom-checkout-enabled #customer_details > .col-1, body.peps-custom-checkout-enabled #customer_details > .col-2, body.peps-custom-checkout-enabled .woocommerce-billing-fields, body.peps-custom-checkout-enabled .woocommerce-shipping-fields, body.peps-custom-checkout-enabled .woocommerce-additional-fields { float: none !important; clear: none !important; width: 100% !important; min-width: 0 !important; max-width: none !important; box-sizing: border-box !important; } /* Use an explicit field grid rather than WooCommerce's inherited floats. */ body.peps-custom-checkout-enabled .woocommerce-billing-fields__field-wrapper, body.peps-custom-checkout-enabled .woocommerce-shipping-fields__field-wrapper, body.peps-custom-checkout-enabled .woocommerce-additional-fields__field-wrapper { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px !important; width: 100% !important; min-width: 0 !important; max-width: none !important; } body.peps-custom-checkout-enabled .woocommerce-billing-fields__field-wrapper::before, body.peps-custom-checkout-enabled .woocommerce-billing-fields__field-wrapper::after, body.peps-custom-checkout-enabled .woocommerce-shipping-fields__field-wrapper::before, body.peps-custom-checkout-enabled .woocommerce-shipping-fields__field-wrapper::after, body.peps-custom-checkout-enabled .woocommerce-additional-fields__field-wrapper::before, body.peps-custom-checkout-enabled .woocommerce-additional-fields__field-wrapper::after { content: none !important; display: none !important; } body.peps-custom-checkout-enabled .woocommerce form .form-row, body.peps-custom-checkout-enabled .woocommerce form .form-row-first, body.peps-custom-checkout-enabled .woocommerce form .form-row-last, body.peps-custom-checkout-enabled .woocommerce form .form-row-wide { float: none !important; clear: none !important; width: auto !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; box-sizing: border-box !important; } body.peps-custom-checkout-enabled .woocommerce form .form-row-first, body.peps-custom-checkout-enabled .woocommerce form .form-row-last { grid-column: span 1 !important; } body.peps-custom-checkout-enabled .woocommerce form .form-row-wide, body.peps-custom-checkout-enabled .woocommerce form .form-row.notes, body.peps-custom-checkout-enabled .woocommerce form .peps-research-acknowledgment { grid-column: 1 / -1 !important; } body.peps-custom-checkout-enabled .woocommerce form .woocommerce-input-wrapper, body.peps-custom-checkout-enabled .woocommerce form .select2-container, body.peps-custom-checkout-enabled .woocommerce form input.input-text, body.peps-custom-checkout-enabled .woocommerce form textarea, body.peps-custom-checkout-enabled .woocommerce form select { display: block !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; box-sizing: border-box !important; } /* Coupon controls should remain compact rather than inheriting full-width checkout actions. */ body.peps-custom-checkout-enabled form.checkout_coupon { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: end; } body.peps-custom-checkout-enabled form.checkout_coupon .form-row-first, body.peps-custom-checkout-enabled form.checkout_coupon .form-row-last { width: auto !important; margin: 0 !important; } body.peps-custom-checkout-enabled form.checkout_coupon .button { width: auto !important; min-width: 132px; white-space: nowrap; } body.peps-custom-checkout-enabled #payment .form-row.place-order { display: block !important; width: 100% !important; } body.peps-custom-checkout-enabled #payment .form-row.place-order > *:not(#place_order) { width: auto !important; max-width: 100% !important; } @media (max-width: 980px) { body.peps-custom-checkout-enabled .peps-checkout-experience__body form.checkout { grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: auto !important; row-gap: 20px !important; } body.peps-custom-checkout-enabled .peps-checkout-experience__body form.checkout > #customer_details, body.peps-custom-checkout-enabled .peps-checkout-experience__body form.checkout > #order_review_heading, body.peps-custom-checkout-enabled .peps-checkout-experience__body form.checkout > #order_review { grid-column: 1 !important; grid-row: auto !important; } body.peps-custom-checkout-enabled .peps-checkout-experience__body form.checkout > #order_review { position: static !important; top: auto !important; } } @media (max-width: 640px) { body.peps-custom-checkout-enabled .woocommerce-billing-fields__field-wrapper, body.peps-custom-checkout-enabled .woocommerce-shipping-fields__field-wrapper, body.peps-custom-checkout-enabled .woocommerce-additional-fields__field-wrapper, body.peps-custom-checkout-enabled form.checkout_coupon { grid-template-columns: minmax(0, 1fr) !important; } body.peps-custom-checkout-enabled .woocommerce form .form-row-first, body.peps-custom-checkout-enabled .woocommerce form .form-row-last, body.peps-custom-checkout-enabled form.checkout_coupon .form-row-first, body.peps-custom-checkout-enabled form.checkout_coupon .form-row-last { grid-column: 1 !important; } body.peps-custom-checkout-enabled form.checkout_coupon .button { width: 100% !important; } } /* PEPS 0.14.20.2 — checkout outer-shell containment. * The experimental checkout is a direct child of on Elementor's * full-width template, so constrain that exact node with enough specificity * to defeat theme/global full-width rules. */ body.peps-custom-checkout-enabled > main.peps-checkout-experience[data-peps-checkout-experience] { box-sizing: border-box !important; display: block !important; inline-size: calc(100% - clamp(48px, 8vw, 160px)) !important; width: calc(100% - clamp(48px, 8vw, 160px)) !important; max-inline-size: 1180px !important; max-width: 1180px !important; min-inline-size: 0 !important; margin-block: 36px 72px !important; margin-inline: auto !important; padding: 0 !important; float: none !important; clear: both !important; } body.peps-custom-checkout-enabled > main.peps-checkout-experience[data-peps-checkout-experience] > .peps-checkout-experience__hero, body.peps-custom-checkout-enabled > main.peps-checkout-experience[data-peps-checkout-experience] > .peps-checkout-experience__body { box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-inline: 0 !important; } body.peps-custom-checkout-enabled > main.peps-checkout-experience[data-peps-checkout-experience] .woocommerce, body.peps-custom-checkout-enabled > main.peps-checkout-experience[data-peps-checkout-experience] form.checkout { min-width: 0 !important; max-width: 100% !important; } @media (max-width: 900px) { body.peps-custom-checkout-enabled > main.peps-checkout-experience[data-peps-checkout-experience] { inline-size: calc(100% - 32px) !important; width: calc(100% - 32px) !important; max-inline-size: 760px !important; max-width: 760px !important; margin-block: 24px 56px !important; } } @media (max-width: 520px) { body.peps-custom-checkout-enabled > main.peps-checkout-experience[data-peps-checkout-experience] { inline-size: calc(100% - 20px) !important; width: calc(100% - 20px) !important; margin-block: 14px 40px !important; } } /* PEPS 0.14.20.3 — coupon alignment and freely positioned order summary. * Coupon UI sits outside form.checkout, so explicitly match the left checkout * grid track. Remove the standalone order heading from grid flow and recreate * it inside the summary card so no grid row can hold the card down. */ body.peps-custom-checkout-enabled .peps-checkout-experience__body > .woocommerce > .woocommerce-form-coupon-toggle, body.peps-custom-checkout-enabled .peps-checkout-experience__body > .woocommerce > form.checkout_coupon { box-sizing: border-box !important; width: calc(100% - 460px) !important; max-width: calc(100% - 460px) !important; min-width: 0 !important; margin-left: 0 !important; margin-right: auto !important; } body.peps-custom-checkout-enabled .peps-checkout-experience__body > .woocommerce > .woocommerce-form-coupon-toggle { margin-bottom: 14px !important; } body.peps-custom-checkout-enabled .peps-checkout-experience__body > .woocommerce > form.checkout_coupon { margin-top: 0 !important; margin-bottom: 22px !important; } body.peps-custom-checkout-enabled .peps-checkout-experience__body form.checkout { grid-template-rows: auto !important; } body.peps-custom-checkout-enabled .peps-checkout-experience__body form.checkout > #customer_details { grid-column: 1 !important; grid-row: 1 !important; } body.peps-custom-checkout-enabled .peps-checkout-experience__body form.checkout > #order_review_heading { display: none !important; position: static !important; width: 0 !important; height: 0 !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; overflow: hidden !important; } body.peps-custom-checkout-enabled .peps-checkout-experience__body form.checkout > #order_review { grid-column: 2 !important; grid-row: 1 !important; align-self: start !important; margin-top: 0 !important; top: 110px !important; } body.peps-custom-checkout-enabled .peps-checkout-experience__body form.checkout > #order_review::before { content: "Your order"; display: block !important; margin: 0 0 18px !important; color: #f4fbff !important; font-size: 1.25rem !important; line-height: 1.25 !important; font-weight: 800 !important; letter-spacing: -.02em !important; } @media (max-width: 980px) { body.peps-custom-checkout-enabled .peps-checkout-experience__body > .woocommerce > .woocommerce-form-coupon-toggle, body.peps-custom-checkout-enabled .peps-checkout-experience__body > .woocommerce > form.checkout_coupon { width: 100% !important; max-width: 100% !important; } body.peps-custom-checkout-enabled .peps-checkout-experience__body form.checkout > #order_review { grid-column: 1 !important; grid-row: auto !important; position: static !important; top: auto !important; } } /* PEPS 0.14.21.0 — cohesive visual library, canonical logo, and homepage vision. */ :root{ --peps-ambient-overlay:linear-gradient(90deg,rgba(2,7,18,.94) 0%,rgba(3,12,27,.78) 48%,rgba(2,7,18,.28) 100%); } .peps-header-logo img{width:min(260px,24vw);height:auto;max-height:58px;display:block} .peps-footer-logo{width:min(290px,100%);height:auto;margin:0 0 18px;display:block} .peps-home-vision{overflow:hidden} .peps-home-hero{position:relative;isolation:isolate;min-height:min(820px,88vh);display:grid;align-items:center;background-image:linear-gradient(90deg,rgba(1,5,14,.97) 0%,rgba(2,10,23,.78) 45%,rgba(1,7,17,.30) 100%),url('../images/ambient/cosmic-nebula.svg');background-size:cover;background-position:center} .peps-home-hero::after{content:"";position:absolute;inset:0;z-index:-1;background-image:url('../images/ambient/molecular-network.svg');background-size:cover;background-position:center;opacity:.42;mix-blend-mode:screen} .peps-home-hero__veil{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 73% 45%,rgba(41,140,235,.26),transparent 32%),linear-gradient(180deg,transparent 70%,rgba(1,4,11,.85))} .peps-home-hero__copy{max-width:720px;padding-block:84px 54px} .peps-home-hero h1{max-width:760px;font-size:clamp(3rem,7vw,7.2rem);line-height:.93;letter-spacing:-.06em;text-wrap:balance} .peps-home-hero p{max-width:640px;font-size:clamp(1.05rem,1.5vw,1.32rem);line-height:1.7;color:rgba(232,245,255,.78)} .peps-home-hero .peps-commerce-hero__grid{position:relative;z-index:2;align-items:center} .peps-home-hero .peps-hero-orbit{transform:scale(1.08)} .peps-home-hero .peps-hero-vial{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#fff;text-shadow:0 0 18px rgba(84,189,255,.8)} .peps-home-hero .peps-hero-vial b{font-size:18px;letter-spacing:.15em} .peps-home-hero .peps-hero-vial small{font-size:8px;letter-spacing:.22em;color:#8ed9ff} .peps-trust-ribbon{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(103,195,255,.18);border-bottom:1px solid rgba(103,195,255,.18);background:rgba(3,11,25,.58);backdrop-filter:blur(16px)} .peps-trust-ribbon span{padding:20px 18px;text-align:center;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:#dff5ff;border-right:1px solid rgba(103,195,255,.14)} .peps-trust-ribbon span:last-child{border-right:0} .peps-section-heading--split{display:flex;align-items:end;justify-content:space-between;gap:32px} .peps-section-heading--split>div{max-width:760px} .peps-text-link{white-space:nowrap;color:#80d2ff;font-weight:700} .peps-home-proof{position:relative;isolation:isolate;min-height:560px;display:grid;align-items:center;background:url('../images/ambient/lab-environment.webp') center/cover no-repeat fixed} .peps-home-proof__overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(1,6,16,.97) 0%,rgba(2,12,28,.88) 46%,rgba(2,9,20,.52) 100%)} .peps-home-proof__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:72px;align-items:center;padding-block:86px} .peps-home-proof h2{font-size:clamp(2.2rem,4vw,4.7rem);line-height:1;max-width:760px} .peps-home-proof p{max-width:680px;color:rgba(229,243,255,.76);font-size:1.08rem;line-height:1.75} .peps-proof-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .peps-proof-list li{min-height:130px;padding:24px;border:1px solid rgba(102,196,255,.2);border-radius:22px;background:rgba(5,18,37,.62);backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)} .peps-proof-list strong{display:block;font-size:clamp(1.7rem,3vw,3rem);color:#80d3ff;letter-spacing:-.04em} .peps-proof-list span{display:block;margin-top:7px;color:rgba(232,246,255,.7)} .peps-ambient-card{position:relative;overflow:hidden;isolation:isolate;min-height:310px;display:flex;flex-direction:column;justify-content:flex-end} .peps-ambient-card::before{content:"";position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;opacity:.72;transition:transform .7s ease,opacity .7s ease} .peps-ambient-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(2,7,17,.18),rgba(2,7,17,.96) 76%)} .peps-ambient-card:hover::before{transform:scale(1.05);opacity:.9} .peps-ambient-card--network::before{background-image:url('../images/ambient/molecular-network.svg')} .peps-ambient-card--dna::before{background-image:url('../images/ambient/dna-helix.svg')} .peps-ambient-card--hud::before{background-image:url('../images/ambient/tech-hud.svg')} .peps-home-resources{position:relative;overflow:hidden;display:flex;justify-content:space-between;gap:44px;align-items:center;padding:clamp(34px,5vw,72px);background-image:linear-gradient(90deg,rgba(3,10,24,.96),rgba(3,12,27,.72)),url('../images/ambient/particle-wave.webp');background-size:cover;background-position:center} .peps-home-resources>div:first-child{max-width:760px} /* Page-specific ambient library assignments. */ body.page-id-1676 .peps-checkout-experience__hero, body.woocommerce-checkout .peps-checkout-experience__hero{background-image:linear-gradient(90deg,rgba(2,8,19,.95),rgba(3,17,38,.76)),url('../images/ambient/tech-hud.svg');background-size:cover;background-position:center} body.woocommerce-account .site-main, body.woocommerce-account main{background-image:linear-gradient(rgba(2,7,17,.90),rgba(2,7,17,.96)),url('../images/ambient/molecular-network.svg');background-size:cover;background-position:center top;background-attachment:fixed} .peps-resource-hero{background-image:linear-gradient(90deg,rgba(2,8,19,.95),rgba(3,17,38,.72)),url('../images/ambient/particle-wave.webp');background-size:cover;background-position:center} .peps-catalog__hero,.peps-catalog-hero{background-image:linear-gradient(90deg,rgba(2,8,19,.95),rgba(3,17,38,.72)),url('../images/ambient/connected-landscape.svg');background-size:cover;background-position:center} .peps-coa-hero,.peps-lab-tests-hero{background-image:linear-gradient(90deg,rgba(2,8,19,.95),rgba(3,17,38,.72)),url('../images/ambient/dna-helix.svg');background-size:cover;background-position:center} .peps-single-product::before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(rgba(2,7,16,.94),rgba(2,7,16,.98)),url('../images/ambient/hex-grid.svg') center/cover no-repeat} .peps-search-results{background-image:linear-gradient(rgba(2,8,19,.90),rgba(2,8,19,.96)),url('../images/ambient/microscopic-cells.svg');background-size:cover;background-position:center;border-radius:28px;padding-block:48px} .peps-mission-footer{position:relative;isolation:isolate;background-image:linear-gradient(rgba(1,5,13,.92),rgba(1,5,13,.98)),url('../images/ambient/lab-environment.webp');background-size:cover;background-position:center 58%} .peps-mission-footer::after{content:"";position:absolute;inset:0;z-index:-1;background-image:url('../images/ambient/molecular-network.svg');background-size:cover;opacity:.15} @media (max-width:1024px){ .peps-home-hero{min-height:auto} .peps-home-proof{background-attachment:scroll} .peps-home-proof__grid{grid-template-columns:1fr;gap:36px} .peps-trust-ribbon{grid-template-columns:repeat(2,1fr)} .peps-trust-ribbon span:nth-child(2){border-right:0} .peps-home-resources{align-items:flex-start;flex-direction:column} } @media (max-width:767px){ .peps-header-logo img{width:190px;max-height:48px} .peps-home-hero__copy{padding-block:64px 30px} .peps-home-hero h1{font-size:clamp(2.7rem,15vw,4.7rem)} .peps-trust-ribbon{grid-template-columns:1fr} .peps-trust-ribbon span{border-right:0;border-bottom:1px solid rgba(103,195,255,.14)} .peps-section-heading--split{display:block} .peps-section-heading--split .peps-text-link{display:inline-block;margin-top:18px} .peps-home-proof__grid{padding-block:62px} .peps-proof-list{grid-template-columns:1fr} .peps-home-resources{padding:30px 22px} } @media (prefers-reduced-motion:reduce){.peps-ambient-card::before{transition:none}.peps-home-proof{background-attachment:scroll}} /* ========================================================================== PEPS 0.14.21.1 — Reliable ambient placement on live page containers ========================================================================== */ /* Research Catalog: the live catalog has no separate hero in the shortcode. Place the connected landscape directly on its visible toolbar panel. */ body .peps-catalog > .peps-catalog__toolbar, body .peps-catalog .peps-catalog__toolbar.peps-surface { position: relative; isolation: isolate; overflow: hidden; background-color: #061225 !important; background-image: linear-gradient(90deg,rgba(2,8,19,.96) 0%,rgba(3,17,38,.82) 52%,rgba(2,8,19,.54) 100%), url('../images/ambient/connected-landscape.svg') !important; background-size: cover !important; background-position: center 58% !important; background-repeat: no-repeat !important; } body .peps-catalog > .peps-catalog__toolbar::after { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:radial-gradient(circle at 78% 42%,rgba(55,166,255,.18),transparent 42%); } /* Checkout: force the HUD onto the actual custom checkout hero, including Elementor full-width and WooCommerce generated page contexts. */ body.peps-custom-checkout-enabled main.peps-checkout-experience > .peps-checkout-experience__hero, body.woocommerce-checkout .peps-checkout-experience .peps-checkout-experience__hero { position:relative; isolation:isolate; overflow:hidden; background-color:#061225 !important; background-image: linear-gradient(90deg,rgba(2,8,19,.97) 0%,rgba(3,17,38,.83) 54%,rgba(2,8,19,.48) 100%), url('../images/ambient/tech-hud.svg') !important; background-size:cover !important; background-position:center !important; background-repeat:no-repeat !important; } body.peps-custom-checkout-enabled .peps-checkout-experience__hero::before { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(180deg,rgba(73,177,255,.08),transparent 62%); } /* Account and login: target both WooCommerce's wrappers and the custom PEPS dashboard/form panels instead of relying on an unspecified main element. */ body.woocommerce-account .elementor-location-single, body.woocommerce-account .site-main, body.woocommerce-account main#content, body.woocommerce-account .woocommerce, body.page-template-elementor_header_footer.woocommerce-account .elementor-page { position:relative; } body.woocommerce-account .woocommerce, body.woocommerce-account .peps-dashboard, body.woocommerce-account form.woocommerce-form-login, body.woocommerce-account form.woocommerce-form-register, body.woocommerce-account .woocommerce-MyAccount-content, body.woocommerce-account .woocommerce-MyAccount-navigation { background-color:rgba(4,13,29,.90) !important; background-image: linear-gradient(rgba(2,7,17,.82),rgba(2,7,17,.94)), url('../images/ambient/molecular-network.svg') !important; background-size:cover !important; background-position:center !important; background-repeat:no-repeat !important; } body.woocommerce-account .woocommerce, body.woocommerce-account .peps-dashboard { border-radius:28px; padding:clamp(22px,4vw,52px); } /* Product pages: attach the hex field to the visible product main element. The old fixed pseudo-element could sit behind the page/body background. */ body.single-product main.peps-single-product, body.single-product .peps-single-product { position:relative; isolation:isolate; background-color:#030a17 !important; background-image: linear-gradient(rgba(2,7,16,.91),rgba(2,7,16,.97)), url('../images/ambient/hex-grid.svg') !important; background-size:cover !important; background-position:center top !important; background-repeat:no-repeat !important; border-radius:32px; padding:clamp(18px,3vw,42px); } body.single-product .peps-single-product::before { display:none !important; } /* Search: cover both the PEPS shortcode result container and native/Elementor WordPress search templates. */ body.search .peps-search-results, body.search-results .peps-search-results, body.search .site-main, body.search-results .site-main, body.search .elementor-location-archive, body.search-results .elementor-location-archive { position:relative; isolation:isolate; background-color:#041024 !important; background-image: linear-gradient(rgba(2,8,19,.86),rgba(2,8,19,.95)), url('../images/ambient/microscopic-cells.svg') !important; background-size:cover !important; background-position:center !important; background-repeat:no-repeat !important; } body.search .site-main, body.search-results .site-main, body.search .elementor-location-archive, body.search-results .elementor-location-archive { border-radius:28px; padding:clamp(24px,4vw,52px); } @media (max-width:767px){ body .peps-catalog > .peps-catalog__toolbar{background-position:68% center !important} body.single-product main.peps-single-product{border-radius:20px;padding:16px} body.woocommerce-account .woocommerce,body.woocommerce-account .peps-dashboard{border-radius:20px;padding:18px} } /* ========================================================================== PEPS 0.14.21.2 — Ambient layer visibility correction Dedicated visual layers prevent opaque nested panels from hiding artwork. ========================================================================== */ /* Shared stacking contract for corrected ambient regions. */ body.single-product .peps-single-product, body.woocommerce-account .woocommerce, body.woocommerce-account .peps-dashboard, body.search .site-main, body.search-results .site-main, body.search .elementor-location-archive, body.search-results .elementor-location-archive { position: relative !important; isolation: isolate !important; overflow: hidden; background-image: none !important; } body.single-product .peps-single-product > *, body.woocommerce-account .woocommerce > *, body.woocommerce-account .peps-dashboard > *, body.search .site-main > *, body.search-results .site-main > *, body.search .elementor-location-archive > *, body.search-results .elementor-location-archive > * { position: relative; z-index: 1; } /* Product pages: one visible full-product ambient layer. */ body.single-product .peps-single-product::before { content: "" !important; display: block !important; position: absolute !important; inset: 0 !important; z-index: 0 !important; pointer-events: none !important; background-image: linear-gradient(115deg,rgba(2,7,16,.94) 0%,rgba(3,13,29,.84) 48%,rgba(2,7,16,.94) 100%), url('../images/ambient/hex-grid.svg') !important; background-size: cover !important; background-position: center top !important; background-repeat: no-repeat !important; opacity: 1 !important; } body.single-product .peps-single-product::after { content:""; position:absolute; inset:0; z-index:0; pointer-events:none; background:radial-gradient(circle at 18% 24%,rgba(53,166,255,.18),transparent 34%); } body.single-product .peps-single-product .product, body.single-product .peps-single-product .woocommerce-product-gallery, body.single-product .peps-single-product .summary, body.single-product .peps-single-product .woocommerce-tabs, body.single-product .peps-single-product .related, body.single-product .peps-single-product .upsells { position:relative; z-index:1; } body.single-product .peps-single-product .woocommerce-product-gallery, body.single-product .peps-single-product .summary, body.single-product .peps-single-product .woocommerce-tabs, body.single-product .peps-single-product .related, body.single-product .peps-single-product .upsells { background:rgba(4,13,29,.76) !important; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); border:1px solid rgba(121,196,255,.12); } /* Account and login: one page panel image, translucent nested cards. */ body.woocommerce-account .woocommerce::before, body.woocommerce-account .peps-dashboard::before { content:""; position:absolute; inset:0; z-index:0; pointer-events:none; background-image: linear-gradient(115deg,rgba(2,7,17,.93),rgba(3,15,33,.78),rgba(2,7,17,.94)), url('../images/ambient/molecular-network.svg'); background-size:cover; background-position:center; background-repeat:no-repeat; } body.woocommerce-account form.woocommerce-form-login, body.woocommerce-account form.woocommerce-form-register, body.woocommerce-account .woocommerce-MyAccount-content, body.woocommerce-account .woocommerce-MyAccount-navigation { position:relative; z-index:1; background:rgba(4,13,29,.74) !important; background-image:none !important; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); border:1px solid rgba(121,196,255,.13); } /* Search: one archive-level image with transparent result cards above it. */ body.search .site-main::before, body.search-results .site-main::before, body.search .elementor-location-archive::before, body.search-results .elementor-location-archive::before { content:""; position:absolute; inset:0; z-index:0; pointer-events:none; background-image: linear-gradient(115deg,rgba(2,8,19,.93),rgba(4,17,37,.80),rgba(2,8,19,.95)), url('../images/ambient/microscopic-cells.svg'); background-size:cover; background-position:center; background-repeat:no-repeat; } body.search .site-main article, body.search-results .site-main article, body.search .elementor-location-archive article, body.search-results .elementor-location-archive article, body.search .peps-search-results, body.search-results .peps-search-results { position:relative; z-index:1; background:rgba(4,13,29,.72) !important; background-image:none !important; backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); } @media (max-width:767px){ body.single-product .peps-single-product::before{background-position:35% top !important} body.woocommerce-account .woocommerce::before, body.woocommerce-account .peps-dashboard::before{background-position:42% center} body.search .site-main::before, body.search-results .site-main::before{background-position:58% center} }