Описание

/* Style for Additional Information Title */
.woocommerce-Tabs-panel–additional_information h2 {
color: #FFC15A; /* Gold color */
font-size: 42px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
margin-bottom: 30px;
letter-spacing: 1px;
position: relative;
padding-bottom: 10px;
}
/* Underline Effect */
.woocommerce-Tabs-panel–additional_information h2::after {
content: „“;
display: block;
width: 80px;
height: 4px;
background-color: #FFC15A;
margin: 8px auto 0;
border-radius: 2px;
transition: width 0.3s ease-in-out;
}
/* Hover Effect – Underline Expansion & Glow */
.woocommerce-Tabs-panel–additional_information h2:hover::after {
width: 120px;
}
.woocommerce-Tabs-panel–additional_information h2:hover {
text-shadow: 0px 0px 15px rgba(255, 193, 90, 0.6);
}
/* Style for the Description Title */
.woocommerce-Tabs-panel–description h2 {
color: #FFC15A; /* Gold color */
font-size: 42px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
margin-bottom: 30px;
letter-spacing: 1px;
position: relative;
padding-bottom: 10px;
}
/* Underline Effect */
.woocommerce-Tabs-panel–description h2::after {
content: „“;
display: block;
width: 80px;
height: 4px;
background-color: #FFC15A;
margin: 8px auto 0;
border-radius: 2px;
transition: width 0.3s ease-in-out;
}
/* Hover Effect – Underline Expansion & Glow */
.woocommerce-Tabs-panel–description h2:hover::after {
width: 120px;
}
.woocommerce-Tabs-panel–description h2:hover {
text-shadow: 0px 0px 15px rgba(255, 193, 90, 0.6);
}
}
/* Related Products Heading */
.related.products > h2 {
color: #FFC15A; /* Gold color */
font-size: 42px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
margin-bottom: 30px;
letter-spacing: 1px;
position: relative;
padding-bottom: 10px;
transition: all 0.3s ease-in-out;
}
/* Elegant Underline Effect */
.related.products > h2::after {
content: „“;
display: block;
width: 80px;
height: 4px;
background-color: #FFC15A;
margin: 8px auto 0;
border-radius: 2px;
transition: width 0.3s ease-in-out;
}
/* Hover Effect – Underline Expansion & Glow */
.related.products > h2:hover::after {
width: 120px;
}
.related.products > h2:hover {
text-shadow: 0px 0px 15px rgba(255, 193, 90, 0.6);
}
/* General Styles */
body {
background-color: #0a0a0a; /* Dark, elegant background */
color: #f5f5f5; /* Soft white text for readability */
font-family: ‘Poppins’, sans-serif; /* Modern, clean font */
line-height: 1.6;
}
/* Headings */
h2 {
color: #FFC15A;
text-align: center;
font-size: 52px;
font-weight: 700;
margin-bottom: 24px;
text-transform: uppercase;
letter-spacing: 1px;
}
/* – ENHANCED RELATED PRODUCTS & UPSELLS – */
.upsells.products,
.related.products {
text-align: center;
margin-top: 50px;
}
/* Ensure product items are evenly spaced */
.upsells.products ul.products,
.related.products ul.products {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 25px;
}
/* Individual Product Cards */
.upsells.products ul.products li.product,
.related.products ul.products li.product {
float: none;
display: inline-block;
max-width: 260px; /* Keeps products neatly aligned */
text-align: center;
background: rgba(255, 193, 90, 0.1); /* Subtle golden glow */
border: 2px solid #FFC15A;
border-radius: 12px;
padding: 18px;
transition: all 0.3s ease-in-out;
position: relative;
overflow: hidden;
}
/* Hover Effects */
.upsells.products ul.products li.product:hover,
.related.products ul.products li.product:hover {
background: rgba(255, 193, 90, 0.2);
transform: translateY(-4px);
box-shadow: 0px 0px 15px rgba(255, 193, 90, 0.4);
}
/* Product Buttons */
.woocommerce ul.products li.product .button,
.woocommerce div.product form.cart .button {
background-color: #FFC15A;
color: black !important;
font-weight: bold;
padding: 12px 18px;
border-radius: 6px;
transition: all 0.3s ease-in-out;
font-size: 15px;
text-transform: uppercase;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce div.product form.cart .button:hover {
background-color: #e6a73b;
transform: translateY(-2px);
}
/* Checkout & Cart Buttons */
.woocommerce button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #place_order,
.woocommerce-cart .actions .button,
.woocommerce a.checkout-button {
color: black !important;
background-color: #FFC15A;
font-weight: bold;
padding: 14px 22px;
border-radius: 8px;
transition: all 0.3s ease-in-out;
font-size: 16px;
text-transform: uppercase;
}
.woocommerce button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #place_order:hover,
.woocommerce-cart .actions .button:hover,
.woocommerce a.checkout-button:hover {
background-color: #e6a73b;
transform: translateY(-2px);
}
/* Product Tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs {
display: flex;
justify-content: center;
gap: 10px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
background-color: #FFC15A;
padding: 10px 16px;
border-radius: 5px;
font-weight: bold;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
color: black !important;
font-size: 16px;
font-weight: bold;
}
/* Active Tab Styling */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
background-color: #e6a73b;
}
/* Description and Additional Info Tabs */
#tab-title-description,
#tab-title-additional_information {
background-color: #FFC15A;
padding: 10px;
border-radius: 5px;
font-weight: bold;
}
/* Product Price */
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: #FFC15A;
font-size: 28px;
font-weight: 700;
margin-top: 10px;
}
/* Text Elements */
span {
color: white;
}
/* Modern Product Image Styling */
.woocommerce div.product div.images img {
width: 100%;
max-height: 600px;
object-fit: cover;
border-radius: 15px; /* More refined rounded corners */
transition: transform 0.5s ease-in-out, box-shadow 0.5s ease-in-out, filter 0.5s ease-in-out;
box-shadow: 0px 8px 20px rgba(255, 193, 90, 0.25); /* Soft golden glow */
filter: brightness(0.95) contrast(1.05); /* Slight contrast boost */
}
/* Hover Effect – Elegant Zoom & Glow */
.woocommerce div.product div.images img:hover {
transform: scale(1.07) rotate(1deg); /* Subtle zoom & rotation */
box-shadow: 0px 12px 30px rgba(255, 193, 90, 0.5); /* Stronger glow effect */
filter: brightness(1) contrast(1.1) saturate(1.1); /* More vibrant colors */
}
/* Make Thumbnails More Stylish */
.woocommerce div.product div.thumbnails img {
border-radius: 10px;
transition: all 0.4s ease-in-out;
opacity: 0.85;
}
.woocommerce div.product div.thumbnails img:hover {
transform: scale(1.15); /* Noticeable hover effect */
box-shadow: 0px 6px 15px rgba(255, 193, 90, 0.3);
opacity: 1;
}
/* Image Container – Subtle Depth */
.woocommerce div.product div.images {
position: relative;
padding: 20px;
margin: 25px 25px 25px 25px;
border-radius: 15px;
background: rgba(255, 193, 90, 0.1); /* Soft gold glass effect */
backdrop-filter: blur(5px); /* Glassmorphism effect */
}
@media (max-width: 468px) { /* Adjust for tablets and smaller devices */
.woocommerce div.product div.images {
margin: 0; /* Removes margin on smaller screens */
}
}
/* Modern Paragraph Styling */
p {
border: 2px solid #FFC15A; /* Elegant golden border */
padding: 15px 20px;
border-radius: 8px; /* Smooth rounded corners */
font-size: 18px;
font-weight: 400;
color: #f5f5f5; /* Soft white text */
line-height: 1.6;
background: rgba(255, 193, 90, 0.1); /* Subtle golden glass effect */
box-shadow: 0px 4px 15px rgba(255, 193, 90, 0.2); /* Soft glow */
transition: all 0.3s ease-in-out;
}
/* Hover Effect – Slight Glow */
p:hover {
background: rgba(255, 193, 90, 0.2);
box-shadow: 0px 6px 20px rgba(255, 193, 90, 0.4);
transform: translateY(-2px);
}

33 нови карти – Специално създадени, за да допълнят твоето Символистика тесте.
Пълна свобода – Избери кои карти да включиш в тестето си и кои да оставиш настрана.
Това означава, че можеш да създадеш персонализирано тесте, което отразява напълно твоите нужди и желания.
Уникалност – Създай тесте, което е само твое. Няма две такива тестета на света!
Цена: 45 лв. за екстеншън от 33 карти.