
/* ===== 3Pines Service: Ecommerce Websites ===== */
.tp-ecom{--e:cubic-bezier(.22,.8,.26,1);--g:clamp(20px,5vw,64px);--sp:clamp(72px,10vw,140px);--disp:var(--display);direction:rtl;text-align:right;background:#F7F4F0;color:#2A2F33;font-family:var(--text);font-size:17px;line-height:1.65;overflow-x:clip}
.tp-ecom *,.tp-ecom *::before,.tp-ecom *::after{box-sizing:border-box}
.tp-ecom :focus:not(:focus-visible){outline:none}
.tp-ecom a{color:#B8442B}
.tp-ecom a:hover{color:#D66A50}
.tp-ecom section{scroll-margin-top:76px}
.tp-ecom__inner{position:relative;max-width:1400px;margin:0 auto;padding:var(--sp) var(--g)}
.tp-ecom--dark{position:relative;overflow:hidden;background:#0F222C;color:#FFFFFF}
.tp-ecom__pillars{position:absolute;inset:0;display:flex;justify-content:space-evenly;pointer-events:none}
.tp-ecom__pillars span{width:1px;background:#1B3340}
.tp-ecom__dia{flex:0 0 7px;width:7px;height:7px;background:#D66A50;transform:rotate(45deg) translateY(-2px)}

/* Type */
.tp-ecom__eyebrow{margin:0 0 18px;font-size:14px;font-weight:700;letter-spacing:.04em;color:#B8442B}
.tp-ecom__eyebrow--dark{color:#D66A50}
.tp-ecom__h2{margin:0;font-family:var(--disp);font-weight:700;font-size:clamp(40px,5.4vw,80px);line-height:1;color:#02141E;text-wrap:balance}
.tp-ecom__h2 span{color:#D66A50}
.tp-ecom__h2--dark{color:#FFFFFF}
.tp-ecom__h3{margin:0;font-family:var(--disp);font-weight:700;font-size:clamp(24px,2.2vw,32px);line-height:1.15;color:#02141E;text-wrap:balance}
.tp-ecom__h3--xl{font-size:clamp(30px,3vw,44px);line-height:1.05}
.tp-ecom__h3--on-rust{margin-top:8px;font-size:clamp(23px,2.1vw,30px);color:#FFFFFF}
.tp-ecom__p{margin:0;font-size:17px;line-height:1.65;text-wrap:pretty}
.tp-ecom__lead{margin:0;font-size:clamp(17px,1.5vw,19px);line-height:1.65;color:#02141E;text-wrap:pretty}
.tp-ecom--dark .tp-ecom__lead{color:#E4E9EC}
.tp-ecom__intro{display:flex;flex-wrap:wrap;gap:20px clamp(40px,6vw,104px);margin-bottom:clamp(40px,5vw,72px)}
.tp-ecom__intro .tp-ecom__head{flex:1 1 380px;max-width:620px}
.tp-ecom__intro .tp-ecom__lead{flex:1 1 340px;max-width:560px}
.tp-ecom__note{max-width:760px;margin:clamp(32px,4vw,56px) 0 0;border-top:2px solid #D66A50;padding-top:16px;font-size:16px;line-height:1.7;text-wrap:pretty}
.tp-ecom__note strong{color:#02141E}

/* Buttons: DS Button */
.tp-ecom__ctas{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:6px}
.tp-ecom__btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 28px;margin:0;font-family:'Miriam Libre',var(--text);font-weight:600;font-size:15.81px;line-height:1.5;letter-spacing:.015em;color:#02141E;background:#D66A50;border:none;border-radius:999px;box-shadow:-4px 4px 0 #FFFFFF;text-decoration:none;white-space:nowrap;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,background-color .35s ease,color .35s ease}
.tp-ecom a.tp-ecom__btn,.tp-ecom a.tp-ecom__btn:hover{color:#02141E}
.tp-ecom__btn:hover{transform:translate(3px,-3px);box-shadow:-7px 7px 0 #FFFFFF}
.tp-ecom__btn:active{transform:translate(-1px,1px);box-shadow:-2px 2px 0 #FFFFFF}
.tp-ecom__btn:focus-visible{outline:2px solid #FFFFFF;outline-offset:5px}
.tp-ecom__btn--ink{color:#FFFFFF;background:#02141E;box-shadow:-4px 4px 0 #D66A50}
.tp-ecom a.tp-ecom__btn--ink,.tp-ecom a.tp-ecom__btn--ink:hover{color:#FFFFFF}
.tp-ecom__btn--ink:hover{box-shadow:-7px 7px 0 #D66A50}
.tp-ecom__btn--ink:active{box-shadow:-2px 2px 0 #D66A50}
.tp-ecom__btn--ink:focus-visible{outline-color:#02141E}
.tp-ecom__btn--on-rust{box-shadow:-4px 4px 0 #FFFFFF}
.tp-ecom__btn--on-rust:hover{box-shadow:-7px 7px 0 #FFFFFF}
.tp-ecom__btn--on-rust:focus-visible{outline-color:#FFFFFF}
.tp-ecom__btn--full{display:flex;width:100%;justify-content:space-between;padding:18px 26px;font-size:16.74px}
.tp-ecom__btn[aria-busy="true"]{cursor:progress;opacity:.8}
.tp-ecom__tlink{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;font-weight:700;font-size:16px;line-height:1.5;text-decoration:none;white-space:nowrap;background:linear-gradient(rgba(214,106,80,.14),rgba(214,106,80,.14)) no-repeat 100% 0/0% 100%;transition:background-size .45s var(--e),color .3s ease,gap .3s ease}
.tp-ecom a.tp-ecom__tlink{color:#B8442B}
.tp-ecom__tlink:hover{background-size:100% 100%;gap:16px}
.tp-ecom__tlink:focus-visible{outline:2px solid #02141E;outline-offset:2px}
.tp-ecom__tlink--dark{background-image:linear-gradient(rgba(214,106,80,.18),rgba(214,106,80,.18))}
.tp-ecom a.tp-ecom__tlink--dark,.tp-ecom a.tp-ecom__tlink--dark:hover{color:#D66A50}
.tp-ecom__tlink--dark:focus-visible{outline-color:#FFFFFF}

/* 01 Hero */
.tp-ecom__hero .tp-ecom__inner{padding:clamp(16px,2vw,24px) var(--g) clamp(56px,7vw,96px)}
.tp-ecom__crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;font-size:13px;line-height:1.5}
.tp-ecom__crumbs li{display:flex;align-items:center;gap:8px}
.tp-ecom__crumbs li+li::before{content:"/";color:#3A5260}
.tp-ecom .tp-ecom__crumbs a{color:#8FA1AB;text-decoration:none}
.tp-ecom .tp-ecom__crumbs a:hover{color:#D66A50;text-decoration:underline;text-underline-offset:3px}
.tp-ecom__crumbs a:focus-visible{outline:2px solid #FFFFFF;outline-offset:2px}
.tp-ecom__crumbs [aria-current]{color:#C9D3D8;font-weight:500}
.tp-ecom__hero .tp-ecom__eyebrow{margin:clamp(28px,3.4vw,48px) 0 18px}
.tp-ecom__h1{margin:0;max-width:1180px;font-family:var(--disp);font-weight:700;font-size:clamp(46px,8vw,132px);line-height:.98;letter-spacing:-.01em;color:#FFFFFF;text-wrap:balance}
.tp-ecom__h1 span{color:#D66A50}
.tp-ecom__split{margin-top:clamp(40px,5vw,72px);padding-top:clamp(28px,3vw,40px);border-top:1px solid #2E4755;display:flex;flex-wrap:wrap;gap:32px clamp(40px,6vw,112px);align-items:flex-start}
.tp-ecom__hero-main{flex:1.1 1 420px;min-width:0;max-width:640px;display:flex;flex-direction:column;gap:22px}
.tp-ecom__promise{margin:0;font-family:var(--disp);font-weight:700;font-size:clamp(24px,2.4vw,36px);line-height:1.2;color:#FFFFFF;text-wrap:balance}
.tp-ecom__promise span{color:#D66A50}
.tp-ecom__hero-side{flex:1 1 320px;min-width:0;max-width:460px;display:flex;flex-direction:column;gap:24px}
.tp-ecom__me{display:flex;gap:16px;align-items:flex-start}
.tp-ecom__me img{flex:0 0 64px;width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:50% 30%}
.tp-ecom__me p{margin:0;font-size:16px;line-height:1.65;color:#C9D3D8;text-wrap:pretty}
.tp-ecom__proof{list-style:none;margin:0;padding:0;border-top:1px solid #2E4755}
.tp-ecom__proof li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #2E4755;font-size:15px;font-weight:500;color:#FFFFFF}
.tp-ecom__proof .tp-ecom__dia{transform:rotate(45deg)}

/* 02 Work */
.tp-ecom__work .tp-ecom__inner{padding-bottom:clamp(56px,7vw,100px)}
.tp-ecom__work .tp-ecom__intro{margin-bottom:clamp(32px,4vw,56px)}
.tp-ecom__project{display:flex;flex-wrap:wrap;align-items:center;gap:28px clamp(40px,5vw,88px);padding:clamp(36px,4.4vw,64px) 0;border-top:1px solid #D9D1C7}
.tp-ecom__shot{position:relative;flex:1.3 1 520px;min-width:0;display:block;aspect-ratio:16/10;border-radius:20px;overflow:hidden;background:#E6DFD6;box-shadow:0 6px 18px -8px rgba(2,20,30,.18);transition:transform .45s var(--e),box-shadow .45s var(--e)}
.tp-ecom__shot:hover{transform:translateY(-6px);box-shadow:0 18px 36px -14px rgba(2,20,30,.28)}
.tp-ecom__shot img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:auto}
.tp-ecom__shot--scroll img{transition:transform 1.2s var(--e)}
.tp-ecom__shot--scroll:hover img{transform:translateY(var(--scroll));transition:transform var(--dur) linear}
.tp-ecom__shot--zoom img{width:136.4%;transform:translate(-13.33%,-48.6%)}
.tp-ecom__project-body{flex:1 1 340px;min-width:0;max-width:540px;display:flex;flex-direction:column;gap:14px}
.tp-ecom__kind{margin:0;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:700;color:#B8442B}
.tp-ecom__kind .tp-ecom__dia{transform:rotate(45deg)}
.tp-ecom__num{color:#02141E}
.tp-ecom__project-title{display:flex;flex-direction:column;gap:4px}
.tp-ecom__project-title [dir="ltr"]{text-align:right}
.tp-ecom__sub{font-size:15px}
.tp-ecom__fit{margin:0;padding-top:14px;border-top:1px solid #D9D1C7;font-size:15px;line-height:1.6;text-wrap:pretty}
.tp-ecom__fit strong{color:#02141E}
.tp-ecom__plink{align-self:flex-start;margin-top:4px;display:inline-flex;align-items:center;gap:8px;font-weight:700;text-decoration:none;border-radius:4px;transition:gap .3s ease,color .3s ease}
.tp-ecom a.tp-ecom__plink{color:#02141E}
.tp-ecom a.tp-ecom__plink:hover{gap:16px;color:#B8442B}
.tp-ecom__plink span{color:#D66A50}
.tp-ecom__plink:focus-visible{outline:2px solid #02141E;outline-offset:4px}

/* 03 Journey */
.tp-ecom__journey-grid{display:flex;flex-direction:column;gap:clamp(40px,6vw,104px)}
.tp-ecom__stations{list-style:none;margin:0;padding:0;border-top:1px solid #2E4755}
.tp-ecom__station{display:flex;gap:16px;align-items:flex-start;padding:28px 0 32px;border-bottom:1px solid #2E4755;transition:background .3s ease}
.tp-ecom__st-num{flex:0 0 36px;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#D66A50;border:1.5px solid #D66A50;transition:background .3s ease,color .3s ease}
.tp-ecom__st-body{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:12px}
.tp-ecom__st-title{margin:0;font-family:var(--disp);font-weight:700;font-size:clamp(22px,2vw,28px);line-height:1.2;color:#FFFFFF}
.tp-ecom__st-btn{margin:0;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:right;cursor:default;border-radius:4px;pointer-events:none}
.tp-ecom__st-btn:focus-visible{outline:2px solid #FFFFFF;outline-offset:4px}
.tp-ecom__st-text{margin:0;font-size:16px;line-height:1.65;color:#E4E9EC;text-wrap:pretty}
.tp-ecom__mini{max-width:440px;margin-top:6px;background:#132A36;border:1px solid #2E4755;border-radius:20px;padding:10px}
.tp-ecom__ex{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;font-size:15px;line-height:1.55;color:#E4E9EC}
.tp-ecom__ex>span:last-child{flex:1 1 150px;min-width:0;text-wrap:pretty}
.tp-ecom__ex strong{color:#FFFFFF}
.tp-ecom__ex-tag{flex:0 0 auto;font-size:13px;font-weight:700;color:#D66A50;border:1px solid #2E4755;border-radius:999px;padding:1px 10px}
.tp-ecom__stage{display:none}
.tp-ecom__phone{position:relative;width:300px;max-width:100%;height:600px;background:#132A36;border:1px solid #2E4755;border-radius:40px;padding:12px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.tp-ecom__phone-screen{position:relative;height:100%;border-radius:30px;overflow:hidden;background:#F7F4F0;display:grid;color:#02141E}
.tp-ecom__screen{grid-area:1/1;min-width:0;padding:44px 16px 18px;display:flex;flex-direction:column;gap:12px;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .45s var(--e),transform .45s var(--e),visibility .45s}
.tp-ecom__screen.is-before{transform:translateY(-14px)}
.tp-ecom__screen.is-active{opacity:1;visibility:visible;transform:none}
.tp-ecom__tabs{display:flex;gap:10px}
.tp-ecom__tab{width:44px;height:44px;border-radius:50%;border:1.5px solid #D66A50;background:transparent;color:#D66A50;font:700 15px var(--text);cursor:pointer;transition:background .3s ease,color .3s ease}
.tp-ecom__tab.is-active{background:#D66A50;color:#02141E}
.tp-ecom__stage-cap{font-size:15px;font-weight:700;color:#FFFFFF;text-align:center}

/* 04 Manage */
.tp-ecom__manage{background:#FFFFFF}
.tp-ecom__cells{display:grid;grid-template-columns:minmax(0,1fr);gap:1px;background:#E6DFD6;border-top:1px solid #E6DFD6;border-bottom:1px solid #E6DFD6}
.tp-ecom__cell{background:#FFFFFF;padding:clamp(28px,3vw,44px) clamp(0px,2vw,32px) clamp(28px,3vw,44px) clamp(20px,3vw,44px);display:flex;flex-direction:column;gap:16px}
.tp-ecom__tag{font-size:14px;font-weight:700;color:#B8442B}
.tp-ecom__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.tp-ecom__list li{display:flex;gap:12px;align-items:baseline;font-size:16px;line-height:1.6;text-wrap:pretty}
.tp-ecom__cell .tp-ecom__tlink{margin-top:auto}

/* 05 Pricing */
.tp-ecom__pricing{background:#B8442B;color:#FFFFFF}
.tp-ecom__pricing .tp-ecom__eyebrow{color:#FFFFFF}
.tp-ecom__pricing .tp-ecom__h2{max-width:980px;font-size:clamp(36px,5vw,80px);line-height:1.02;color:#FFFFFF}
.tp-ecom__pricing .tp-ecom__h2 span{color:#02141E}
.tp-ecom__pricing .tp-ecom__lead{max-width:720px;margin:clamp(20px,2.4vw,32px) 0 clamp(40px,5vw,72px);color:#FFFFFF}
.tp-ecom__pcols{display:grid;grid-template-columns:minmax(0,1fr);gap:0 clamp(32px,4vw,64px)}
.tp-ecom__pcol{padding:clamp(28px,3vw,40px) 0;border-top:1px solid #D9806A;display:flex;flex-direction:column;gap:16px}
.tp-ecom__pnum{font-family:var(--disp);font-weight:700;font-size:clamp(48px,4.4vw,72px);line-height:.8;color:#02141E}
.tp-ecom__list--on-rust{gap:10px}
.tp-ecom__list--on-rust li{color:#FFFFFF}
.tp-ecom__list--on-rust .tp-ecom__dia{background:#02141E}
.tp-ecom__pfoot{margin-top:clamp(32px,4vw,56px);padding-top:clamp(28px,3vw,40px);border-top:1px solid #D9806A;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 32px}
.tp-ecom__pfoot p{margin:0;max-width:620px;font-family:var(--disp);font-weight:700;font-size:clamp(21px,1.9vw,26px);line-height:1.3;color:#FFFFFF;text-wrap:balance}

/* 06 Process */
.tp-ecom__process .tp-ecom__inner{display:flex;flex-wrap:wrap;gap:40px clamp(40px,6vw,112px);align-items:flex-start}
.tp-ecom__aside{flex:1 1 340px;max-width:480px;display:flex;flex-direction:column;gap:28px}
.tp-ecom__weekly{display:flex;gap:16px;align-items:flex-start;padding-top:24px;border-top:1px solid #D9D1C7}
.tp-ecom__weekly img{flex:0 0 56px;width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:50% 30%}
.tp-ecom__weekly div{display:flex;flex-direction:column;gap:12px}
.tp-ecom__weekly p{margin:0;font-size:16px;line-height:1.65;color:#02141E;text-wrap:pretty}
.tp-ecom__steps-col{flex:1.4 1 480px;min-width:0}
.tp-ecom__steps{list-style:none;margin:0;padding:0}
.tp-ecom__step{display:flex;gap:clamp(20px,3vw,48px);align-items:flex-start;padding:clamp(24px,2.6vw,36px) 0;border-top:1px solid #D9D1C7}
.tp-ecom__step-num{flex:0 0 clamp(56px,6vw,96px);font-family:var(--disp);font-weight:700;font-size:clamp(64px,7vw,112px);line-height:.8;color:#D66A50;opacity:.84}
.tp-ecom__step-body{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:10px;padding-top:4px}
.tp-ecom__step-body .tp-ecom__p,.tp-ecom__out{max-width:580px}
.tp-ecom__out{margin:0;font-size:15px;line-height:1.6;text-wrap:pretty}
.tp-ecom__out strong{color:#B8442B}
.tp-ecom__prep{margin-top:clamp(8px,1vw,16px);background:#FFFFFF;border-radius:15px;padding:clamp(24px,3vw,44px);display:flex;flex-direction:column;gap:clamp(18px,2vw,24px)}
.tp-ecom__prep .tp-ecom__h3{font-size:clamp(22px,2vw,28px);line-height:1.2}
.tp-ecom__prep ul{list-style:none;margin:0;padding:0;border-top:1px solid #E6DFD6}
.tp-ecom__prep li{display:grid;grid-template-columns:minmax(0,1fr);gap:2px 24px;align-items:baseline;padding:14px 0;border-bottom:1px solid #E6DFD6}
.tp-ecom__prep-t{display:flex;align-items:baseline;gap:12px;font-size:16px;font-weight:700;color:#02141E}
.tp-ecom__prep-d{font-size:16px;line-height:1.6;padding-inline-start:19px;text-wrap:pretty}
.tp-ecom__prep>p{margin:0;max-width:560px;font-size:16px;line-height:1.65;color:#02141E;text-wrap:pretty}

/* 07 FAQ: DS FAQ */
.tp-ecom__faq{background:#FFFFFF}
.tp-ecom__faq .tp-ecom__inner{display:flex;flex-wrap:wrap;gap:clamp(32px,6vw,96px)}
.tp-ecom__faq .tp-ecom__head{flex:1 1 300px;max-width:420px}
.tp-ecom__faq-list{flex:2 1 520px;min-width:0;border-top:1px solid #D9D1C7}
.tp-ecom__faq-item{border-bottom:1px solid #D9D1C7}
.tp-ecom__faq-h{margin:0}
.tp-ecom__faq-btn{box-sizing:border-box;width:100%;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;margin:0;border:0;background:none;color:#02141E;text-align:right;cursor:pointer;font:inherit}
.tp-ecom__faq-btn:focus-visible{outline:2px solid #02141E;outline-offset:2px}
.tp-ecom__faq-btn>span:first-child{font-family:var(--disp);font-weight:700;font-size:clamp(20px,1.8vw,25px);line-height:1.3}
.tp-ecom__faq-icon{flex:0 0 36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #02141E;border-radius:10px;font-size:20px;transition:transform .45s var(--e),background-color .35s ease,color .35s ease}
.tp-ecom__faq-btn[aria-expanded="true"] .tp-ecom__faq-icon{transform:rotate(45deg);background:#02141E;color:#FFFFFF}
.tp-ecom__faq-panel{display:grid;grid-template-rows:1fr;transition:grid-template-rows .55s var(--e),opacity .45s ease}
.tp-ecom__faq-panel>div{overflow:hidden;min-height:0}
.tp-ecom__faq-panel p{margin:0;padding:0 0 28px;max-width:640px;font-size:17px;text-wrap:pretty}
.tp-ecom__faq-panel.is-closing{grid-template-rows:0fr;opacity:0}
.tp-ecom__faq-panel[hidden]{display:none}

@media (min-width:640px){
  .tp-ecom__prep li{grid-template-columns:minmax(150px,200px) minmax(0,1fr)}
  .tp-ecom__prep-d{padding-inline-start:0}
}
@media (max-width:559px){
  .tp-ecom__hero .tp-ecom__btn{display:flex;width:100%;justify-content:space-between}
}
@media (max-width:899px){
  .tp-ecom__proof{display:none}
}
@media (min-width:900px){
  .tp-ecom__h1 span{display:block}
  .tp-ecom__intro .tp-ecom__lead,.tp-ecom__steps-col,.tp-ecom__faq-list{padding-top:41px}
  .tp-ecom__project--flip .tp-ecom__shot{order:2}
  .tp-ecom__aside{position:sticky;top:112px}
}
@media (min-width:1000px){
  .tp-ecom__cells,.tp-ecom__pcols{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tp-ecom__journey-grid{flex-direction:row;align-items:flex-start}
  .tp-ecom__journey-list{flex:1 1 0;min-width:0}
  .tp-ecom__station{gap:clamp(16px,2vw,24px);padding:clamp(22px,2.4vw,30px) 16px;margin:0 -16px}
  .tp-ecom__station.is-active{background:#132A36}
  .tp-ecom__station.is-active .tp-ecom__st-num{background:#D66A50;color:#02141E}
  .tp-ecom__st-num{flex-basis:40px;width:40px;height:40px;font-size:16px}
  .tp-ecom__st-body{gap:10px}
  .tp-ecom__st-btn{cursor:pointer;pointer-events:auto}
  .tp-ecom__mini{display:none}
  .tp-ecom__stage{flex:0 0 320px;position:sticky;top:112px;display:flex;flex-direction:column;align-items:center;gap:20px}
}
@media (prefers-reduced-motion:reduce){
  .tp-ecom *,.tp-ecom *::before,.tp-ecom *::after{transition:none !important}
  .tp-ecom__screen,.tp-ecom__screen.is-before{transform:none}
  .tp-ecom__shot:hover,.tp-ecom__btn:hover,.tp-ecom__btn:active{transform:none}
  .tp-ecom__shot--scroll:hover img{transform:none}
}

.tp-ecom__proof{margin-inline-start:80px}

/* Respect the shared sticky header and WordPress admin bar. */
.tp-ecom section{scroll-margin-top:calc(var(--header,76px) + var(--tp-admin-offset,0px))}
.tp-ecom :is(.tp-ecom__stage,.tp-ecom__aside){top:calc(var(--header,76px) + var(--tp-admin-offset,0px) + 36px)}
.tp-ecom [dir="ltr"]{unicode-bidi:isolate}
@media(hover:hover){.tp-ecom__shot--scroll:focus-visible img{transform:translateY(var(--scroll));transition:transform var(--dur) linear}}
@media(prefers-reduced-motion:reduce){.tp-ecom__shot--scroll:focus-visible img{transform:none;transition:none}}
