.cpp{display:block;--cpp-navy:#0a1330;--cpp-blue:#00AEEF;--cpp-blue2:#00AEEF;--cpp-ink:#101828;--cpp-mut:#667085;--cpp-line:#e4e7ec;--cpp-bg:#f5f7fb;--cpp-card:#fff}
.cpp *{box-sizing:border-box;margin:0;padding:0}
.cpp{margin-top:-46px;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--cpp-ink);background:var(--cpp-bg);line-height:1.5}
.cpp .cpp-wrap{max-width:1320px;margin:auto;padding:0 16px}
.cpp a{color:inherit;text-decoration:none}
.cpp button{font:inherit;cursor:pointer}
.cpp button:focus-visible,.cpp a:focus-visible{outline:2px solid var(--cpp-blue2);outline-offset:2px}
.cpp .cpp-crumbs{font-size:12px;color:var(--cpp-mut);padding:14px 0}
.cpp .cpp-crumbs b{color:var(--cpp-ink);font-weight:600}
.cpp .cpp-top{display:grid;grid-template-columns:1fr 1.15fr;gap:10px;align-items:stretch}
.cpp /* gallery */
.cpp-gal{display:flex;flex-direction:column;background:#fff;padding:0;border-radius:10px;overflow:hidden}
.cpp .cpp-pf{display:grid;grid-template-columns:1fr 104px;gap:10px}
.cpp .cpp-hd{position:relative;display:flex;justify-content:space-between;align-items:stretch;margin:0 0 12px;border-bottom:1px solid #15204a}
.cpp .cpp-hd:after{content:"";position:absolute;left:0;bottom:-1px;width:58%;height:2px;background:linear-gradient(90deg,#00AEEF,transparent);box-shadow:0 0 10px #00AEEF}
.cpp .cpp-hd-t{padding:4px 8px 11px 6px;min-width:0}
.cpp .cpp-hd-t h2{font:italic 800 24px/1 "Barlow Condensed","Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:.02em;background:linear-gradient(180deg,#fff 10%,#7fb0ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.cpp .cpp-hd-t h2.cpp-b2{font-size:36px;display:flex;align-items:center;gap:10px;margin-top:2px}
.cpp .cpp-hd-t h2.cpp-b2:before{content:"";width:26px;height:2px;background:#00AEEF;box-shadow:0 0 8px #00AEEF;flex:none}
.cpp .cpp-hd-t p{font:500 10.5px system-ui,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#b9c7f5;margin-top:6px}
.cpp .cpp-hd-n{flex:none;min-width:104px;display:flex;align-items:center;justify-content:center;padding:0 16px 0 34px;clip-path:polygon(24% 0,100% 0,100% 100%,0 100%);background:linear-gradient(135deg,rgba(0,174,239,.42),rgba(0,174,239,.06));box-shadow:inset 0 -3px 0 #00AEEF}
.cpp .cpp-hd-n span{font:italic 800 58px/1 "Barlow Condensed","Arial Narrow",sans-serif;color:#fff;text-shadow:0 0 20px #00AEEF,0 0 4px #9cc0ff}
.cpp .cpp-stage{position:relative;flex:1 1 auto;min-height:260px;border-radius:10px;overflow:hidden;background:#fff}
.cpp .cpp-stage img{width:100%;height:100%;object-fit:contain;display:block;position:absolute;inset:0}
.cpp .cpp-ctl{position:absolute;bottom:12px;width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.18);z-index:2;color:#fff;backdrop-filter:blur(4px);font-size:18px}
.cpp #cpp-prev{right:56px}
.cpp #cpp-next{right:14px}
.cpp #cpp-zoom{left:14px}
.cpp /* info */
.cpp-info{background:var(--cpp-card);border-radius:10px;padding:22px}
.cpp .cpp-badges{display:flex;gap:8px;flex-wrap:wrap;font-size:11px;color:var(--cpp-mut);margin-bottom:10px}
.cpp .cpp-badges span{background:var(--cpp-bg);padding:3px 9px;border-radius:99px}
.cpp h1{font-size:26px;line-height:1.15;letter-spacing:.01em;text-transform:uppercase}
.cpp .cpp-tag{display:inline-block;color:#00AEEF;font-weight:700;font-size:13.5px;margin:6px 0 8px;padding:3px 10px;border-radius:6px;background:linear-gradient(90deg,#dbe6ff,#eef3ff);border-left:3px solid var(--cpp-blue)}
.cpp .cpp-rate{font-size:13px;color:var(--cpp-mut)}
.cpp .cpp-rate i{color:#f5a623;font-style:normal;letter-spacing:1px}
.cpp .cpp-price{font-size:22px;font-weight:700;color:var(--cpp-blue);margin-top:8px}
.cpp .cpp-price:empty{display:none}
.cpp .cpp-short{font-size:13.5px;color:#475467;margin:12px 0}
.cpp .cpp-feat{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:14px 0;text-align:center}
.cpp .cpp-feat div{font-size:10px;color:#475467;line-height:1.25}
.cpp .cpp-feat svg{display:block;margin:0 auto 4px;width:34px;height:34px;padding:7px;border-radius:50%;background:#eaf0ff;stroke:var(--cpp-blue);fill:none;stroke-width:1.8}
.cpp .cpp-lbl{display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin:14px 0 6px}
.cpp .cpp-lbl a{color:var(--cpp-blue);font-weight:500}
.cpp .cpp-sizes{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.cpp .cpp-sizes button{padding:6px 2px;border:1px solid #d0d5dd;background:#fff;border-radius:7px;font:700 14px/1.2 "Barlow Condensed","Arial Narrow",sans-serif;letter-spacing:.02em}
.cpp .cpp-sizes button:hover{border-color:var(--cpp-blue2)}
.cpp .cpp-sizes button.cpp-on{border-color:var(--cpp-blue);background:#eaf0ff;color:var(--cpp-blue)}
.cpp .cpp-qty{display:flex;align-items:center;gap:10px;margin:14px 0;font-size:13px;font-weight:600}
.cpp .cpp-qty div{display:flex;border:1px solid var(--cpp-line);border-radius:6px;overflow:hidden}
.cpp .cpp-qty button{width:28px;height:30px;border:0;background:#fff;font-size:15px}
.cpp .cpp-qty input{width:44px;text-align:center;border:0;border-inline:1px solid var(--cpp-line);font:inherit}
.cpp .cpp-cta{display:grid;grid-template-columns:1.4fr 1fr;gap:8px;align-items:stretch}
.cpp .cpp-cta button{padding:0 12px;height:40px;border-radius:7px;font-weight:600;font-size:13.5px}
.cpp .cpp-p{background:var(--cpp-blue);border:0;color:#fff}
.cpp .cpp-p:hover,.cpp .cpp-p:focus,.cpp .cpp-p:active{background:#0095cc !important;border:0 !important;color:#fff !important}
.cpp .cpp-s{background:#fff;border:1px solid var(--cpp-ink);color:var(--cpp-ink)}
.cpp .cpp-s[aria-pressed=true]{border-color:#e11d48;color:#e11d48}
.cpp .cpp-s[aria-pressed=true] #cpp-heart{color:#e11d48}
.cpp .cpp-trust{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:11.5px;color:var(--cpp-mut);margin-top:12px}
.cpp /* highlight cards */
.cpp-hl{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}
.cpp .cpp-hl figure{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:16/11;background:#000;border:1px solid #1a2861;transition:border-color .25s,box-shadow .25s,transform .25s}
.cpp .cpp-hl img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.78) saturate(1.1);transition:transform .5s,filter .3s}
.cpp .cpp-hl figure:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:34%;background:linear-gradient(90deg,#00AEEF,#7fb0ff);box-shadow:0 0 12px #00AEEF;transition:width .35s}
.cpp .cpp-hl figure:hover{border-color:#00AEEF;transform:translateY(-3px);box-shadow:0 14px 30px -14px rgba(0,174,239,.75)}
.cpp .cpp-hl figure:hover img{transform:scale(1.07);filter:brightness(.95) saturate(1.15)}
.cpp .cpp-hl figure:hover:after{width:100%}
.cpp .cpp-hl .cpp-ic{position:absolute;top:12px;left:12px;width:38px;height:38px;border-radius:11px;background:rgba(0,174,239,.28);border:1px solid rgba(127,176,255,.5);backdrop-filter:blur(6px);display:grid;place-items:center}
.cpp .cpp-hl .cpp-ic svg{width:20px;height:20px;stroke:#cfe0ff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cpp .cpp-hl figcaption{position:absolute;inset:auto 0 0;padding:46px 14px 14px;color:#fff;background:linear-gradient(transparent,rgba(2,6,22,.94) 70%)}
.cpp .cpp-hl figcaption b{display:block;font-size:15px;font-weight:700}
.cpp .cpp-hl figcaption small{display:block;font-size:12px;color:#b9c7f5;margin-top:2px;line-height:1.35}
.cpp /* tabs */
.cpp-tabs{background:var(--cpp-card);border-radius:10px;overflow:hidden}
.cpp .cpp-tabnav{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--cpp-line);padding:0 12px}
.cpp .cpp-tabnav button{border:0;background:none;padding:14px 14px;font-size:13.5px;color:var(--cpp-mut);white-space:nowrap;border-bottom:2px solid transparent}
.cpp .cpp-tabnav button.cpp-on{color:var(--cpp-blue);border-color:var(--cpp-blue);font-weight:600}
.cpp .cpp-pane{display:none;padding:22px}
.cpp .cpp-pane.cpp-on{display:block}
.cpp .cpp-two{display:grid;grid-template-columns:1.2fr 1fr;gap:34px}
.cpp h3{font-size:16px;margin-bottom:10px}
.cpp .cpp-pane p{font-size:14px;color:#475467;margin-bottom:12px}
.cpp .cpp-ticks{list-style:none}
.cpp .cpp-ticks li{font-size:14px;padding:5px 0 5px 28px;position:relative}
.cpp .cpp-ticks li:before{content:"✓";position:absolute;left:0;top:6px;width:18px;height:18px;border-radius:50%;background:var(--cpp-blue);color:#fff;font-size:11px;text-align:center;line-height:18px}
.cpp table{width:100%;border-collapse:collapse;font-size:13.5px}
.cpp td{padding:9px 6px;border-bottom:1px solid var(--cpp-line)}
.cpp td:first-child{color:var(--cpp-mut);width:42%}
.cpp /* related */
.cpp-rel h2{font-size:17px;margin:26px 0 12px;display:flex;justify-content:space-between;align-items:baseline}
.cpp .cpp-rel h2 a{font-size:12px;color:var(--cpp-blue);font-weight:500}
.cpp .cpp-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:40px}
.cpp .cpp-card{background:var(--cpp-card);border-radius:8px;padding:10px;font-size:13px}
.cpp .cpp-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;display:block;background:var(--cpp-navy)}
.cpp .cpp-card b{display:block;margin-top:8px;font-weight:600}
.cpp .cpp-card span{color:var(--cpp-blue);font-size:12px}
.cpp .cpp-card a.cpp-b{display:block;text-align:center;background:var(--cpp-blue);color:#fff;border-radius:6px;padding:7px;margin-top:8px;font-size:12px}
.cpp /* lightbox */
#cpp-lb{position:fixed;inset:0;background:rgba(5,8,20,.92);display:none;align-items:center;justify-content:center;z-index:99}
.cpp #cpp-lb.cpp-on{display:flex}
.cpp #cpp-lb img{max-width:92vw;max-height:90vh}
@media(max-width:900px){.cpp .cpp-top,.cpp .cpp-two{grid-template-columns:1fr}
.cpp .cpp-hl{grid-template-columns:1fr 1fr}
.cpp .cpp-grid{grid-template-columns:repeat(2,1fr)}
.cpp .cpp-stage{flex:none;height:440px}}
@media(max-width:520px){.cpp .cpp-stage{height:380px}
.cpp .cpp-feat{display:flex;overflow-x:auto;gap:8px;scrollbar-width:none}.cpp .cpp-feat div{flex:0 0 78px}
.cpp .cpp-cta{grid-template-columns:1fr}}
/* theme-proofing: stop Woodmart / theme styles leaking into the layout */
.cpp{background:var(--cpp-bg);font-size:16px;padding-bottom:1px}
.cpp button,.cpp input{margin:0;text-transform:none;box-shadow:none;min-height:0;line-height:normal;letter-spacing:normal;width:auto}
.cpp .cpp-qty input{width:44px}
.cpp h1,.cpp h2,.cpp h3{margin:0;padding:0;font-family:inherit}
.cpp h1{font-size:26px;line-height:1.15;text-transform:uppercase}
.cpp .cpp-hd-t h2{font-family:"Barlow Condensed","Arial Narrow",sans-serif}
.cpp img{max-width:100%;height:auto}
.cpp .cpp-stage img,.cpp .cpp-hl img{height:100%}
.cpp .cpp-desc ul{list-style:none;padding:0;margin:0 0 12px}
.cpp .cpp-desc ul li{font-size:14px;padding:5px 0 5px 28px;position:relative}
.cpp .cpp-desc ul li:before{content:"\2713";position:absolute;left:0;top:6px;width:18px;height:18px;border-radius:50%;background:var(--cpp-blue);color:#fff;font-size:11px;text-align:center;line-height:18px}
.cpp .cpp-desc p,.cpp .cpp-pane p{font-size:14px;color:#475467;margin:0 0 12px}
.cpp table{width:100%;border-collapse:collapse}
.cpp table th{text-align:left;font-weight:400;color:var(--cpp-mut);padding:9px 6px;border-bottom:1px solid var(--cpp-line);width:42%}
.cpp table td p{margin:0}
.cpp .cpp-hl figure{margin:0}
.cpp .cpp-card a.cpp-b{color:#fff}
.cpp .cpp-card .cpp-pr{color:var(--cpp-blue);font-size:12px}

.cpp{clear:both;width:100%;color:var(--cpp-ink)}
.cpp h1,.cpp h2,.cpp h3{color:inherit}
.cpp h1{color:var(--cpp-ink)}
.cpp .cpp-hd-t h2{color:transparent}
.cpp .cpp-sizes button,.cpp .cpp-qty button,.cpp .cpp-qty input{color:var(--cpp-ink)}
.cpp .cpp-sizes button.cpp-on{color:var(--cpp-blue)}
.cpp .cpp-info,.cpp .cpp-tabs,.cpp .cpp-card{color:var(--cpp-ink)}

.cpp .cpp-wishhide{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* description layout: points on the left, spec table on the right, in the same window */
.cpp .esvk7q3-wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:34px;align-items:start}
.cpp .esvk7q3-left:before,.cpp .esvk7q3-right:before{display:block;font-size:16px;font-weight:700;color:var(--cpp-ink);margin-bottom:12px}
.cpp .esvk7q3-left:before{content:"Product Description"}
.cpp .esvk7q3-right:before{content:"Product Specifications"}
.cpp .esvk7q3-intro{font-size:14px;line-height:1.6;color:#475467;margin:0 0 14px}
.cpp .esvk7q3-features,.cpp .esvk7q3-ideal-list{list-style:none;padding:0;margin:0 0 12px}
.cpp .esvk7q3-features li,.cpp .esvk7q3-ideal-list li{position:relative;list-style:none;padding:5px 0 5px 28px;margin:0;font-size:14px;color:var(--cpp-ink)}
.cpp .esvk7q3-features li:before,.cpp .esvk7q3-ideal-list li:before{content:"\2713";position:absolute;left:0;top:6px;width:18px;height:18px;border-radius:50%;background:var(--cpp-blue);color:#fff;font-size:11px;line-height:18px;text-align:center}
.cpp .esvk7q3-ideal-label{font-size:14px;font-weight:700;color:var(--cpp-ink);margin:16px 0 6px}
.cpp .esvk7q3-spec-table{width:100%;border-collapse:collapse;font-size:13.5px;margin:0}
.cpp .esvk7q3-spec-table tr{background:transparent}
.cpp .esvk7q3-spec-table td{padding:9px 6px;border:0;border-bottom:1px solid var(--cpp-line);background:transparent;vertical-align:top}
.cpp .esvk7q3-spec-label{width:42%;color:var(--cpp-mut)}
.cpp .esvk7q3-spec-value{color:var(--cpp-ink)}
.cpp .esvk7q3-spec-icon{display:none}
.cpp .esvk7q3-wrap br{display:none}
@media(max-width:900px){.cpp .esvk7q3-wrap{grid-template-columns:1fr;gap:22px}}

/* hover zoom */
.cpp .cpp-stage.cpp-canzoom{cursor:zoom-in}
.cpp .cpp-stage img{transition:transform .18s ease-out;will-change:transform}
.cpp .cpp-stage.cpp-zoomed img{transform:scale(2.5)}

/* ===== responsive: all screen sizes ===== */
.cpp,.cpp .cpp-wrap,.cpp .cpp-top>*{min-width:0}
.cpp img,.cpp svg,.cpp table{max-width:100%}
.cpp .cpp-pane{overflow-x:auto}
.cpp .cpp-short,.cpp h1,.cpp .cpp-tag{overflow-wrap:break-word}

/* very large screens */
@media(min-width:1500px){.cpp .cpp-wrap{max-width:1440px}}

/* laptops / small desktops */
@media(max-width:1200px){
  .cpp .cpp-wrap{padding:0 20px}
  .cpp .cpp-grid{grid-template-columns:repeat(4,1fr)}
  .cpp .cpp-hl{grid-template-columns:repeat(2,1fr)}
}

/* tablets landscape */
@media(max-width:1024px){
  .cpp .cpp-top{grid-template-columns:1fr 1.1fr}
  .cpp-info{padding:18px}
  .cpp h1{font-size:22px}
  .cpp .cpp-sizes{grid-template-columns:repeat(4,1fr)}
  .cpp .cpp-grid{grid-template-columns:repeat(3,1fr)}
}

/* tablets portrait / large phones: single column */
@media(max-width:900px){
  .cpp{margin-top:0}
  .cpp .cpp-top{grid-template-columns:1fr;gap:12px}
  .cpp .cpp-stage{flex:none;height:auto;aspect-ratio:1/1;max-height:560px;min-height:0}
  .cpp .cpp-sizes{grid-template-columns:repeat(5,1fr)}
  .cpp .cpp-feat{grid-template-columns:repeat(7,minmax(0,1fr))}
  .cpp .cpp-grid{grid-template-columns:repeat(3,1fr)}
  .cpp .cpp-pane{padding:18px}
}

/* phones */
@media(max-width:640px){
  .cpp .cpp-wrap{padding:0 12px}
  .cpp .cpp-crumbs{font-size:11px;padding:10px 0}
  .cpp-info{padding:16px}
  .cpp h1{font-size:20px}
  .cpp .cpp-tag{font-size:12.5px}
  .cpp .cpp-short{font-size:13px}
  .cpp .cpp-feat{display:flex;overflow-x:auto;gap:8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .cpp .cpp-feat::-webkit-scrollbar{display:none}
  .cpp .cpp-feat div{flex:0 0 76px}
  .cpp .cpp-sizes{grid-template-columns:repeat(5,1fr);gap:5px}
  .cpp .cpp-sizes button{padding:9px 2px;font-size:13px}
  .cpp .cpp-qty button{width:36px;height:36px}
  .cpp .cpp-cta{grid-template-columns:1fr}
  .cpp .cpp-cta button{height:46px}
  .cpp .cpp-trust{flex-direction:column;gap:4px}
  .cpp .cpp-hl{grid-template-columns:1fr 1fr;gap:8px}
  .cpp .cpp-hl figure{aspect-ratio:4/3}
  .cpp .cpp-hl figcaption{padding:34px 10px 10px}
  .cpp .cpp-hl figcaption b{font-size:13px}
  .cpp .cpp-hl figcaption small{font-size:11px}
  .cpp .cpp-hl .cpp-ic{top:8px;left:8px;width:30px;height:30px}
  .cpp .cpp-hl .cpp-ic svg{width:16px;height:16px}
  .cpp .cpp-tabnav{padding:0 6px;scrollbar-width:none}
  .cpp .cpp-tabnav button{padding:12px 10px;font-size:13px}
  .cpp .cpp-pane{padding:14px}
  .cpp .cpp-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .cpp .cpp-rel h2{font-size:16px}
  .cpp table td:first-child,.cpp table th,.cpp .esvk7q3-spec-label{width:45%}
}

/* small phones */
@media(max-width:400px){
  .cpp .cpp-wrap{padding:0 8px}
  .cpp-info{padding:12px}
  .cpp h1{font-size:18px}
  .cpp .cpp-sizes{grid-template-columns:repeat(4,1fr)}
  .cpp .cpp-hl{grid-template-columns:1fr}
  .cpp .cpp-hl figure{aspect-ratio:16/10}
  .cpp .cpp-badges span{font-size:10px}
}

/* touch devices: no hover zoom/lift */
@media(hover:none){
  .cpp .cpp-hl figure:hover{transform:none}
  .cpp .cpp-hl figure:hover img{transform:none}
}

/* ===== image fills its box: no side gaps ===== */
.cpp .cpp-top{grid-template-columns:.86fr 1.14fr}
.cpp .cpp-gal{align-self:start;background:transparent}
.cpp .cpp-stage{flex:none;height:auto;min-height:0;max-height:none;aspect-ratio:auto;background:transparent}
.cpp .cpp-stage img{position:static;inset:auto;width:100%;height:auto;object-fit:contain;display:block}
.cpp .cpp-ctl{z-index:3}
@media(max-width:1024px){.cpp .cpp-top{grid-template-columns:.9fr 1.1fr}}
@media(max-width:900px){.cpp .cpp-top{grid-template-columns:1fr}
.cpp .cpp-stage{height:auto;max-height:none;aspect-ratio:auto}}
@media(max-width:520px){.cpp .cpp-stage{height:auto}}

/* keep "4-way stretch" on one line */
.cpp .cpp-feat .cpp-nw{white-space:nowrap}
@media(max-width:640px){.cpp .cpp-feat .cpp-nw{flex-basis:84px}}