/* dpCREATOR "Prota" look: black ground, Inter, thin glowing headings, white buttons, quiet cards.
   Dark theme (default) and a matching white version for visitors who pick the light theme (html.dpc-light).
   Loaded by the dpc_prota add-on after every other stylesheet. Turn it off in Extensions > Modules > dpCREATOR look. */
@import url(fonts.css);

/* ---------- tokens (also re-points the shop dark sheet's variables) ---------- */
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3){--k-bg:#000;--k-card:#0a0a0a;--k-card2:#111;--k-line:#262626;--k-text:#f4f4f4;--k-body:#c9c9c9;--k-mute:#9c9c9c;--k-link:#7ccbf7;--k-acc:#2b8fe0;
  --p-font:'DPC Inter',Inter,system-ui,-apple-system,'Segoe UI',sans-serif;--p-glow:0 0 22px rgba(255,255,255,.26)}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3):not(.route-common-home){--k-bg:#000;--k-card:#0a0a0a;--k-card2:#111;--k-line:#262626;--k-text:#f4f4f4;--k-body:#c9c9c9;--k-mute:#9c9c9c}

/* ---------- ground and type ---------- */
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .site-wrapper{background:#000!important;color:#c9c9c9;font-family:var(--p-font)!important;-webkit-font-smoothing:antialiased}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body p,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body li,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body td,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body label,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body input,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body select,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body textarea,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body button,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body .btn{font-family:var(--p-font)!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) #content h1,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .page-title,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .title-wrapper .title,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) h1.title,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .dph h1,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .dpx h1,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .dpx h2{font-family:var(--p-font)!important;font-weight:300!important;letter-spacing:-.03em!important;text-transform:none!important;color:#f4f4f4!important;text-shadow:var(--p-glow)}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) #content h2,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .module-title,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) #content h3,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) #content h4,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .dpx h3{font-family:var(--p-font)!important;font-weight:500!important;letter-spacing:-.01em;text-transform:none!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .title-wrapper .title::after,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .page-title::after,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .page-title span::after,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .title-wrapper .title span::after{display:none!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body .site-wrapper>h1.page-title,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body h1.title.page-title{font-family:var(--p-font)!important;font-weight:300!important;font-size:clamp(30px,3.4vw,48px)!important;letter-spacing:-.03em!important;text-transform:none!important;color:#f4f4f4!important;text-shadow:var(--p-glow)!important;background:#000!important;border:0!important;padding-top:46px!important;padding-bottom:30px!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body .breadcrumb{background:#000!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body .breadcrumb a,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body .breadcrumb li{font-family:var(--p-font)!important;text-transform:none!important;color:#8c8c8c!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) a{color:#7ccbf7}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) a:hover{color:#b5e2fb}

/* ---------- header ---------- */
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) header,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .header{background:rgba(10,10,10,.86)!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid #1a1a1a}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .top-bar{background:#000!important;border-bottom:1px solid #141414}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .top-bar a,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .top-bar .dropdown-toggle,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .top-bar span{font-family:var(--p-font)!important;font-size:12px!important;font-weight:400!important;text-transform:none!important;color:#9c9c9c!important;letter-spacing:0!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .top-bar a:hover{color:#fff!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .mid-bar{background:transparent!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .main-menu .j-menu>li>a,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .desktop-main-menu-wrapper .j-menu>li>a{font-family:var(--p-font)!important;font-weight:400!important;font-size:14px!important;text-transform:none!important;letter-spacing:0!important;color:#e6e6e6!important;background:transparent!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .main-menu .j-menu>li:hover>a,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .main-menu .j-menu>li.active>a{color:#fff!important;text-shadow:0 0 14px rgba(255,255,255,.35)}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .main-menu .dropdown-menu,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .mega-menu-content,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .j-dropdown .dropdown-menu{background:#0a0a0a!important;border:1px solid #262626!important;border-radius:14px!important;box-shadow:0 24px 60px rgba(0,0,0,.6)!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .header-cart-group .btn,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .header-cart-group a,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .desktop-search-wrapper .search-trigger{color:#d6d6d6!important;background:transparent!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .mobile-header,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .mobile-bar,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .mobile-header-active .mobile-header{background:rgba(10,10,10,.92)!important;border-bottom:1px solid #1a1a1a}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .mobile-container,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .mobile-wrapper{background:#050505!important}

/* the pre-launch / notice strip */
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .grid-row-top-3{background:#0b1a2a!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .grid-row-top-3 *{text-transform:none!important;font-family:var(--p-font)!important;letter-spacing:0!important;font-weight:400!important;color:#b9ddf7!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .notification-wrapper,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .header-notice,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .notice-module{background:#0b1a2a!important;color:#b9ddf7!important;text-transform:none!important;font-family:var(--p-font)!important;letter-spacing:0!important}

/* ---------- buttons ---------- */
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .btn-primary,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) #button-cart,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .btn-cart,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .button-cart,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) #button-confirm,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .btn-checkout,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .cart-buttons .btn,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) #button-login,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .buttons .btn-primary{background:#f2f2f2!important;color:#0a0a0a!important;border:0!important;border-radius:9px!important;font-weight:500!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .btn-primary:hover,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) #button-cart:hover,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .btn-cart:hover,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) #button-confirm:hover{background:#fff!important;color:#000!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .btn-default,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .btn-secondary,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .btn-light{background:transparent!important;color:#eaeaea!important;border:1px solid #3a3a3a!important;border-radius:9px!important;text-transform:none!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .btn-default:hover,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .btn-secondary:hover{border-color:#7ccbf7!important;color:#fff!important}

/* ---------- forms ---------- */
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .form-control,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) input[type=text],html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) input[type=email],html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) input[type=password],html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) input[type=tel],html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) select,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) textarea{background:#0a0a0a!important;color:#eee!important;border:1px solid #333!important;border-radius:9px!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .form-control:focus{border-color:#7ccbf7!important;box-shadow:0 0 0 3px rgba(124,203,247,.15)!important}

/* ---------- product cards (category, search, related, modules) ---------- */
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .product-thumb{background:#050505!important;border:1px solid #262626!important;border-radius:18px!important;overflow:hidden;box-shadow:none!important;transition:border-color .2s}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .product-thumb:hover{border-color:#3a4552!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .product-thumb .image{background:#0d0d0d!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .product-thumb .name a{font-family:var(--p-font)!important;font-weight:500!important;font-size:16px!important;color:#f0f0f0!important;text-transform:none!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .product-thumb .description{color:#9c9c9c!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .product-thumb .price,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .product-thumb .price-new,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .product-thumb .price-normal{color:#f4f4f4!important;font-weight:500!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .product-thumb .price-old{color:#7a7a7a!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .product-label b,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .product-labels .product-label{border-radius:999px!important;background:#13263a!important;color:#7ccbf7!important;font-weight:500!important;text-transform:none!important}

/* ---------- product page ---------- */
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3).route-product-product .product-image,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3).route-product-product .product-image .main-image{background:#000!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3).route-product-product .product-image img{border-radius:18px}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3).route-product-product .product-details .title,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3).route-product-product .product-info h1{font-weight:300!important;font-size:clamp(34px,3.6vw,52px)!important;line-height:1.05!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3).route-product-product .product-price,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3).route-product-product .product-price-new{font-family:var(--p-font)!important;font-weight:500!important;color:#f4f4f4!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3).route-product-product .product-details .button-group-page,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3).route-product-product .product-details .stepper{border-radius:12px!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3).route-product-product .product-stats li,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3).route-product-product .product-stats b{color:#9c9c9c!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3).route-product-product .tabs-container .nav-tabs>li>a{font-family:var(--p-font)!important;text-transform:none!important;font-weight:500!important;background:transparent!important;border:0!important;color:#9c9c9c!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3).route-product-product .tabs-container .nav-tabs>li.active>a{color:#fff!important;border-bottom:2px solid #fff!important}


html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3).route-product-product .product-image .swiper-container,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3).route-product-product .product-image .additional-images .swiper-container{background:#000!important;border:1px solid #262626!important;border-radius:18px!important;box-shadow:none!important;outline:0!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3).route-product-product .product-image .additional-image img,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3).route-product-product .additional-images img{border-radius:10px;background:#000}
/* ---------- footer ---------- */
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) footer,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) footer .grid-row{background:#000!important;border-top:1px solid #1a1a1a}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) footer .title,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) footer .module-title,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body footer .title.module-title{color:#ededed!important;font-family:var(--p-font)!important;font-weight:500!important;font-size:14px!important;text-transform:none!important;text-shadow:none!important;letter-spacing:0!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) footer a{color:#9c9c9c!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) footer a:hover{color:#fff!important}

/* ---------- the shop's own sections inside category and product texts (.dpch, .dpcp) ---------- */
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .dpch{background:radial-gradient(ellipse at 75% 40%,#121518 0%,#050505 65%)!important;border:1px solid #262626!important;border-radius:18px!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .dpch-h,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) #content .dpch-h,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) #content [class^="dpc"] h2,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) #content [class^="dpc"] h1{font-family:var(--p-font)!important;font-weight:300!important;letter-spacing:-.035em!important;text-transform:none!important;color:#f4f4f4!important;text-shadow:var(--p-glow)!important}

/* ======================================================================
   HOME PAGE (.dpp, put in the home page module)
   ====================================================================== */
.dpp{--w:1320px;text-align:left;background:#000;color:#e9e9e9;font-family:var(--p-font,'DPC Inter',Inter,sans-serif);-webkit-font-smoothing:antialiased;width:100vw;margin-left:calc(50% - 50vw);overflow:hidden}
.dpp *{box-sizing:border-box}
.dpp a{text-decoration:none}
.dpp p{margin:0}
.dpp .pp-w{max-width:var(--w);margin:0 auto;padding:0 40px}
.dpp .pp-t{font-family:inherit!important;font-weight:300!important;letter-spacing:-.035em!important;line-height:1.04;margin:0;color:#f4f4f4!important;text-shadow:0 0 22px rgba(255,255,255,.28);text-transform:none!important}
.dpp .pp-h2{font-size:clamp(38px,5.2vw,72px)!important}
.dpp .pp-sub{font-size:17px;line-height:1.55;color:#a3a3a3}
.dpp .pp-c{text-align:center}
.dpp img{display:block;max-width:100%}
.dpp .pp-fill{width:100%;height:100%;object-fit:cover}
.dpp .pp-contain{width:100%;height:100%;object-fit:contain}
.dpp .pp-sec{padding:110px 0}
.dpp .pp-line{border-top:1px solid #1a1a1a}
.dpp .pp-g2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:48px;align-items:center}
.dpp .pp-g3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:22px}
.dpp .pp-pill{display:inline-flex;align-items:center;gap:4px;padding:5px;border:1px solid #3a3a3a;border-radius:12px;background:#0a0a0a}
.dpp .pp-pill>span{padding:0 16px 0 12px;font-size:16px;font-weight:500;color:#f4f4f4}
.dpp .pp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:9px;font-weight:500;font-size:15px;background:#f2f2f2;color:#0a0a0a!important}
.dpp .pp-btn:hover{background:#fff;color:#000!important}
.dpp .pp-btn-o{background:transparent;color:#eaeaea!important;border:1px solid #3a3a3a}
.dpp .pp-btn-o:hover{background:transparent;border-color:#7ccbf7;color:#fff!important}
.dpp .pp-small{font-size:12px;color:#9c9c9c}
.dpp .pp-tbd{color:#f2b27a}
.dpp .pp-badge{display:inline-block;font-size:11px;font-weight:500;padding:3px 8px;border-radius:999px;background:#13263a;color:#7ccbf7;vertical-align:middle;text-shadow:none}
/* hero */
.dpp .pp-hero{background:radial-gradient(ellipse at 70% 45%,#16191d 0%,#000 62%)}
.dpp .pp-hero .pp-g2{min-height:720px;padding:40px 0;gap:24px}
.dpp .pp-eyebrow{font-size:22px;font-weight:300;letter-spacing:.04em;color:#ededed;margin-bottom:22px}
.dpp .pp-h1{font-size:clamp(46px,6.2vw,88px)!important}
.dpp .pp-lead{font-size:19px;color:#e0e0e0;margin:22px 0}
.dpp .pp-feats{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));gap:10px 28px;margin-bottom:26px}
.dpp .pp-feat{display:flex;gap:9px;align-items:center;font-size:14px;color:#d6d6d6}
.dpp .pp-feat svg{flex-shrink:0}
.dpp .pp-buy p{margin-top:8px}
.dpp .pp-ar43{aspect-ratio:4/3}
/* essentials */
.dpp .pp-card{position:relative;height:380px;background:#050505;border:1px solid #2a2a2a;border-radius:18px;overflow:hidden}
.dpp .pp-card:has(img)::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,0) 26%,rgba(0,0,0,0) 70%,rgba(0,0,0,.8) 100%);pointer-events:none}
.dpp .pp-floor .pp-card::before{display:none}
.dpp .pp-hero img,.dpp .pp-ar43 img{-webkit-mask-image:radial-gradient(ellipse 75% 75% at 50% 50%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 75% 75% at 50% 50%,#000 62%,transparent 100%)}
.dpp .pp-cardh{position:absolute;left:0;right:0;top:24px;text-align:center;font-size:16px;font-weight:500;color:#ededed;z-index:2;padding:0 18px}
.dpp .pp-cardp{position:absolute;left:0;right:0;bottom:20px;text-align:center;font-size:13px;line-height:1.45;color:#9c9c9c;z-index:2;padding:0 24px}
.dpp .pp-num{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;background:radial-gradient(circle at 50% 50%,#121417,#050505 70%)}
.dpp .pp-num p{font-size:17px;color:#cfcfcf}
.dpp .pp-num .pp-t{font-size:64px}
.dpp .pp-icon{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 52%,#121417,#050505 70%)}
.dpp .pp-icon svg{filter:drop-shadow(0 0 10px rgba(124,203,247,.35))}
/* machine tiles */
.dpp .pp-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:14px;margin-top:56px}
.dpp .pp-tile{position:relative;aspect-ratio:1/1.12;border-radius:20px;border:1px solid #262626;background:radial-gradient(circle at 50% 38%,#17191c 0%,#08090a 72%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:18px 12px;text-align:center;color:#e6e6e6!important;transition:border-color .2s}
.dpp .pp-tile:hover{border-color:#3a4552}
.dpp .pp-tile svg{margin-bottom:12px;filter:drop-shadow(0 0 10px rgba(124,203,247,.28))}
.dpp .pp-tile b{font-size:16px;font-weight:500;color:#f0f0f0}
.dpp .pp-tile small{font-size:12px;color:#8f8f8f}
.dpp .pp-tile .pp-badge{position:absolute;top:12px;right:12px}
/* app screenshots */
.dpp .pp-win{border:1px solid #2a2a2a;border-radius:14px;overflow:hidden;background:#0a0c0f;box-shadow:0 0 60px rgba(43,143,224,.14)}
.dpp .pp-dots{display:flex;gap:6px;padding:9px 12px;border-bottom:1px solid #1c1c1c}
.dpp .pp-dots i{width:9px;height:9px;border-radius:5px;background:#333}
.dpp .pp-win .pp-shot{aspect-ratio:16/11}
.dpp .pp-win .pp-shot img{object-position:top left}
.dpp .pp-app{display:flex;flex-direction:column;gap:16px;text-align:left}
.dpp .pp-app .pp-t{font-size:30px}
.dpp .pp-app p.d{margin-top:6px;color:#a3a3a3;font-size:15px;line-height:1.5}
/* board diagram */
.dpp .pp-fig{position:relative;aspect-ratio:16/10;margin:56px 0 0}
.dpp .pp-fig svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.dpp .pp-co{position:absolute;transform:translateX(-50%);white-space:nowrap;font-size:13px;color:#bdbdbd;padding:4px 10px;border-radius:999px;background:rgba(10,14,19,.85);border:1px solid #23303d}
.dpp .pp-co b{color:#f2f2f2;font-weight:600}
.dpp .pp-colist{display:none;margin-top:18px;text-align:center;font-size:14px;line-height:1.7;color:#a3a3a3}
/* stats */
.dpp .pp-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 34px;margin-bottom:30px}
.dpp .pp-stats .pp-t{font-size:38px}
.dpp .pp-stats p.d{margin-top:8px;color:#a3a3a3;font-size:15px;line-height:1.5}
/* recovery */
.dpp .pp-rec{background:radial-gradient(ellipse at 70% 50%,#0e151d 0%,#000 60%)}
.dpp .pp-term{border:1px solid #23303d;border-radius:18px;background:#04070a;padding:28px;font-family:ui-monospace,'JetBrains Mono',Menlo,Consolas,monospace;font-size:15px;line-height:1.95;box-shadow:0 0 90px rgba(43,143,224,.16)}
/* shop floor */
.dpp .pp-floor{display:flex;flex-direction:column;gap:20px}
.dpp .pp-floor .pp-card{height:auto;aspect-ratio:9/7}
.dpp .pp-floor p{font-size:15px;line-height:1.6;color:#a3a3a3}
.dpp .pp-floor b{color:#ededed;font-weight:600}
/* specs */
.dpp .pp-spec{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:16px;padding:15px 0;border-top:1px solid #1e1e1e;font-size:15px;color:#e6e6e6}
.dpp .pp-spec>span:first-child{color:#8c8c8c}
.dpp .pp-spec:last-child{border-bottom:1px solid #1e1e1e}
.dpp .pp-spech{margin:0 0 16px;font-size:22px;font-weight:500;color:#f4f4f4}
@media (max-width:820px){
  .dpp .pp-w{padding:0 18px}
  .dpp .pp-sec{padding:72px 0}
  .dpp .pp-hero .pp-g2{min-height:0}
  .dpp .pp-feats{grid-template-columns:1fr}
  .dpp .pp-co,.dpp .pp-fig svg{display:none}
  .dpp .pp-colist{display:block}
  .dpp .pp-spec{grid-template-columns:1fr;gap:4px}
  .dpp .pp-stats .pp-t{font-size:30px}
  .dpp .pp-card{height:300px}
}
/* light theme: the home page stays dark on purpose, like a product page; nothing else changes */

/* ======================================================================
   LIGHT THEME (html.dpc-light): the same look, on white
   ====================================================================== */
html.dpc-light:not(.p_1):not(.p_2):not(.p_3){--p-font:'DPC Inter',Inter,system-ui,-apple-system,'Segoe UI',sans-serif}
html.dpc-light:not(.p_1):not(.p_2):not(.p_3) body,html.dpc-light:not(.p_1):not(.p_2):not(.p_3) .site-wrapper{background:#fff!important;color:#3c3c43;font-family:var(--p-font)!important;-webkit-font-smoothing:antialiased}
html.dpc-light:not(.p_1):not(.p_2):not(.p_3) body p,html.dpc-light:not(.p_1):not(.p_2):not(.p_3) body li,html.dpc-light:not(.p_1):not(.p_2):not(.p_3) body td,html.dpc-light:not(.p_1):not(.p_2):not(.p_3) body label,html.dpc-light:not(.p_1):not(.p_2):not(.p_3) body input,html.dpc-light:not(.p_1):not(.p_2):not(.p_3) body button,html.dpc-light:not(.p_1):not(.p_2):not(.p_3) body .btn{font-family:var(--p-font)!important}
html.dpc-light:not(.p_1):not(.p_2):not(.p_3) body h1.title.page-title,html.dpc-light:not(.p_1):not(.p_2):not(.p_3) #content h1,html.dpc-light:not(.p_1):not(.p_2):not(.p_3) .page-title,html.dpc-light:not(.p_1):not(.p_2):not(.p_3) #content .dpch-h,html.dpc-light:not(.p_1):not(.p_2):not(.p_3) #content [class^="dpc"] h2,html.dpc-light:not(.p_1):not(.p_2):not(.p_3) #content [class^="dpc"] h1{font-family:var(--p-font)!important;font-weight:300!important;letter-spacing:-.03em!important;text-transform:none!important;color:#111!important;text-shadow:none!important}
html.dpc-light:not(.p_1):not(.p_2):not(.p_3) body h1.title.page-title{font-size:clamp(30px,3.4vw,48px)!important;background:#fff!important;padding-top:46px!important;padding-bottom:30px!important}
html.dpc-light:not(.p_1):not(.p_2):not(.p_3) .page-title::after,html.dpc-light:not(.p_1):not(.p_2):not(.p_3) .page-title span::after,html.dpc-light:not(.p_1):not(.p_2):not(.p_3) .title-wrapper .title::after{display:none!important}
html.dpc-light:not(.p_1):not(.p_2):not(.p_3) #content h2,html.dpc-light:not(.p_1):not(.p_2):not(.p_3) #content h3,html.dpc-light:not(.p_1):not(.p_2):not(.p_3) .module-title{font-family:var(--p-font)!important;font-weight:500!important;text-transform:none!important;letter-spacing:-.01em!important;color:#111!important}
html.dpc-light:not(.p_1):not(.p_2):not(.p_3) body .breadcrumb{background:#fff!important}
html.dpc-light:not(.p_1):not(.p_2):not(.p_3) body .breadcrumb a,html.dpc-light:not(.p_1):not(.p_2):not(.p_3) body .breadcrumb li{font-family:var(--p-font)!important;text-transform:none!important;color:#6e6e73!important}
html.dpc-light:not(.p_1):not(.p_2):not(.p_3) a{color:#0066cc}
/* header */
html.dpc-light:not(.p_1):not(.p_2):not(.p_3) header,html.dpc-light:not(.p_1):not(.p_2):not(.p_3) .header{background:rgba(255,255,255,.86)!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid #e5e5e7}
html.dpc-light:not(.p_1):not(.p_2):not(.p_3) .top-bar{background:#f5f5f7!important;border-bottom:1px solid #e5e5e7}
html.dpc-light:not(.p_1):not(.p_2):not(.p_3) .top-bar a,html.dpc-light:not(.p_1):not(.p_2):not(.p_3) .top-bar .dropdown-toggle,html.dpc-light:not(.p_1):not(.p_2):not(.p_3) .top-bar span{font-family:var(--p-font)!important;font-size:12px!important;font-weight:400!important;text-transform:none!important;letter-spacing:0!important;color:#6e6e73!important}
html.dpc-light:not(.p_1):not(.p_2):not(.p_3) .mid-bar{background:transparent!important}
html.dpc-light:not(.p_1):not(.p_2):not(.p_3) .main-menu .j-menu>li>a,html.dpc-light:not(.p_1):not(.p_2):not(.p_3) .desktop-main-menu-wrapper .j-menu>li>a{font-family:var(--p-font)!important;font-weight:400!important;font-size:14px!important;text-transform:none!important;letter-spacing:0!important;color:#1d1d1f!important;background:transparent!important}
html.dpc-light:not(.p_1):not(.p_2):not(.p_3) .main-menu .j-menu>li:hover>a{color:#000!important}
html.dpc-light:not(.p_1):not(.p_2):not(.p_3) .main-menu .dropdown-menu,html.dpc-light:not(.p_1):not(.p_2):not(.p_3) .mega-menu-content{background:#fff!important;border:1px solid #e5e5e7!important;border-radius:14px!important;box-shadow:0 24px 60px rgba(0,0,0,.12)!important}
html.dpc-light:not(.p_1):not(.p_2):not(.p_3) .header-cart-group .btn,html.dpc-light:not(.p_1):not(.p_2):not(.p_3) .header-cart-group a,html.dpc-light:not(.p_1):not(.p_2):not(.p_3) .header-cart-group i,html.dpc-light:not(.p_1):not(.p_2):not(.p_3) .desktop-search-wrapper .search-trigger,html.dpc-light:not(.p_1):not(.p_2):not(.p_3) .header-cart-group svg{color:#1d1d1f!important;background:transparent!important}
html.dpc-light:not(.p_1):not(.p_2):not(.p_3) .mobile-header,html.dpc-light:not(.p_1):not(.p_2):not(.p_3) .mobile-bar{background:rgba(255,255,255,.92)!important;border-bottom:1px solid #e5e5e7}
html.dpc-light:not(.p_1):not(.p_2):not(.p_3) .grid-row-top-3{background:#e8f2fc!important}
html.dpc-light:not(.p_1):not(.p_2):not(.p_3) .grid-row-top-3 *{text-transform:none!important;font-family:var(--p-font)!important;letter-spacing:0!important;font-weight:400!important;color:#0b4f8a!important}
/* buttons: black on white */
html.dpc-light:not(.p_1):not(.p_2):not(.p_3) .btn-primary,html.dpc-light:not(.p_1):not(.p_2):not(.p_3) #button-cart,html.dpc-light:not(.p_1):not(.p_2):not(.p_3) .btn-cart,html.dpc-light:not(.p_1):not(.p_2):not(.p_3) #button-confirm,html.dpc-light:not(.p_1):not(.p_2):not(.p_3) .buttons .btn-primary{background:#1d1d1f!important;color:#fff!important;border:0!important;border-radius:9px!important;font-weight:500!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important}
html.dpc-light:not(.p_1):not(.p_2):not(.p_3) .btn-primary:hover,html.dpc-light:not(.p_1):not(.p_2):not(.p_3) #button-cart:hover{background:#000!important}
html.dpc-light:not(.p_1):not(.p_2):not(.p_3) .btn-default,html.dpc-light:not(.p_1):not(.p_2):not(.p_3) .btn-secondary{background:#fff!important;color:#1d1d1f!important;border:1px solid #d2d2d7!important;border-radius:9px!important;text-transform:none!important}
/* cards and product page */
html.dpc-light:not(.p_1):not(.p_2):not(.p_3) .product-thumb{background:#fff!important;border:1px solid #e5e5e7!important;border-radius:18px!important;overflow:hidden;box-shadow:none!important}
html.dpc-light:not(.p_1):not(.p_2):not(.p_3) .product-thumb:hover{box-shadow:0 12px 40px rgba(0,0,0,.08)!important}
html.dpc-light:not(.p_1):not(.p_2):not(.p_3) .product-thumb .name a{font-family:var(--p-font)!important;font-weight:500!important;color:#1d1d1f!important;text-transform:none!important}
html.dpc-light:not(.p_1):not(.p_2):not(.p_3) .dpch{background:#f5f5f7!important;border:1px solid #e5e5e7!important;border-radius:18px!important}
html.dpc-light:not(.p_1):not(.p_2):not(.p_3).route-product-product .product-image .swiper-container{background:#000!important;border-radius:18px!important;border:0!important}
/* footer */
html.dpc-light:not(.p_1):not(.p_2):not(.p_3) footer,html.dpc-light:not(.p_1):not(.p_2):not(.p_3) footer .grid-row{background:#f5f5f7!important;border-top:1px solid #e5e5e7}
html.dpc-light:not(.p_1):not(.p_2):not(.p_3) body footer .title.module-title{font-family:var(--p-font)!important;font-weight:500!important;font-size:14px!important;text-transform:none!important;letter-spacing:0!important;color:#1d1d1f!important}
html.dpc-light:not(.p_1):not(.p_2):not(.p_3) footer a{color:#6e6e73!important}

/* home page on white: black product panels on a light page */
html.dpc-light .dpp{background:#fff;color:#1d1d1f}
html.dpc-light .dpp .pp-t{color:#111!important;text-shadow:none}
html.dpc-light .dpp .pp-sub,html.dpc-light .dpp .pp-app p.d,html.dpc-light .dpp .pp-stats p.d,html.dpc-light .dpp .pp-floor p{color:#6e6e73}
html.dpc-light .dpp .pp-eyebrow,html.dpc-light .dpp .pp-lead,html.dpc-light .dpp .pp-feat{color:#1d1d1f}
html.dpc-light .dpp .pp-small{color:#6e6e73}
html.dpc-light .dpp .pp-hero{background:linear-gradient(180deg,#f5f5f7 0%,#fff 100%)}
html.dpc-light .dpp .pp-pill{background:#fff;border-color:#d2d2d7}
html.dpc-light .dpp .pp-pill>span{color:#1d1d1f}
html.dpc-light .dpp .pp-btn{background:#1d1d1f;color:#fff!important}
html.dpc-light .dpp .pp-btn:hover{background:#000}
html.dpc-light .dpp .pp-btn-o{background:#fff;color:#1d1d1f!important;border-color:#d2d2d7}
html.dpc-light .dpp .pp-ar43{background:#000;border-radius:24px;overflow:hidden}
html.dpc-light .dpp .pp-hero img,html.dpc-light .dpp .pp-ar43 img{-webkit-mask-image:none;mask-image:none}
html.dpc-light .dpp .pp-card{border-color:#e5e5e7}
html.dpc-light .dpp .pp-num,html.dpc-light .dpp .pp-icon{background:#f5f5f7}
html.dpc-light .dpp .pp-num p{color:#6e6e73}
html.dpc-light .dpp .pp-icon svg{filter:none}
html.dpc-light .dpp .pp-icon svg [stroke="#EDEDED"],html.dpc-light .dpp .pp-icon svg{stroke:#1d1d1f}
html.dpc-light .dpp .pp-icon .pp-cardh{color:#1d1d1f}
html.dpc-light .dpp .pp-icon .pp-cardp,html.dpc-light .dpp .pp-num .pp-cardp{color:#6e6e73}
html.dpc-light .dpp .pp-tile{background:#f5f5f7;border-color:#e5e5e7;color:#1d1d1f!important}
html.dpc-light .dpp .pp-tile b{color:#1d1d1f}
html.dpc-light .dpp .pp-tile small{color:#6e6e73}
html.dpc-light .dpp .pp-tile svg{filter:none}
html.dpc-light .dpp .pp-tile svg [stroke="#7CCBF7"]{stroke:#0071e3}
html.dpc-light .dpp .pp-badge{background:#e8f2fc;color:#0066cc}
html.dpc-light .dpp .pp-win{box-shadow:0 20px 50px rgba(0,0,0,.12)}
html.dpc-light .dpp .pp-fig{background:#000;border-radius:24px;overflow:hidden}
html.dpc-light .dpp .pp-colist{color:#6e6e73}
html.dpc-light .dpp .pp-rec{background:#f5f5f7}
html.dpc-light .dpp .pp-floor b{color:#1d1d1f}
html.dpc-light .dpp .pp-spec{color:#1d1d1f;border-color:#e5e5e7}
html.dpc-light .dpp .pp-spec>span:first-child{color:#6e6e73}
html.dpc-light .dpp .pp-spech{color:#1d1d1f}
html.dpc-light .dpp .pp-line{border-color:#e5e5e7}
html.dpc-light:not(.p_1):not(.p_2):not(.p_3) .header-cart-group *::before,html.dpc-light:not(.p_1):not(.p_2):not(.p_3) .mobile-header *::before,html.dpc-light:not(.p_1):not(.p_2):not(.p_3) .header-cart-group i{color:#1d1d1f!important}

/* header: keeps the dpCREATOR pixel pattern at both ends; no boxed shadow, full-width bar (both themes) */
html:not(.p_1):not(.p_2):not(.p_3) header .mid-bar,html:not(.p_1):not(.p_2):not(.p_3) header.header-compact{box-shadow:none!important}
html.dpc-light:not(.p_1):not(.p_2):not(.p_3) header::before{background:#f5f5f7!important;border-bottom:1px solid #e5e5e7}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) header::before{background:#000!important}
/* machine tiles: same height in a row, whatever the label length */
.dpp .pp-tiles{grid-auto-rows:1fr}
.dpp .pp-tile{aspect-ratio:auto;min-height:200px;height:100%;justify-content:flex-start;padding-top:30px}
.dpp .pp-tile svg{flex-shrink:0}
.dpp .pp-tile b{min-height:2.5em;display:flex;align-items:center;justify-content:center;line-height:1.25}

/* header, top bar and pre-launch strip read as one piece with the page */
html:not(.p_1):not(.p_2):not(.p_3) header .top-bar{background:transparent!important;border:0!important}
html.dpc-light:not(.p_1):not(.p_2):not(.p_3) header::before{background:#fff!important;border-bottom:1px solid #f0f0f2}
html.dpc-light:not(.p_1):not(.p_2):not(.p_3) header,html.dpc-light:not(.p_1):not(.p_2):not(.p_3) header .header{background:rgba(255,255,255,.9)!important;border-bottom:0!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) header,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) header .header{background:rgba(0,0,0,.88)!important;border-bottom:0!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) header::before{border-bottom:1px solid #111}
html.dpc-light:not(.p_1):not(.p_2):not(.p_3) .grid-row-top-3{background:#fff!important;border-bottom:1px solid #f0f0f2}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .grid-row-top-3{background:#000!important;border-bottom:1px solid #111}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) .grid-row-top-3 *{color:#8fbfe0!important}
html.dpc-light .dpp .pp-hero{background:linear-gradient(180deg,#fff 0%,#f5f5f7 100%)}
html:not(.dpc-light) .dpp .pp-hero{background:radial-gradient(ellipse at 70% 55%,#16191d 0%,#000 62%)}
html.dpc-light:not(.p_1):not(.p_2):not(.p_3) body header .top-bar,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body header .top-bar{background:transparent!important;border:0!important}

/* announcement under the menu: its own full-width band, clearly apart from the header */
html.dpc-light:not(.p_1):not(.p_2):not(.p_3) body .grid-row-top-3,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body .grid-row-top-3{background:#1f6fb8!important;border:0!important;margin-top:1px!important;box-shadow:0 1px 0 rgba(0,0,0,.04)}
html.dpc-light:not(.p_1):not(.p_2):not(.p_3) body .grid-row-top-3 *,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body .grid-row-top-3 *{color:#fff!important;font-weight:500!important;font-size:14px!important;text-transform:none!important;font-family:var(--p-font)!important;letter-spacing:0!important}
html.dpc-light:not(.p_1):not(.p_2):not(.p_3) body .grid-row-top-3 i,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body .grid-row-top-3 i,html.dpc-light:not(.p_1):not(.p_2):not(.p_3) body .grid-row-top-3 i::before,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body .grid-row-top-3 i::before{color:#fff!important}

/* light / dark switch: a tab on the right edge of the screen, sun on top, moon below, the current one lit */
html:not(.p_1) body #dpc-theme-fab{position:fixed!important;left:auto!important;right:0!important;bottom:auto!important;top:50%!important;transform:translateY(-50%);z-index:9990;width:46px!important;height:96px!important;padding:6px 0!important;margin:0!important;border-radius:14px 0 0 14px!important;display:flex!important;flex-direction:column;align-items:center;justify-content:space-between;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:width .2s}
html:not(.p_1) body #dpc-theme-fab:hover{width:52px!important}
html:not(.p_1) body #dpc-theme-fab .ic{display:none!important}
html:not(.p_1) body #dpc-theme-fab::before,html:not(.p_1) body #dpc-theme-fab::after{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;font-size:17px;line-height:1;transition:background .2s,color .2s}
html:not(.p_1) body #dpc-theme-fab::before{content:"\2600"}
html:not(.p_1) body #dpc-theme-fab::after{content:"\263E"}
/* dark theme: tab is dark, moon lit */
html:not(.dpc-light):not(.p_1) body #dpc-theme-fab{background:rgba(18,18,20,.88)!important;border:1px solid #2a2a2a!important;border-right:0!important;box-shadow:0 10px 30px rgba(0,0,0,.5)!important;color:#9c9c9c!important}
html:not(.dpc-light):not(.p_1) body #dpc-theme-fab::after{background:#f2f2f2;color:#0a0a0a}
html:not(.dpc-light):not(.p_1) body #dpc-theme-fab::before{color:#9c9c9c}
/* light theme: tab is white, sun lit */
html.dpc-light:not(.p_1) body #dpc-theme-fab{background:rgba(255,255,255,.9)!important;border:1px solid #e5e5e7!important;border-right:0!important;box-shadow:0 10px 30px rgba(0,0,0,.10)!important;color:#6e6e73!important}
html.dpc-light:not(.p_1) body #dpc-theme-fab::before{background:#1d1d1f;color:#fff}
html.dpc-light:not(.p_1) body #dpc-theme-fab::after{color:#6e6e73}
@media print{#dpc-theme-fab{display:none!important}}

/* phones: header solid (it sticks on scroll and must not show the page or the blue band through it) */
html.dpc-light:not(.p_1):not(.p_2):not(.p_3) body header.header-compact,html.dpc-light:not(.p_1):not(.p_2):not(.p_3) body .mobile-header,html.dpc-light:not(.p_1):not(.p_2):not(.p_3) body .mobile-bar,html.dpc-light:not(.p_1):not(.p_2):not(.p_3) body .mobile-header *[class*="sticky"]{background:#fff!important;-webkit-backdrop-filter:none;backdrop-filter:none}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body .mobile-header,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body .mobile-bar,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body .mobile-header *[class*="sticky"]{background:#000!important;-webkit-backdrop-filter:none;backdrop-filter:none}
@media (max-width:1023px){html:not(.p_1):not(.p_2):not(.p_3) body header.header-compact{background:inherit!important}
 html.dpc-light:not(.p_1):not(.p_2):not(.p_3) body header.header-compact{background:#fff!important}
 html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body header.header-compact{background:#000!important}
 html:not(.p_1):not(.p_2):not(.p_3) body .grid-row-top-3 *{font-size:13px!important;line-height:1.4!important}
 html:not(.p_1):not(.p_2):not(.p_3) body .grid-row-top-3{padding-top:10px!important;padding-bottom:10px!important}}
/* phones: bottom bar (Login, Register, Wishlist, Contact, Call us) in the same look */
html.dpc-light:not(.p_1):not(.p_2):not(.p_3) body .bottom-menu{background:rgba(255,255,255,.96)!important;border-top:1px solid #e5e5e7!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
html.dpc-light:not(.p_1):not(.p_2):not(.p_3) body .bottom-menu a,html.dpc-light:not(.p_1):not(.p_2):not(.p_3) body .bottom-menu a *,html.dpc-light:not(.p_1):not(.p_2):not(.p_3) body .bottom-menu a *::before{color:#1d1d1f!important;font-family:var(--p-font)!important;text-transform:none!important}
html.dpc-light:not(.p_1):not(.p_2):not(.p_3) body .bottom-menu li{border-color:#eee!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body .bottom-menu{background:rgba(0,0,0,.94)!important;border-top:1px solid #1a1a1a!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body .bottom-menu a,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body .bottom-menu a *,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body .bottom-menu a *::before{color:#d6d6d6!important;font-family:var(--p-font)!important;text-transform:none!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body .bottom-menu li{border-color:#141414!important}
/* phones: the side switch a little smaller, above the bottom bar */
@media (max-width:767px){html:not(.p_1) body #dpc-theme-fab{width:40px!important;height:84px!important;top:45%!important}html:not(.p_1) body #dpc-theme-fab::before,html:not(.p_1) body #dpc-theme-fab::after{width:32px;height:32px;font-size:15px}}

/* R3 diagram: a slow, gentle drift of the real photo and its labels together (no AI, nothing invented) */
@keyframes ppDrift{0%{transform:scale(1) translateX(0)}100%{transform:scale(1.035) translateX(-1.2%)}}
.dpp .pp-fig{animation:ppDrift 14s ease-in-out infinite alternate;transform-origin:50% 50%;will-change:transform}
@media (prefers-reduced-motion:reduce){.dpp .pp-fig{animation:none}}

/* product video loops (hero and closing section) */
.dpp .pp-ar43 video{display:block;width:100%;height:100%;object-fit:cover;background:#000}
html:not(.dpc-light) .dpp .pp-ar43 video{-webkit-mask-image:radial-gradient(ellipse 75% 75% at 50% 50%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 75% 75% at 50% 50%,#000 62%,transparent 100%)}
@media (prefers-reduced-motion:reduce){.dpp .pp-ar43 video{display:none}.dpp .pp-ar43 .pp-still{display:block!important}}
.dpp .pp-ar43 .pp-still{display:none}

/* dark theme: forms and boxes that still had a white background (R&D Club application and others) */
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body #content form,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body #rnd-form{background:#0a0a0a!important;border:1px solid #262626!important;border-radius:18px!important;color:#e6e6e6}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body #content form label{color:#e6e6e6!important;font-weight:500!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body #content form small,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body #content form .help-block{color:#9c9c9c!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body #content form input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body #content form select,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body #content form textarea{background:#000!important;color:#f0f0f0!important;border:1px solid #3a3a3a!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body #content form input::placeholder,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body #content form textarea::placeholder{color:#6e6e6e!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body #content form select option{background:#0a0a0a;color:#f0f0f0}
/* light theme: the same forms on white, with readable dark labels */
html.dpc-light:not(.p_1):not(.p_2):not(.p_3) body #content form label{color:#1d1d1f!important;font-weight:500!important}
html.dpc-light:not(.p_1):not(.p_2):not(.p_3) body #content form input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),html.dpc-light:not(.p_1):not(.p_2):not(.p_3) body #content form select,html.dpc-light:not(.p_1):not(.p_2):not(.p_3) body #content form textarea{background:#fff!important;color:#1d1d1f!important;border:1px solid #d2d2d7!important;border-radius:9px!important}

/* dark theme: boxes in page texts that kept a white or pale background (found by a contrast check of every page) */
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body #content table,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body #content table tr,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body #content table td,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body #content table th{background-color:transparent!important;color:#e6e6e6;border-color:#262626!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body #content table tr:nth-child(even) td{background-color:#0d0d0f!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body #content table th,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body #content table thead td{background-color:#141416!important;color:#f4f4f4!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body #content table td.free,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body #content table td.inc{color:#7fd6a2!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body #content figure.dpc-shot,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body #content figure{background:#0a0a0a!important;border-color:#262626!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body #content figcaption{color:#a3a3a3!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body #content .note{background:#0b1a2a!important;border-color:#1c3550!important;color:#c9d9e8!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body #content .note strong,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body #content .note b{color:#fff!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body .module-form{background:#0a0a0a!important;border:1px solid #262626!important;border-radius:18px!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body .route-information-sitemap #content .col-sm-6,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3).route-information-sitemap body #content .col-sm-6{background:#0a0a0a!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3).route-information-sitemap #content [class*="col-"]{background:#0a0a0a!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body #content .btn-success,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body #content .btn-info{background:#f2f2f2!important;color:#0a0a0a!important;border:0!important;border-radius:9px!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body #content em{color:inherit}

/* light theme fixes from the same contrast check */
.dpp .pp-term>div:nth-child(1),.dpp .pp-term>div:nth-child(2){color:#7a7a7a!important}
.dpp .pp-term>div:nth-child(3){color:#f2b27a!important}
.dpp .pp-term>div:nth-child(4){color:#ededed!important}
.dpp .pp-term>div:nth-child(5){color:#7ccbf7!important}
.dpp .pp-term>div:nth-child(6){color:#7fd6a2!important}
html.dpc-light:not(.p_1):not(.p_2):not(.p_3) body #content a.btn:not(.btn-primary):not(.btn-success):not(.btn-info){color:#1d1d1f!important;background:#fff!important;border:1px solid #d2d2d7!important;border-radius:9px!important}
html.dpc-light:not(.p_1):not(.p_2):not(.p_3) body #content .btn-success,html.dpc-light:not(.p_1):not(.p_2):not(.p_3) body #content .btn-info{background:#1d1d1f!important;color:#fff!important;border:0!important;border-radius:9px!important}
html.dpc-light:not(.p_1):not(.p_2):not(.p_3) body .product-price-new{color:#1a7f37!important}
/* R&D Club cards, the answer template, category sub-links, bundle buttons, login buttons */
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body .dpc-rnd .gets>div,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body .dpc-rnd .tpl{background:#0a0a0a!important;border:1px solid #262626!important;color:#c9c9c9!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body .dpc-rnd .gets>div.prize{background:#0b1a2a!important;border-color:#1c3550!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body .dpc-rnd .gets>div b,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body .dpc-rnd .tpl strong{color:#f4f4f4!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body .refine-categories a,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body .refine-items a,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body a:has(> .refine-name){background:#0a0a0a!important;border:1px solid #262626!important;border-radius:12px!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body .refine-name,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body .refine-name *{color:#e6e6e6!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body .product-thumb .extra-group>div{background:transparent!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body #content code{background:#141416!important;color:#e6e6e6!important;border-radius:5px}
/* "Buy Now" / "Ask Question" text buttons on product cards */
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body .product-thumb .btn-extra,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body .product-thumb .btn-extra .btn-text{color:#c9c9c9!important}
html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body .product-thumb .btn-extra:hover,html:not(.dpc-light):not(.p_1):not(.p_2):not(.p_3) body .product-thumb .btn-extra:hover .btn-text{color:#fff!important}