style.css
.add-to-cart, .price, .nav-icons, .variant-selector,.leading-relaxed .rte-content {
display: none;
}
.details .tags { display: none; }
.attr-MSRP .value { text-decoration: line-through; }
span.price { font-size: 1.3rem; }
ul.menu li { text-transform: none; }
#app footer div div a { font-size: .7em; }
.showcase {
text-align: center;
padding-left: 20px;
padding-right: 20px;
}
.showcase .samples {
display: inline-block;
}
.showcase .ad {
display: inline-block;
margin: 0 10px;
}
.showcase .title {
margin-top: 10px;
}
.title.text-center a {
color: gray
}
@media (min-width: 768px) {
.menu {
display: flex;
justify-content: center;
}
}
h1.text-primary { display: none; }
.text-link {
font-style: italic;
font-weight: normal;
}
a.button.primary {
background-color: #A09E73 !important;
color: white !important;
padding: 10px 20px;
text-decoration: none;
display: inline-block;
border-radius: 5px;
transition: background-color 0.3s, color 0.3s;
}
a.button.primary:hover {
background-color: white !important;
color: black !important;
}
.faq-body {
background-color: #f5f5f5;
margin: 0;
padding: 0;
}
.faq-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
max-width: 1200px;
margin: 20px auto;
padding: 20px;
}
.faq-item {
background-color: white;
padding: 20px;
border-radius: 5px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
text-align: center;
text-decoration: none;
color: inherit;
display: block;
transition: box-shadow 0.3s;
}
.faq-item:hover {
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.faq-item h3 {
margin-top: 0;
}
.faq-item p {
color: #555;
}
.title-normal {
font-weight: normal;
}
figure.logo {
width: 85px;
height: 85px;
}
figcaption {
background-color: transparent !important;
}
.sale {
font-weight: bold;
}
.ad {
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.discover-more {
margin-left: 20px;
text-align: right;
padding-top: 25px;
display: inline-block;
}
.discover-more span {
margin-right: 5px;
display: inline-block;
transition: transform 0.3s ease;
}
.discover-more:hover span {
transform: translateX(10px);
}
.discover-more a {
font-size: 16px;
color: #000;
text-decoration: none;
}
.text-8xl {
font-size: 6rem;
}
.text-6xl {
font-size: 4.5rem;
}
.text-xl {
font-size: 1.25rem;
}
.ml-8 {
margin-left: 2rem;
}
.mr-16 {
margin-right: 4rem;
}
.drop-shadow-md {
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.bg-gradient-to-r {
background: linear-gradient(to right, #f7fafc, #ffffff);
}
/* --- MOBİL BUTON UYUMU İÇİN EK KURAL --- */
@media (max-width: 767px) {
/* Sadece butonları içeren showcase'i hedef alıyoruz */
.button-container {
display: flex;
flex-direction: column; /* Butonları alt alta sıralar */
align-items: center; /* Butonları ortalar */
gap: 15px; /* Aralarına dikey boşluk ekler */
}
/* Alt alta sıralanan butonların yan boşluklarını sıfırlıyoruz */
.button-container .ad {
margin: 0;
}
}