@font-face{font-family:Inter;src:url("../../../../themes/expertobhpshop/assets/fonts/modern/inter-latin-ext-400.woff2") format("woff2");font-weight:400;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter;src:url("../../../../themes/expertobhpshop/assets/fonts/modern/inter-latin-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url("../../../../themes/expertobhpshop/assets/fonts/modern/inter-latin-ext-600.woff2") format("woff2");font-weight:600;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter;src:url("../../../../themes/expertobhpshop/assets/fonts/modern/inter-latin-600.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url("../../../../themes/expertobhpshop/assets/fonts/modern/inter-latin-ext-700.woff2") format("woff2");font-weight:700;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter;src:url("../../../../themes/expertobhpshop/assets/fonts/modern/inter-latin-700.woff2") format("woff2");font-weight:700;font-display:swap}
:host{--ink:#232323;--paper:#f6f6f6;--yellow:#ffdb19;--muted:#777777;--line:#e2e2e2;color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:14px;font-synthesis:none;}
*{box-sizing:border-box;}button,a{-webkit-tap-highlight-color:transparent;}button,input{font:inherit;}button,a{touch-action:manipulation;}button{cursor:pointer;}a{color:inherit;text-decoration:none;}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;}button:focus-visible,a:focus-visible{outline:3px solid #008879;outline-offset:4px;}.icon-library{position:absolute;width:0;height:0;overflow:hidden;}h1,h2,h3,p{margin:0;}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.13em;}
.yellow-button{border:0;border-radius:5px;background:var(--yellow);color:#232323;font-weight:600;display:inline-flex;gap:35px;align-items:center;justify-content:space-between;padding:17px 22px;min-height:53px;font-size:12px;transition:background .2s,transform .2s;}.yellow-button:hover{background:#ffe958;transform:translateY(-2px);}.yellow-button svg{width:21px;height:21px;}/* Brand intro: every component rule is scoped and can be moved into the shop later. */
.intro-dialog{--intro-bg:#152130;margin:auto;border:1px solid #b2b2b240;padding:0;max-width:none;max-height:none;width:min(1180px,calc(100vw - 64px));height:min(676px,calc(100dvh - 64px));border-radius:18px;overflow:hidden;color:#fff;background:var(--intro-bg);box-shadow:0 30px 100px #09090966;outline:none;}
.intro-dialog::backdrop{background:#111c2980;backdrop-filter:blur(9px);}.intro-surface{position:relative;isolation:isolate;min-height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--intro-bg);}
.intro-photo{position:absolute;z-index:-3;inset:0 0 0 auto;width:100%;height:100%;object-fit:cover;object-position:69% 0%;transform-origin:76% 42%;opacity:.98;pointer-events:none;}
.intro-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#152130 0%,#152130f7 23%,#152130cf 34%,#15213030 63%,#15213000 80%),linear-gradient(0deg,#111c29 0%,#111c2970 18%,transparent 47%,#17253524);}
.intro-topline{position:absolute;top:0;left:0;right:0;height:3px;transform-origin:left;background:linear-gradient(90deg,var(--yellow),#a19736 50%,transparent 90%);z-index:3;}
.intro-header{position:relative;display:flex;align-items:center;gap:25px;padding:32px 42px 0;min-height:81px;flex-shrink:0;}.intro-logo{display:block;width:190px;padding:9px 12px;border-radius:5px;background:#f5f5f5;line-height:0;}.intro-logo img{width:100%;height:auto;}.intro-edition{font-size:7px;letter-spacing:.2em;color:#c9c9c9;font-weight:600;}.intro-close{position:absolute;z-index:5;top:25px;right:25px;display:grid;place-items:center;width:43px;height:43px;border:1px solid #ffffff52;border-radius:100%;background:#222222cc;color:white;backdrop-filter:blur(10px);transition:background .2s,transform .2s;}.intro-close svg{width:20px;height:20px;}.intro-close:hover{background:#ffdb19;color:#232323;transform:rotate(90deg);}.intro-close:focus-visible{outline:2px solid var(--yellow);outline-offset:4px;}
.intro-copy{position:relative;z-index:1;padding:37px 42px 32px;flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:61%;min-height:0;}.intro-kicker{display:flex;align-items:center;gap:9px;color:#d9d9d9;font-size:8px;font-weight:600;letter-spacing:.15em;margin-bottom:24px;}.intro-kicker>span{width:6px;height:6px;border-radius:100%;background:var(--yellow);box-shadow:0 0 0 4px #ffdb1910;}.intro-copy h2{font-size:clamp(46px,5.25vw,68px);font-weight:600;letter-spacing:-.057em;line-height:1.02;margin:0 0 23px;}.intro-line{display:block;overflow:hidden;padding-bottom:5px;margin-bottom:-5px;}.intro-line>span{display:block;}.intro-yellow{color:var(--yellow);}.intro-period{color:#fff;}.intro-copy p{font-size:13px;font-weight:400;line-height:1.8;color:#cfcfcf;margin-bottom:26px;}.intro-cta{display:flex;align-items:center;gap:22px;}.intro-cta .yellow-button{gap:27px;font-size:12px;padding:16px 19px;min-height:52px;white-space:nowrap;}.intro-help{border:0;background:none;color:#f1f1f1;display:flex;align-items:center;gap:11px;white-space:nowrap;font-size:10px;padding:14px 0;}.intro-help:hover{color:var(--yellow);}.intro-help span{font-size:17px;}.intro-image-label{position:absolute;right:40px;bottom:114px;display:flex;align-items:center;gap:11px;background:#15213072;backdrop-filter:blur(12px);border:1px solid #e4e4e437;padding:15px 17px;border-radius:8px;}.intro-image-label>svg{color:var(--yellow);width:28px;height:28px;}.intro-image-label span{display:block;font-size:7px;font-weight:600;letter-spacing:.14em;color:#d6d6d6;margin-bottom:5px;}.intro-image-label strong{font-size:12px;font-weight:600;letter-spacing:-.01em;}.intro-image-label i{width:5px;height:5px;border-radius:100%;background:var(--yellow);margin-left:20px;}
.intro-footer{position:relative;display:flex;align-items:center;justify-content:space-between;padding:24px 42px;gap:15px;border-top:1px solid #eeeeee23;min-height:78px;flex-shrink:0;background:#15213038;}.intro-values{display:flex;align-items:center;gap:25px;color:#dadada;font-size:9px;}.intro-values>span{display:flex;align-items:center;gap:8px;white-space:nowrap;}.intro-values svg{width:14px;height:14px;color:var(--yellow);}.intro-photo-unavailable .intro-shade{background:radial-gradient(ellipse at 80% 20%,#79797933,transparent 65%);}
.intro-dialog[open]{animation:intro-window .55s cubic-bezier(.2,.75,.3,1) both;}.intro-dialog[open]::backdrop{animation:intro-backdrop .45s ease both;}.intro-dialog[open] .intro-photo{animation:intro-camera 7s cubic-bezier(.16,.58,.3,1) both;}.intro-dialog[open] .intro-topline{animation:intro-line 1.7s .2s ease both;}.intro-dialog[open] .intro-kicker{animation:intro-reveal .7s .15s both;}.intro-dialog[open] .intro-line>span{animation:intro-title .9s cubic-bezier(.2,.75,.3,1) both;}.intro-dialog[open] .intro-line:nth-child(1)>span{animation-delay:.25s;}.intro-dialog[open] .intro-line:nth-child(2)>span{animation-delay:.4s;}.intro-dialog[open] .intro-line:nth-child(3)>span{animation-delay:.55s;}.intro-dialog[open] .intro-copy p{animation:intro-reveal .8s .7s both;}.intro-dialog[open] .intro-cta{animation:intro-reveal .8s .85s both;}.intro-dialog[open] .intro-image-label{animation:intro-reveal .9s 1.15s both;}.intro-dialog[open] .intro-footer{animation:intro-reveal .9s 1s both;}
@keyframes intro-window{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}@keyframes intro-backdrop{from{opacity:0}to{opacity:1}}@keyframes intro-camera{from{transform:scale(1.055) translateX(1%)}to{transform:scale(1) translateX(0)}}@keyframes intro-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes intro-title{from{transform:translateY(115%);opacity:0}to{transform:none;opacity:1}}@keyframes intro-reveal{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(min-width:1300px) and (min-height:850px){.intro-dialog{height:710px;}.intro-copy{padding-top:46px;padding-bottom:46px;}.intro-copy h2{font-size:74px;}.intro-copy p{font-size:14px;}.intro-kicker{margin-bottom:27px;}}
@media(max-width:1000px){.intro-dialog{width:calc(100vw - 40px);height:min(650px,calc(100dvh - 40px));}.intro-header{padding-left:30px;padding-right:30px;}.intro-edition{display:none;}.intro-copy{padding-left:30px;padding-right:30px;width:70%;}.intro-copy h2{font-size:clamp(45px,6vw,62px);}.intro-cta{gap:17px;}.intro-footer{padding-inline:30px;}.intro-values{gap:16px;font-size:8px;}.intro-image-label{right:30px;bottom:107px;}.shop-header nav{gap:16px;}.shop-header{gap:20px;}.shop-contact{display:none;}}
@media(max-width:680px){.preview-bar{align-items:flex-start;gap:5px;flex-direction:column;padding:12px 5%;}.preview-actions{flex-wrap:wrap;gap:8px;}.preview-actions button{font-size:9px;}.preview-label{font-size:9px;}.shop-header{padding:20px 5%;}.shop-header img{width:175px;}.shop-header nav a:not(:last-child){display:none;}.shop-header nav{font-size:10px;}main{padding:18px 5% 0;}.shop-hero{min-height:440px;padding:30px 25px;background-position:63%;}.shop-hero h1{font-size:41px;}.shop-hero p{font-size:12px;max-width:250px;}.shop-image-caption{display:none;}.section-heading{display:block;}.section-heading h2{font-size:26px;margin-top:12px;}.product-grid{grid-template-columns:1fr 1fr;}.product-grid img{height:160px;}.product-grid span{padding:15px;font-size:10px;}.support{grid-template-columns:1fr;padding:28px;gap:25px;}.support h2{font-size:31px;}.support p{font-size:12px;}.preview-footer{flex-direction:column;gap:10px;}.intro-dialog{width:calc(100vw - 24px);height:auto;max-height:calc(100dvh - 24px);border-radius:14px;overflow-y:auto;}.intro-surface{min-height:690px;}.intro-header{padding:24px 23px 0;min-height:66px;}.intro-logo{width:157px;padding:8px 11px;}.intro-close{top:19px;right:18px;width:38px;height:38px;}.intro-close svg{width:19px;height:19px;}.intro-photo{top:62px;bottom:auto;width:100%;height:335px;object-position:73% 22%;opacity:.95;z-index:-3;}.intro-shade{background:linear-gradient(0deg,#152130 0%,#152130 39%,#15213080 58%,#15213000 77%,#15213052 90%,#152130 100%);z-index:-2;}.intro-copy{padding:242px 23px 25px;display:block;width:100%;flex:initial;}.intro-kicker{font-size:7px;margin-bottom:17px;letter-spacing:.12em;gap:8px;}.intro-kicker span{width:5px;height:5px;}.intro-copy h2{font-size:44px;line-height:1.03;letter-spacing:-.052em;margin-bottom:19px;}.intro-copy p{font-size:11px;line-height:1.8;margin-bottom:22px;}.intro-cta{gap:12px;align-items:stretch;}.intro-cta .yellow-button{font-size:10px;gap:15px;min-height:45px;padding:13px 15px;flex:1;justify-content:space-between;}.intro-cta .yellow-button svg{width:18px;height:18px;}.intro-help{font-size:9px;gap:6px;}.intro-help span{font-size:15px;}.intro-image-label{top:95px;right:18px;bottom:auto;padding:9px 11px;gap:8px;border-radius:6px;}.intro-image-label>svg{width:21px;height:21px;}.intro-image-label span{font-size:5px;margin-bottom:4px;}.intro-image-label strong{font-size:9px;}.intro-image-label i{display:none;}.intro-footer{padding:17px 23px;min-height:61px;}.intro-values{flex-wrap:wrap;gap:9px 17px;font-size:7px;max-width:300px;}.intro-values svg{width:12px;height:12px;}.intro-values>span{gap:5px;}.intro-dialog[open] .intro-photo{animation-duration:5s;}}
@media(max-width:380px){.intro-copy h2{font-size:38px;}.intro-copy{padding-left:20px;padding-right:20px;padding-top:218px;}.intro-header{padding-inline:20px;}.intro-cta{flex-direction:column;gap:2px;}.intro-help{justify-content:center;min-height:36px;padding:8px;}.intro-values{font-size:6.5px;gap:7px 10px;}.intro-footer{padding:15px 20px;}.intro-photo{height:310px;}.intro-surface{min-height:660px;}}
@media(min-width:681px) and (max-height:650px){.intro-dialog{height:calc(100dvh - 32px);width:calc(100vw - 32px);overflow-y:auto;}.intro-surface{min-height:540px;}.intro-header{padding-top:24px;min-height:65px;}.intro-copy{padding-top:25px;padding-bottom:25px;}.intro-copy h2{font-size:49px;margin-bottom:17px;}.intro-kicker{margin-bottom:17px;}.intro-copy p{margin-bottom:20px;font-size:12px;}.intro-footer{min-height:65px;padding-block:18px;}}
/* Keep the close control reachable while the small-screen content scrolls. */
@media(max-width:680px){.intro-dialog{height:min(680px,calc(100dvh - 24px));overflow:hidden;}.intro-surface{height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;}.intro-image-label{display:none;}.intro-copy{padding-top:220px;}.intro-shade{background:linear-gradient(0deg,#152130 0%,#152130 42%,#15213080 61%,transparent 79%,#15213052 91%,#152130 100%);}}
@media(max-width:380px){.intro-copy{padding-top:195px;}.intro-copy h2{font-size:33px;}.intro-photo{height:285px;}.intro-footer{min-height:61px;}.intro-surface{min-height:0;}}
/* Let the copy keep its natural height when the mobile dialog scrolls. */
@media(max-width:680px){.intro-copy{flex-shrink:0;}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important;}.intro-photo{transform:none!important;}}

/* Blend the mobile photograph into the copy surface without a visible image edge. */
@media(max-width:680px){.intro-shade{background:linear-gradient(180deg,#152130 0,transparent 125px,#15213040 220px,#152130 397px);}}
@media(max-width:380px){.intro-shade{background:linear-gradient(180deg,#152130 0,transparent 110px,#15213040 190px,#152130 347px);}}

/* Use the already preloaded storefront font; make the welcome immediately readable. */
.intro-dialog{font-family:'BHP Inter',Arial,sans-serif!important}
.intro-dialog[open],.intro-dialog[open]::backdrop,.intro-dialog[open] *{animation-duration:.18s!important;animation-delay:0s!important;animation-iteration-count:1!important}