/* =========================================================
DRAGON ELITE SHOP CATEGORY CARDS
ORIGINAL DARK DESIGN
========================================================= */

/* ———- CARD BASE ———- */

.de-scissors-card,
.de-blades-card,
.de-clippers-card,
.de-oils-card,
.de-groomers-card,
.de-sharpeners-card {

position: relative;
overflow: hidden;

background: #111416 !important;

border-radius: 4px;

min-height: 315px;

padding: 55px 60px;

box-sizing: border-box;

display: flex;
flex-direction: column;
justify-content: flex-start;

isolation: isolate;

transition:
transform 0.25s ease,
box-shadow 0.25s ease;
}

/* ———- SUBTLE HOVER ———- */

.de-scissors-card:hover,
.de-blades-card:hover,
.de-clippers-card:hover,
.de-oils-card:hover,
.de-groomers-card:hover,
.de-sharpeners-card:hover {

transform: translateY(-3px);

box-shadow:
0 12px 30px rgba(0,0,0,0.30);
}

/* =========================================================
PRODUCT IMAGES
RIGHT-HAND SIDE — NO 50/50 SPLIT
========================================================= */

.de-scissors-card::after,
.de-blades-card::after,
.de-clippers-card::after,
.de-oils-card::after,
.de-groomers-card::after,
.de-sharpeners-card::after {

content: “”;

position: absolute;

top: -10%;
right: -5%;

width: 67%;
height: 120%;

background-repeat: no-repeat;

background-position: center right;

background-size: contain;

opacity: 0.65;

filter: grayscale(100%) brightness(0.55);

pointer-events: none;

z-index: 0;
}

/* ———- SCISSORS ———- */

