/* ConnecTech v1.32 — design refresh: richer colour, cleaner product cards, sharper product images.
   Switch off in Customizer > Preferences & design if you ever want the old look. */
body.ct-refresh{--ct-gold:#e2b43a;--ct-teal:#12a37f;--ct-navy:#0d2a40;--ct-card-sh:0 1px 2px rgba(16,38,56,.06),0 10px 24px rgba(16,38,56,.07);--ct-card-sh-h:0 2px 4px rgba(16,38,56,.08),0 20px 40px rgba(19,100,216,.18)}

/* ---- colour line under header and above footer ---- */
body.ct-refresh .site-header::after{content:"";display:block;height:3px;background:linear-gradient(90deg,#1364d8 0,#12a37f 52%,#e2b43a 100%)}
body.ct-refresh .site-footer::before{content:"";display:block;height:4px;background:linear-gradient(90deg,#e2b43a 0,#12a37f 50%,#1364d8 100%)}

/* ---- section headings get a colour bar ---- */
body.ct-refresh .ct-sec-head h2,body.ct-refresh .category-rail-heading h3,body.ct-refresh .department-heading h3{position:relative;padding-left:14px}
body.ct-refresh .ct-sec-head h2::before,body.ct-refresh .category-rail-heading h3::before,body.ct-refresh .department-heading h3::before{content:"";position:absolute;left:0;top:.12em;bottom:.12em;width:5px;border-radius:5px;background:linear-gradient(180deg,#1364d8,#12a37f)}
body.ct-refresh .eyebrow{color:#0e8f6f}
body.ct-refresh .special-offers{background:linear-gradient(135deg,#eaf3ff 0%,#f6faff 45%,#fff6dd 100%)}

/* ---- all product cards ---- */
body.ct-refresh .ct-prod,body.ct-refresh .rail-card,body.ct-refresh .offer-card,body.ct-refresh .ec-card-h,body.ct-refresh .product-card{background:#fff;border:1px solid #e1e9f0;border-radius:16px;box-shadow:var(--ct-card-sh);overflow:hidden;transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s,border-color .25s}
body.ct-refresh .ct-prod:hover,body.ct-refresh .rail-card:hover,body.ct-refresh .offer-card:hover,body.ct-refresh .ec-card-h:hover,body.ct-refresh .product-card:hover{transform:translateY(-4px);border-color:#b7d2f6;box-shadow:var(--ct-card-sh-h)}

/* picture frame: soft light background, picture always whole (never cropped) and sharp */
body.ct-refresh .ct-prod-img,body.ct-refresh .rail-image,body.ct-refresh .offer-image,body.ct-refresh .ec-h-gallery,body.ct-refresh .product-image{background:radial-gradient(circle at 50% 30%,#fff 0,#f3f7fb 62%,#e9f0f7 100%);border-bottom:1px solid #e6edf3}
body.ct-refresh .ct-prod-img img,body.ct-refresh .rail-image img,body.ct-refresh .offer-image img,body.ct-refresh .ec-h-gallery img,body.ct-refresh .product-image img{object-fit:contain!important;padding:14px;mix-blend-mode:multiply;image-rendering:auto;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
body.ct-refresh .ct-prod:hover .ct-prod-img img,body.ct-refresh .rail-card:hover .rail-image img,body.ct-refresh .offer-card:hover .offer-image img,body.ct-refresh .product-card:hover .product-image img{transform:scale(1.06)}

/* brand label as a small coloured pill */
body.ct-refresh .ct-prod-meta,body.ct-refresh .rail-card>small,body.ct-refresh .product-brand{align-self:flex-start;display:inline-block;width:fit-content;padding:3px 10px;border-radius:99px;background:#eaf2ff;color:#1364d8;font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
body.ct-refresh .ct-prod-meta:empty{display:none}

/* titles and prices */
body.ct-refresh .ct-prod-title{font-size:14.5px}
body.ct-refresh .ct-prod-price,body.ct-refresh .rail-card>b,body.ct-refresh .ec-card-h .price,body.ct-refresh .offer-prices .price{color:#0b3a8c;font-weight:800}
body.ct-refresh .ct-prod-price{font-size:16.5px}
body.ct-refresh .ct-prod-price del{font-size:12.5px}

/* buttons */
body.ct-refresh .ct-btn-wa,body.ct-refresh .product-add,body.ct-refresh .rail-card-actions button+button{background:linear-gradient(135deg,#2a8bf2 0,#1364d8 55%,#0f4fb3 100%);border-color:transparent;color:#fff;box-shadow:0 5px 12px rgba(19,100,216,.28)}
body.ct-refresh .ct-btn-wa:hover,body.ct-refresh .product-add:hover,body.ct-refresh .rail-card-actions button+button:hover{filter:brightness(1.08);transform:translateY(-1px)}
body.ct-refresh .ct-btn{border-radius:10px;padding:9px 6px;border-color:#b9d2f5;transition:background .18s,transform .18s,filter .18s}
body.ct-refresh .ct-btn:hover{background:#eaf2ff}
body.ct-refresh .ct-btn-wa:hover{background:linear-gradient(135deg,#2a8bf2 0,#1364d8 55%,#0f4fb3 100%)}

/* badges */
body.ct-refresh .ct-badge{top:10px;left:10px;padding:4px 10px;font-size:11px;letter-spacing:.04em;box-shadow:0 3px 8px rgba(0,0,0,.18)}
body.ct-refresh .ct-badge-sale{background:linear-gradient(135deg,#ff6a4d,#e0432f)}
body.ct-refresh .ct-badge-out{background:#5d6f7d}
body.ct-refresh .product-badge{background:linear-gradient(135deg,#18b88f,#0e8f6f);color:#fff;border-radius:99px;box-shadow:0 3px 8px rgba(14,143,111,.3)}
body.ct-refresh .offer-discount{background:linear-gradient(135deg,#ff6a4d,#e0432f);color:#fff;border-radius:99px;padding:2px 8px}

/* shop grid: a little more space, nicer on phones */
body.ct-refresh .ct-prod-grid{gap:18px}
@media(max-width:600px){body.ct-refresh .ct-prod-grid{gap:10px}body.ct-refresh .ct-prod{border-radius:13px}body.ct-refresh .ct-prod-img img{padding:8px}}

/* ---- dark mode keeps the same structure with dark colours ---- */
html[data-theme="dark"] body.ct-refresh .ct-prod,html[data-theme="dark"] body.ct-refresh .rail-card,html[data-theme="dark"] body.ct-refresh .offer-card,html[data-theme="dark"] body.ct-refresh .ec-card-h,html[data-theme="dark"] body.ct-refresh .product-card{background:#0f1c27;border-color:#203548;box-shadow:0 10px 26px rgba(0,0,0,.4)}
html[data-theme="dark"] body.ct-refresh .ct-prod:hover,html[data-theme="dark"] body.ct-refresh .rail-card:hover,html[data-theme="dark"] body.ct-refresh .offer-card:hover,html[data-theme="dark"] body.ct-refresh .product-card:hover{border-color:#2f6bb8;box-shadow:0 18px 38px rgba(0,0,0,.55)}
html[data-theme="dark"] body.ct-refresh .ct-prod-img,html[data-theme="dark"] body.ct-refresh .rail-image,html[data-theme="dark"] body.ct-refresh .offer-image,html[data-theme="dark"] body.ct-refresh .ec-h-gallery,html[data-theme="dark"] body.ct-refresh .product-image{background:radial-gradient(circle at 50% 30%,#fff 0,#eef3f8 70%,#dfe8f1 100%)!important;border-bottom-color:#203548}
html[data-theme="dark"] body.ct-refresh .rail-card-actions button+button,html[data-theme="dark"] body.ct-refresh .product-add{background:linear-gradient(135deg,#2a8bf2 0,#1364d8 55%,#0f4fb3 100%)!important;color:#fff!important;border-color:transparent!important}
html[data-theme="dark"] body.ct-refresh .ct-prod-meta,html[data-theme="dark"] body.ct-refresh .rail-card>small,html[data-theme="dark"] body.ct-refresh .product-brand{background:#12304a;color:#8ec1ff}
html[data-theme="dark"] body.ct-refresh .ct-prod-price,html[data-theme="dark"] body.ct-refresh .rail-card>b,html[data-theme="dark"] body.ct-refresh .ec-card-h .price,html[data-theme="dark"] body.ct-refresh .offer-prices .price{color:#8ec1ff}
html[data-theme="dark"] body.ct-refresh .special-offers{background:linear-gradient(135deg,#0d1f2e,#101a24 55%,#1d1a0e)}
html[data-theme="dark"] body.ct-refresh .eyebrow{color:#4fd1ac}
html[data-theme="dark"] body.ct-refresh .ct-btn{border-color:#2f6bb8;color:#8ec1ff}
html[data-theme="dark"] body.ct-refresh .ct-btn-wa{color:#fff}