.de-scissors-card::after {

background-image:
url(“https://dragonelitesharpeningservices.co.uk/wp-content/uploads/2026/08/Kanpeki-Thinners.png”);
}

/* ———- BLADES ———- */

.de-blades-card::after {

background-image:
url(“https://dragonelitesharpeningservices.co.uk/wp-content/uploads/2026/08/A5-Wide-Blade.png”);
}

/* ———- CLIPPER MACHINES ———- */

.de-clippers-card::after {

background-image:
url(“https://dragonelitesharpeningservices.co.uk/wp-content/uploads/2026/08/Heiniger-Opal.png”);
}

/* ———- OILS & CLEANING ———- */

.de-oils-card::after {

background-image:
url(“https://dragonelitesharpeningservices.co.uk/wp-content/uploads/2026/08/DE-55-Oil-Based-Cleaner.png”);
}

/* ———- GROOMERS ACCESSORIES ———- */

.de-groomers-card::after {

background-image:
url(“https://dragonelitesharpeningservices.co.uk/wp-content/uploads/2026/08/Tool-Holder.png”);
}

/* ———- SHARPENERS ACCESSORIES ———- */

.de-sharpeners-card::after {

background-image:
url(“https://dragonelitesharpeningservices.co.uk/wp-content/uploads/2026/08/Sharpeners-accessories-designed-by-Dragon-Elite.png”);
}

/* =========================================================
DARK GRADIENT OVER IMAGE
KEEPS TEXT EASY TO READ
========================================================= */

.de-scissors-card::before,
.de-blades-card::before,
.de-clippers-card::before,
.de-oils-card::before,
.de-groomers-card::before,
.de-sharpeners-card::before {

content: “”;

position: absolute;

inset: 0;

background:
linear-gradient(
90deg,
rgba(17,20,22,1) 0%,
rgba(17,20,22,0.96) 28%,
rgba(17,20,22,0.78) 50%,
rgba(17,20,22,0.35) 76%,
rgba(17,20,22,0.18) 100%
);

z-index: 1;

pointer-events: none;
}

/* =========================================================
TEXT CONTENT
========================================================= */

.de-scissors-card h3,
.de-blades-card h3,
.de-clippers-card h3,
.de-oils-card h3,
.de-groomers-card h3,
.de-sharpeners-card h3 {

position: relative;

z-index: 3;

margin: 0 0 28px 0;

color: #ffffff !important;

font-family: Georgia, “Times New Roman”, serif;

font-size: 42px;

line-height: 1.08;

font-weight: 700;

max-width: 58%;
}

/* ———- PARAGRAPHS ———- */

.de-scissors-card p,
.de-blades-card p,
.de-clippers-card p,
.de-oils-card p,
.de-groomers-card p,
.de-sharpeners-card p {

position: relative;

z-index: 3;

margin: 0 0 26px 0;

color: #980626 !important;

font-size: 20px;

line-height: 1.45;

max-width: 55%;

min-height: 58px;
}

/* =========================================================
SHOP LINKS
========================================================= */

.de-scissors-card .de-category-link,
.de-blades-card .de-category-link,
.de-clippers-card .de-category-link,
.de-oils-card .de-category-link,
.de-groomers-card .de-category-link,
.de-sharpeners-card .de-category-link {

position: relative;

z-index: 4;

display: inline-block;

margin-top: auto;

color: #980626 !important;

font-size: 20px;

font-weight: 500;

text-decoration: none !important;

width: fit-content;

transition:
color 0.2s ease,
transform 0.2s ease;
}

/* ———- LINK ARROW ———- */

.de-scissors-card .de-category-link::after,
.de-blades-card .de-category-link::after,
.de-clippers-card .de-category-link::after,
.de-oils-card .de-category-link::after,
.de-groomers-card .de-category-link::after,
.de-sharpeners-card .de-category-link::after {

}

/* ———- LINK HOVER ———- */

.de-scissors-card:hover .de-category-link,
.de-blades-card:hover .de-category-link,
.de-clippers-card:hover .de-category-link,
.de-oils-card:hover .de-category-link,
.de-groomers-card:hover .de-category-link,
.de-sharpeners-card:hover .de-category-link {

color: #ffffff !important;

transform: translateX(4px);
}

/* =========================================================
MAKE THE WHOLE CARD CLICKABLE
========================================================= */

.de-scissors-card .de-category-link,
.de-blades-card .de-category-link,
.de-clippers-card .de-category-link,
.de-oils-card .de-category-link,
.de-groomers-card .de-category-link,
.de-sharpeners-card .de-category-link {

cursor: pointer;
}

/* =========================================================
CATEGORY NUMBER / EXTRA ELEMENTS
========================================================= */

.de-scissors-card .de-category-number,
.de-blades-card .de-category-number,
.de-clippers-card .de-category-number,
.de-oils-card .de-category-number,
.de-groomers-card .de-category-number,
.de-sharpeners-card .de-category-number {

position: relative;

z-index: 3;
}

/* =========================================================
DESKTOP CARD LAYOUT
========================================================= */

.de-scissors-card,
.de-blades-card,
.de-clippers-card,
.de-oils-card,
.de-groomers-card,
.de-sharpeners-card {

width: 100%;
}

/* =========================================================
MOBILE
========================================================= */

@media (max-width: 767px) {

.de-scissors-card,
.de-blades-card,
.de-clippers-card,
.de-oils-card,
.de-groomers-card,
.de-sharpeners-card {

min-height: 280px;

padding: 35px 30px;
}

.de-scissors-card h3,
.de-blades-card h3,
.de-clippers-card h3,
.de-oils-card h3,
.de-groomers-card h3,
.de-sharpeners-card h3 {

font-size: 32px;

max-width: 65%;

margin-bottom: 20px;
}

.de-scissors-card p,
.de-blades-card p,
.de-clippers-card p,
.de-oils-card p,
.de-groomers-card p,
.de-sharpeners-card p {

font-size: 17px;

max-width: 62%;

min-height: 50px;
}

.de-scissors-card .de-category-link,
.de-blades-card .de-category-link,
.de-clippers-card .de-category-link,
.de-oils-card .de-category-link,
.de-groomers-card .de-category-link,
.de-sharpeners-card .de-category-link {

font-size: 17px;
}

.de-scissors-card::after,
.de-blades-card::after,
.de-clippers-card::after,
.de-oils-card::after,
.de-groomers-card::after,
.de-sharpeners-card::after {

width: 62%;

opacity: 0.28;
}
}

/* =========================================
FINAL CATEGORY TEXT ALIGNMENT & COLOURS
========================================= */

.de-category-card {
display: flex !important;
flex-direction: column !important;
}

/* ALL HEADINGS */
.de-category-card h3 {
position: relative !important;
z-index: 2 !important;

font-family: Georgia, “Times New Roman”, serif !important;
font-size: 30px !important;
line-height: 1.08 !important;
font-weight: 700 !important;

color: #ffffff !important;

margin: 0 0 14px 0 !important;
min-height: 66px !important;
}

/* ALL DESCRIPTIONS */
.de-category-card p {
position: relative !important;
z-index: 2 !important;

color: #980626 !important;

margin: 0 0 18px 0 !important;
min-height: 72px !important;

line-height: 1.45 !important;
}

/* ALL SHOP LINKS */
.de-category-card .de-category-link {
position: relative !important;
z-index: 2 !important;

color: #980626 !important;

margin-top: auto !important;
margin-bottom: 0 !important;

font-weight: 700 !important;
}

/* Arrow follows the same burgundy colour */
.de-category-card .de-category-link span {
color: #980626 !important;
}

/* FINAL INDIVIDUAL CARD TWEAKS */

/* Give Clipper Machines a little more breathing room below heading */
.de-clippers-card p {
padding-top: 30px !important;
}

/* Force Sharpeners Accessories link and arrow to burgundy */
.de-sharpeners-card .de-category-link,
.de-sharpeners-card .de-category-link span,
.de-sharpeners-card .de-category-link::after {
color: #980626 !important;
}

.de-scissors-card::after,
.de-blades-card::after,
.de-clippers-card::after,
.de-oils-card::after,
.de-groomers-card::after,
.de-sharpeners-card::after {
mix-blend-mode: screen;
}

/* =========================================================
DRAGON ELITE SHARPENING SERVICES
SHOP PAGE – FIRST PASS
Corporate Burgundy: #980626
========================================================= */

.de-shop {
–de-burgundy: #980626;
–de-burgundy-dark: #76041d;
–de-charcoal: #171719;
–de-charcoal-light: #242426;
–de-cream: #f8f6f2;
–de-white: #ffffff;
–de-grey: #666666;
–de-border: #dedbd6;

font-family: Arial, Helvetica, sans-serif;
color: var(–de-charcoal);
background: var(–de-white);
margin: 0 auto;
max-width: 1400px;
overflow: hidden;
}

/* ———- GENERAL ———- */

.de-shop * {
box-sizing: border-box;
}

.de-shop a {
text-decoration: none;
}

.de-shop h1,
.de-shop h2,
.de-shop h3 {
font-family: Georgia, “Times New Roman”, serif;
margin-top: 0;
}

.de-shop .de-eyebrow {
color: var(–de-burgundy);
font-size: 13px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 12px;
}

.de-shop .de-button {
display: inline-block;
background: var(–de-burgundy);
color: #fff;
padding: 14px 25px;
border-radius: 3px;
font-size: 14px;
font-weight: 700;
letter-spacing: .3px;
transition: all .25s ease;
}

.de-shop .de-button:hover {
background: var(–de-burgundy-dark);
transform: translateY(-2px);
}

/* ———- SHOP HERO ———- */

.de-shop-hero {
background: var(–de-charcoal);
color: #fff;
padding: 75px 7%;
position: relative;
overflow: hidden;
}

.de-shop-hero:after {
content: “”;
position: absolute;
width: 420px;
height: 420px;
border: 1px solid rgba(152,6,38,.35);
border-radius: 50%;
right: -150px;
top: -150px;
}

.de-shop-hero-inner {
position: relative;
z-index: 2;
max-width: 850px;
}

.de-shop-hero .de-eyebrow {
color: #FFFFFF;
}

.de-shop-hero h1 {
color: #fff;
font-size: clamp(44px, 6vw, 76px);
line-height: .98;
margin-bottom: 25px;
}

.de-shop-hero h1 span {
color: var(–de-burgundy);
}

.de-shop-hero p {
max-width: 700px;
color: #D5D5D5;
font-size: 18px;
line-height: 1.7;
margin-bottom: 30px;
}

/* ———- FEATURED ———- */

.de-shop-featured {
padding: 70px 7%;
background: var(–de-cream);
}

.de-section-heading {
text-align: center;
margin-bottom: 45px;
}

.de-section-heading h2 {
font-size: clamp(32px, 4vw, 48px);
margin-bottom: 12px;
}

.de-section-heading p {
color: var(–de-grey);
font-size: 16px;
margin: 0 auto;
max-width: 650px;
line-height: 1.6;
}

.de-heading-line {
width: 55px;
height: 3px;
background: var(–de-burgundy);
margin: 18px auto 20px;
}

/* Placeholder area for WooCommerce featured products */

.de-featured-placeholder {
background: #fff;
border: 1px solid var(–de-border);
padding: 35px;
text-align: center;
color: var(–de-grey);
}

.de-featured-placeholder strong {
display: block;
color: var(–de-charcoal);
font-family: Georgia, “Times New Roman”, serif;
font-size: 23px;
margin-bottom: 10px;
}

/* ———- CATEGORIES ———- */

.de-shop-categories {
padding: 75px 7%;
background: #fff;
}

.de-category-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 22px;
}

.de-category-card {
position: relative;
min-height: 220px;
background: var(–de-charcoal);
color: #fff;
padding: 35px;
display: grid;
grid-template-rows: 1fr auto auto auto;
align-content: stretch;
overflow: hidden;
border-radius: 2px;
transition: transform .25s ease, box-shadow .25s ease;
}

.de-category-card:before {
content: “”;
position: absolute;
width: 170px;
height: 170px;
border: 1px solid rgba(152,6,38,.5);
border-radius: 50%;
right: -50px;
top: -50px;
}

.de-category-card:hover {
transform: translateY(-5px);
box-shadow: 0 12px 30px rgba(0,0,0,.15);
}

.de-category-number {
position: absolute;
top: 25px;
left: 30px;
font-size: 12px;
letter-spacing: 2px;
color: #bdbdbd;
}

.de-category-card h3 {
position: relative;
z-index: 2;
color: #fff;
font-size: 30px;
margin-bottom: 10px;
}

.de-category-card p {
position: relative;
z-index: 2;
color: #ffffff !important;
line-height: 1.5;
margin: 0 0 20px;
max-width: 450px;
}

.de-category-link {
position: relative;
z-index: 2;
color: #fff;
font-size: 13px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
}

.de-category-link span {
color: var(–de-burgundy);
margin-left: 6px;
font-size: 17px;
}

/* ———- SALE ———- */

.de-shop-sale {
margin: 0 7% 75px;
background: var(–de-burgundy);
color: #fff;
padding: 55px 7%;
position: relative;
overflow: hidden;
}

.de-shop-sale:after {
content: “”;
position: absolute;
width: 330px;
height: 330px;
border: 1px solid rgba(255,255,255,.2);
border-radius: 50%;
right: -100px;
top: -120px;
}

.de-sale-inner {
position: relative;
z-index: 2;
max-width: 750px;
}

.de-shop-sale .de-eyebrow {
color: #f0c4cf;
}

.de-shop-sale h2 {
color: #fff;
font-size: clamp(34px, 5vw, 55px);
margin-bottom: 15px;
}

.de-shop-sale p {
color: #fff;
font-size: 17px;
line-height: 1.6;
max-width: 650px;
margin-bottom: 25px;
}

.de-shop-sale .de-button {
background: #fff;
color: var(–de-burgundy);
}

.de-shop-sale .de-button:hover {
background: var(–de-cream);
}

/* ———- BOTTOM MESSAGE ———- */

.de-shop-bottom {
background: var(–de-charcoal);
color: #fff;
text-align: center;
padding: 60px 7%;
}

.de-shop-bottom h2 {
color: #fff;
font-size: 34px;
margin-bottom: 15px;
}

.de-shop-bottom p {
color: #d4d4d4;
max-width: 700px;
margin: 0 auto 25px;
line-height: 1.6;
}

/* ———- MOBILE ———- */

@media (max-width: 768px) {

.de-shop-hero {
padding: 55px 7%;
}

.de-shop-hero h1 {
font-size: 45px;
}

.de-shop-hero p {
font-size: 16px;
}

.de-shop-featured,
.de-shop-categories {
padding: 55px 6%;
}

.de-category-grid {
grid-template-columns: 1fr;
}

.de-category-card {
min-height: 200px;
}

.de-category-card h3 {
font-size: 27px;
}

.de-shop-sale {
margin: 0 5% 55px;
padding: 45px 7%;
}

}

/* ———- SMALL PHONES ———- */

@media (max-width: 480px) {

.de-shop-hero h1 {
font-size: 39px;
}

.de-category-card {
padding: 28px;
}

.de-category-card h3 {
font-size: 25px;
}

.de-featured-placeholder {
padding: 25px 18px;
}

}