html.route-product-product:not(.popup) {
--aem-navy: var(--aem-skin-navy, #082f5c);
--aem-navy-dark: #052443;
--aem-yellow: var(--aem-skin-accent, #f4c52f);
--aem-yellow-hover: #e9b915;
--aem-green: #169b62;
--aem-ink: #142033;
--aem-muted: #647386;
--aem-line: #dfe7f0;
--aem-soft: #f5f8fc;
--aem-card: #fff;
--aem-radius: 15px;
--aem-shadow: 0 10px 30px rgba(8, 47, 92, .08);
}
html.route-product-product:not(.popup) .site-wrapper {
background: #f5f7fa;
}
html.route-product-product:not(.popup).boxed-layout .global-wrapper,
html.route-product-product:not(.popup) .site-wrapper > .container {
width: 100%;
max-width: none !important;
}
html.route-product-product:not(.popup) #product-product {
width: 100%;
max-width: none !important;
margin-inline: auto !important;
padding-inline: clamp(16px, 2vw, 38px);
}
html.route-product-product:not(.popup) #product-product > .row > #content {
min-width: 0;
}
html.route-product-product:not(.popup) .aem-product-layout-section {
--aem-product-frame-max: 100%;
width: 100%;
max-width: var(--aem-product-frame-max) !important;
margin-inline: auto !important;
}
html.route-product-product:not(.popup) .aem-product-module-disabled {
display: none !important;
}
html.route-product-product:not(.popup) .aem-product-frame--wide { --aem-product-frame-max: 1760px; }
html.route-product-product:not(.popup) .aem-product-frame--standard { --aem-product-frame-max: 1480px; }
html.route-product-product:not(.popup) .aem-product-frame--compact { --aem-product-frame-max: 1120px; }
html.route-product-product:not(.popup) .product-left.aem-product-frame--standard > .product-left-wrapper,
html.route-product-product:not(.popup) .product-right.aem-product-frame--standard > .product-right-wrapper,
html.route-product-product:not(.popup) .button-group-page.aem-product-frame--standard,
html.route-product-product:not(.popup) .aem-product-trust.aem-product-frame--standard {
width: 92%;
margin-inline: auto !important;
}
html.route-product-product:not(.popup) .product-left.aem-product-frame--compact > .product-left-wrapper,
html.route-product-product:not(.popup) .product-right.aem-product-frame--compact > .product-right-wrapper,
html.route-product-product:not(.popup) .button-group-page.aem-product-frame--compact,
html.route-product-product:not(.popup) .aem-product-trust.aem-product-frame--compact {
width: 82%;
margin-inline: auto !important;
}
html.route-product-product:not(.popup) .breadcrumbs {
width: 100%;
max-width: var(--aem-product-frame-max, 1760px);
min-height: 0;
margin: 14px auto 0;
padding-inline: clamp(14px, 2.2vw, 30px);
background: transparent !important;
box-shadow: none !important;
}
html.route-product-product:not(.popup) .breadcrumbs::before,
html.route-product-product:not(.popup) .breadcrumbs::after {
display: none !important;
}
html.route-product-product:not(.popup) .breadcrumb {
display: flex;
width: 100%;
max-width: none;
min-width: 0;
align-items: center;
margin: 0;
padding: 11px 14px;
overflow-x: auto;
border: 1px solid var(--aem-line);
border-radius: 10px;
background: #fff;
box-shadow: 0 5px 16px rgba(8, 47, 92, .06);
color: var(--aem-muted);
scrollbar-width: thin;
}
html.route-product-product:not(.popup) .breadcrumb > li {
flex: 0 0 auto;
margin: 0;
word-break: normal;
white-space: nowrap;
}
html.route-product-product:not(.popup) .breadcrumb > li a {
color: #5d6d7f;
text-decoration: none;
}
html.route-product-product:not(.popup) .breadcrumb > li a:hover {
color: var(--aem-navy);
}
html.route-product-product:not(.popup) .breadcrumb > li:last-child {
color: var(--aem-navy);
font-weight: 650;
}
html.route-product-product:not(.popup) .product-info {
display: grid;
grid-template-columns: minmax(0, var(--aem-product-gallery-share, 40%)) minmax(0, var(--aem-product-details-share, 60%));
align-items: stretch;
gap: 0;
margin-block: 16px 30px;
overflow: hidden;
border: 1px solid var(--aem-line);
border-radius: 14px;
background: var(--aem-card);
box-shadow: var(--aem-shadow);
}
html.route-product-product:not(.popup) .product-info .product-left,
html.route-product-product:not(.popup) .product-info .product-right {
min-width: 0;
}
html.route-product-product:not(.popup) .product-left-wrapper,
html.route-product-product:not(.popup) .product-right-wrapper {
height: auto;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
}
html.route-product-product:not(.popup) .product-left {
border-right: 1px solid var(--aem-line);
}
@media (min-width: 1101px) {
html.route-product-product:not(.popup) .product-info.aem-image-side-right {
grid-template-columns: minmax(0, var(--aem-product-details-share, 60%)) minmax(0, var(--aem-product-gallery-share, 40%));
}
html.route-product-product:not(.popup) .product-info.aem-image-side-right .product-right {
order: 1;
}
html.route-product-product:not(.popup) .product-info.aem-image-side-right .product-left {
order: 2;
border-right: 0;
border-left: 1px solid var(--aem-line);
}
}
html.route-product-product:not(.popup) .product-left-wrapper {
padding: clamp(12px, 1.35vw, 24px);
}
html.route-product-product:not(.popup) .product-right-wrapper {
padding: clamp(20px, 2vw, 34px);
}
html.route-product-product:not(.popup) .product-image .main-image,
html.route-product-product:not(.popup) .product-image .additional-image {
border: 1px solid #e7edf4;
border-radius: 12px;
background: #fff;
}
html.route-product-product:not(.popup) .product-image .main-image {
padding: clamp(8px, 1vw, 16px);
}
html.route-product-product:not(.popup) .product-image .additional-image {
overflow: hidden;
transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
html.route-product-product:not(.popup) .product-image .additional-image:hover,
html.route-product-product:not(.popup) .product-image .additional-image.swiper-slide-active {
border-color: #9ab5d0;
box-shadow: 0 5px 14px rgba(8, 47, 92, .12);
transform: translateY(-1px);
}
html.route-product-product:not(.popup) .product-details > .page-title {
display: block;
margin-bottom: 0 !important;
padding-bottom: 14px;
border-bottom: 1px solid var(--aem-line);
color: var(--aem-ink);
font-size: clamp(21px, 2vw, 29px);
font-weight: 750;
line-height: 1.25;
}
html.route-product-product:not(.popup) .product-details > div:not(.page-title):not(:last-child) {
margin-bottom: 0 !important;
}
html.route-product-product:not(.popup) .aem-product-status-row {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: center;
gap: 14px;
margin: 16px 0 26px !important;
padding-bottom: 24px;
}
html.route-product-product:not(.popup) .aem-stock-badge {
display: inline-flex;
order: 2;
width: 100%;
max-width: 100%;
min-height: 48px;
align-items: center;
justify-content: center;
gap: 8px;
margin: 0;
padding: 10px 14px;
border: 1px solid #bfe6d2;
border-radius: 10px;
background: linear-gradient(135deg, #f2fbf6 0%, #eaf8f1 100%);
box-shadow: 0 7px 18px rgba(22, 139, 89, .1);
color: #168b59;
font-size: 13.5px;
font-weight: 800;
line-height: 1.2;
text-align: center;
}
html.route-product-product:not(.popup) .aem-stock-badge.is-out-of-stock {
border-color: #f1c8c8;
background: linear-gradient(135deg, #fff7f7 0%, #fcecec 100%);
box-shadow: 0 7px 18px rgba(176, 48, 48, .09);
color: #b03030;
}
html.route-product-product:not(.popup) .aem-stock-badge.is-out-of-stock .aem-stock-badge-icon {
background: #c94a4a;
}
html.route-product-product:not(.popup) .product-details .product-labels-price.aem-discount-source {
display: none !important;
}
html.route-product-product:not(.popup) .aem-product-discount-badge {
display: inline-flex;
order: 1;
width: 100%;
max-width: 100%;
min-height: 48px;
align-items: center;
justify-content: center;
gap: 7px;
padding: 10px 14px 10px 10px;
border: 1px solid #ffd4a3;
border-radius: 10px;
background: linear-gradient(135deg, #fff9ef 0%, #fff1dc 100%);
box-shadow: 0 7px 18px rgba(201, 91, 22, .12);
color: #7a3d11;
font-size: 13px;
font-weight: 800;
line-height: 1.2;
text-align: center;
}
html.route-product-product:not(.popup) .aem-product-discount-badge strong {
padding-left: 1px;
color: #d04d17;
font-size: 15px;
font-weight: 850;
}
html.route-product-product:not(.popup) .aem-product-discount-icon {
display: inline-flex;
width: 21px;
height: 21px;
align-items: center;
justify-content: center;
border-radius: 7px;
background: #f0792d;
color: #fff;
font-size: 14px;
font-weight: 900;
line-height: 1;
}
html.route-product-product:not(.popup) .aem-product-status-row + .product-price-group {
padding-top: 2px;
}
html.route-product-product:not(.popup) .aem-stock-badge-icon {
display: inline-flex;
width: 18px;
height: 18px;
align-items: center;
justify-content: center;
border-radius: 50%;
background: #25a66b;
color: #fff;
font-size: 11px;
}
html.route-product-product:not(.popup) .rating-page.aem-empty-rating {
display: none !important;
}
html.route-product-product:not(.popup) .product-price-group {
display: grid;
grid-template-columns: max-content minmax(0, 1fr);
align-items: flex-start;
gap: 18px;
}
html.route-product-product:not(.popup) .product-info .price-wrapper {
width: max-content;
max-width: 100%;
min-width: 0;
}
html.route-product-product:not(.popup) .product-info .price-group {
align-items: baseline;
gap: 10px;
}
html.route-product-product:not(.popup) .product-info .price-group .product-price,
html.route-product-product:not(.popup) .product-info .price-group .product-price-new {
max-width: 100%;
padding: 4px 9px 5px;
border-radius: 9px;
background: var(--aem-navy);
color: #fff;
font-size: clamp(34px, 3vw, 46px);
font-weight: 800;
line-height: 1;
letter-spacing: -.7px;
}
html.route-product-product:not(.popup) .product-info .price-group .product-price-old {
color: #778393;
font-size: clamp(17px, 1.45vw, 21px);
text-decoration-thickness: 1.5px;
}
html.route-product-product:not(.popup) .product-info .product-stats {
/* Faz AI: 2-3 alan varsa 2 sutunlu grid 3. ogeyi yalniz basina yarim genislikte
birakip "kopuk kutu" izlenimi veriyordu -- tek satirlik, ayrac cizgili seride
donusturuldu; boylece alan sayisi ne olursa olsun kopuk satir kalmaz. */
width: 100%;
min-width: 0;
padding: 2px 4px;
border: 1px solid var(--aem-line);
border-radius: 11px;
background: var(--aem-soft);
}
html.route-product-product:not(.popup) .product-info .product-stats ul {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
width: 100% !important;
max-width: none !important;
flex: none !important;
gap: 0 !important;
margin: 0;
}
html.route-product-product:not(.popup) .product-info .product-stats li {
display: flex !important;
align-items: baseline;
gap: 6px;
min-width: 0;
margin: 0;
padding: 11px 18px;
border: 0 !important;
border-right: 1px solid var(--aem-line) !important;
border-radius: 0 !important;
background: transparent !important;
color: var(--aem-muted);
font-size: 13px;
line-height: 1.32;
}
html.route-product-product:not(.popup) .product-info .product-stats li:last-child {
border-right: 0 !important;
}
html.route-product-product:not(.popup) .product-info .product-stats li::before {
display: none !important;
content: none !important;
}
html.route-product-product:not(.popup) .product-info .product-stats li > a,
html.route-product-product:not(.popup) .product-info .product-stats li > span {
display: inline !important;
min-width: 0;
color: #63748a;
line-height: 1.32;
text-align: left !important;
overflow-wrap: anywhere;
}
html.route-product-product:not(.popup) .product-info .product-stats b {
color: var(--aem-ink);
font-weight: 700;
line-height: 1.25;
white-space: nowrap;
}
@media (max-width: 560px) {
html.route-product-product:not(.popup) .product-info .product-stats li {
flex: 1 1 100%;
border-right: 0 !important;
border-bottom: 1px solid var(--aem-line) !important;
}
html.route-product-product:not(.popup) .product-info .product-stats li:last-child {
border-bottom: 0 !important;
}
}
/* Faz AI: puanlama satiri -- OC varsayilan fa-stack yildizlari kucuk/donuksuzdu;
font-size buyutmesi ikon fontunu da olceklendirir, FA'nin kendi kutu kurallarina
dokunmadan buyur. Degerlendirme 0 ise (rating.aem-empty-rating, JS ekler) satir zaten
tamamen gizlenir -- boylece "0 yorum" kalabaligi hic gorunmez. */
html.route-product-product:not(.popup) .rating-page {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px;
margin: 2px 0 8px;
font-size: 21px;
}
html.route-product-product:not(.popup) .rating-stars {
display: flex;
color: var(--aem-yellow, var(--aem-skin-accent, #ffc62a));
}
html.route-product-product:not(.popup) .rating-stars .fa-star-o {
color: #d7dee6;
}
html.route-product-product:not(.popup) .review-links {
display: flex;
align-items: center;
font-size: 13px;
font-weight: 700;
}
html.route-product-product:not(.popup) .review-links a {
color: var(--aem-navy, #0b3d7a);
text-decoration: none;
}
html.route-product-product:not(.popup) .review-links a:hover {
text-decoration: underline;
}
html.route-product-product:not(.popup) .review-links b {
margin: 0 8px;
color: #c3cbd4;
font-weight: 400;
}
html.route-product-product:not(.popup) .aem-product-trust {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 10px;
margin: 20px 0 24px !important;
}
html.route-product-product:not(.popup) .aem-product-trust-item {
min-width: 0;
min-height: 124px;
flex-direction: column;
justify-content: center;
gap: 8px;
padding: 13px 10px;
border-color: var(--aem-line);
border-radius: 9px;
box-shadow: 0 6px 18px rgba(8, 47, 92, .07);
text-align: center;
}
html.route-product-product:not(.popup) .aem-product-trust-icon {
width: 46px;
height: 46px;
flex-basis: 46px;
font-size: 24px;
}
html.route-product-product:not(.popup) .aem-product-trust-item strong {
color: var(--aem-navy);
font-size: 14px;
white-space: normal;
}
html.route-product-product:not(.popup) .aem-product-trust-item small {
color: var(--aem-muted);
font-size: 11.5px;
white-space: normal;
}
html.route-product-product:not(.popup) .button-group-page {
padding-top: 18px !important;
}
html.route-product-product:not(.popup) .button-group-page .buttons-wrapper {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(210px, .42fr);
gap: 10px;
align-items: stretch;
margin: 0 !important;
}
html.route-product-product:not(.popup) .button-group-page .stepper-group {
display: grid;
grid-template-columns: 122px minmax(220px, 1fr);
gap: 10px;
min-width: 0;
}
html.route-product-product:not(.popup) .button-group-page .stepper-group > .control-label {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
}
html.route-product-product:not(.popup) .button-group-page .stepper,
html.route-product-product:not(.popup) .button-group-page .btn {
min-height: 52px;
border-radius: 9px;
}
html.route-product-product:not(.popup) .button-group-page #button-cart {
display: flex;
align-items: center;
justify-content: center;
width: 100% !important;
min-width: 180px !important;
max-width: none !important;
justify-self: stretch;
border-color: var(--aem-navy);
background: var(--aem-navy);
color: #fff;
font-weight: 750;
box-shadow: 0 7px 16px rgba(8, 47, 92, .18);
}
html.route-product-product:not(.popup) .button-group-page #button-cart:hover {
border-color: var(--aem-navy-dark);
background: var(--aem-navy-dark);
}
/* Stokta olmayan veya fiyati tanimsiz urunlerde satin alma yerine iletisim. */
html.route-product-product:not(.popup) .aem-product-quote {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 16px;
width: 100%;
margin: 16px 0;
padding: 18px 22px;
border: 1px solid #cfe0ff;
border-radius: 12px;
background: linear-gradient(180deg, #f5f9ff, #e9f1ff);
box-shadow: 0 1px 3px rgba(16, 24, 40, .06);
}
html.route-product-product:not(.popup) .aem-product-quote p {
flex: 1 1 240px;
min-width: 200px;
margin: 0;
color: #1e3a8a;
font-size: 15px;
font-weight: 650;
line-height: 1.45;
}
html.route-product-product:not(.popup) .aem-product-quote p .fa {
margin-right: 7px;
color: #2563eb;
}
html.route-product-product:not(.popup) .aem-product-quote__button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 46px;
padding: 12px 26px;
border-radius: 10px;
background: #2563eb;
color: #fff !important;
font-size: 15px;
font-weight: 700;
line-height: 1.2;
text-decoration: none !important;
white-space: nowrap;
transition: background .15s ease, transform .15s ease;
}
html.route-product-product:not(.popup) .aem-product-quote__button:hover {
background: #1d4ed8;
color: #fff !important;
transform: translateY(-1px);
}
html.route-product-product:not(.popup) .aem-product-quote--wa .aem-product-quote__button {
background: #25d366;
}
html.route-product-product:not(.popup) .aem-product-quote--wa .aem-product-quote__button:hover {
background: #1ebe5d;
}
@media (max-width: 767px) {
html.route-product-product:not(.popup) .aem-product-quote {
align-items: stretch;
gap: 12px;
padding: 15px;
}
html.route-product-product:not(.popup) .aem-product-quote p {
flex-basis: 100%;
min-width: 0;
font-size: 14px;
}
html.route-product-product:not(.popup) .aem-product-quote__button {
width: 100%;
}
}
html.route-product-product:not(.popup) .button-group-page .extra-group {
min-width: 0;
}
html.route-product-product:not(.popup) .button-group-page [data-quick-buy] {
display: flex;
width: 100%;
min-height: 52px;
align-items: center;
justify-content: center;
border-color: var(--aem-yellow);
background: var(--aem-yellow);
color: #10243b;
font-weight: 750;
}
html.route-product-product:not(.popup) .button-group-page [data-quick-buy]:hover {
border-color: var(--aem-yellow-hover);
background: var(--aem-yellow-hover);
}
html.route-product-product:not(.popup) .button-group-page .wishlist-compare {
grid-column: 1 / -1;
display: flex;
flex-wrap: wrap;
gap: 8px 18px;
padding-top: 4px;
}
html.route-product-product:not(.popup) .aem-purchase-assurance {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 9px;
margin-top: 13px;
color: var(--aem-navy);
font-size: 12.5px;
font-weight: 750;
}
html.route-product-product:not(.popup) .aem-purchase-assurance span {
display: flex;
min-height: 48px;
align-items: center;
justify-content: center;
gap: 9px;
padding: 8px 12px;
border: 1px solid #d5e2ef;
border-radius: 9px;
background: linear-gradient(180deg, #f9fbfe 0%, #f2f7fc 100%);
box-shadow: 0 5px 14px rgba(8, 47, 92, .055);
text-align: center;
}
html.route-product-product:not(.popup) .aem-purchase-assurance span + span::before {
display: none;
}
html.route-product-product:not(.popup) .aem-purchase-assurance-icon {
display: inline-flex;
width: 28px;
height: 28px;
flex: 0 0 28px;
align-items: center;
justify-content: center;
border-radius: 9px;
background: var(--aem-navy);
color: var(--aem-yellow);
font-size: 17px;
font-style: normal;
}
html.route-product-product:not(.popup) .aem-purchase-assurance span:nth-child(2) .aem-purchase-assurance-icon {
background: #168b59;
color: #fff;
}
html.route-product-product:not(.popup) #cc-widget-main + .wishlist-compare {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
gap: 8px 20px;
margin: 10px 0 0;
padding: 0;
}
html.route-product-product:not(.popup) #cc-widget-main + .wishlist-compare .btn {
min-height: 32px;
padding: 4px 2px;
background: transparent;
color: #69778a;
font-size: 12px;
box-shadow: none;
}
html.route-product-product:not(.popup) .aem-product-extras {
display: flex;
width: 100%;
flex-direction: column;
align-items: center;
gap: 8px;
margin: -14px 0 24px;
padding-inline: clamp(16px, 2vw, 38px);
}
html.route-product-product:not(.popup) .aem-product-extras .wishlist-compare {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 8px 20px;
margin: 0;
padding: 0;
}
html.route-product-product:not(.popup) .aem-product-extras .wishlist-compare .btn {
min-height: 32px;
padding: 4px 2px;
background: transparent;
color: #69778a;
font-size: 12px;
box-shadow: none;
}
html.route-product-product:not(.popup) .aem-product-extras .tags {
justify-content: center;
margin: 0;
}
html.route-product-product:not(.popup) #cc-widget-main {
margin-top: 18px !important;
margin-bottom: 0 !important;
border: 1px solid #f2d57b !important;
border-left: 4px solid var(--aem-yellow) !important;
border-radius: 10px !important;
background: #fffaf0 !important;
box-shadow: none !important;
}
html.route-product-product:not(.popup) .tags {
display: flex;
flex-wrap: wrap;
gap: 7px;
margin-block: 16px 26px;
}
html.route-product-product:not(.popup) .tags a {
padding: 7px 10px;
border: 1px solid var(--aem-line);
border-radius: 8px;
background: #fff;
color: #4d5d70;
}
html.route-product-product:not(.popup) .product-blocks.blocks-default,
html.route-product-product:not(.popup) .seo-pro-faq-wrap {
margin-block: 28px;
padding: clamp(18px, 2.2vw, 30px);
border: 1px solid var(--aem-line);
border-radius: var(--aem-radius);
background: #fff;
box-shadow: var(--aem-shadow);
}
html.route-product-product:not(.popup) .product-blocks.blocks-default {
clear: both;
isolation: isolate;
}
html.route-product-product:not(.popup) .product_tabs-default > .full-tabs-bg {
display: none !important;
}
html.route-product-product:not(.popup) .product_tabs-default > .nav-tabs {
display: flex;
flex-wrap: wrap;
gap: 5px 8px;
margin: -8px -8px 22px;
padding: 8px;
border-bottom: 1px solid var(--aem-line);
background: #f8fafc;
}
html.route-product-product:not(.popup) .product_tabs-default > .nav-tabs > li > a {
min-height: 42px;
padding: 11px 15px;
border: 0;
border-radius: 8px;
color: #4d5d70;
font-weight: 650;
}
html.route-product-product:not(.popup) .product_tabs-default > .nav-tabs > li.active > a {
background: #fff;
color: var(--aem-navy);
box-shadow: 0 3px 12px rgba(8, 47, 92, .1);
}
html.route-product-product:not(.popup) .product-blocks .block-content {
color: #4d5968;
font-size: 15px;
line-height: 1.75;
}
html.route-product-product:not(.popup) .product-blocks .block-content h2,
html.route-product-product:not(.popup) .product-blocks .block-content h3 {
margin-top: 30px;
color: var(--aem-ink);
line-height: 1.3;
}
html.route-product-product:not(.popup) .product-blocks .block-content h2:first-child,
html.route-product-product:not(.popup) .product-blocks .block-content h3:first-child {
margin-top: 0;
}
html.route-product-product:not(.popup) .product-blocks .block-content table {
width: 100%;
overflow: hidden;
border: 1px solid var(--aem-line);
border-radius: 10px;
border-collapse: separate;
border-spacing: 0;
}
html.route-product-product:not(.popup) .product-blocks .block-content th,
html.route-product-product:not(.popup) .product-blocks .block-content td {
padding: 10px 12px;
border-bottom: 1px solid var(--aem-line);
}
html.route-product-product:not(.popup) .seo-pro-faq {
margin: 0 !important;
}
html.route-product-product:not(.popup) .seo-pro-faq > h2 {
margin: 0 0 16px !important;
padding: 0 0 12px !important;
border-bottom: 1px solid var(--aem-line) !important;
color: var(--aem-ink);
font-size: clamp(22px, 2vw, 30px);
}
html.route-product-product:not(.popup) .seo-pro-faq-item {
margin: 0 0 8px !important;
overflow: hidden;
border: 1px solid var(--aem-line);
border-radius: 10px;
background: #fff;
}
html.route-product-product:not(.popup) .seo-pro-faq-item > h3 {
margin: 0 !important;
font-size: 15px !important;
}
html.route-product-product:not(.popup) .aem-faq-question {
display: flex;
width: 100%;
min-height: 50px;
align-items: center;
justify-content: space-between;
gap: 18px;
padding: 13px 16px;
border: 0;
background: #fff;
color: var(--aem-ink);
text-align: left;
font: inherit;
font-weight: 650;
cursor: pointer;
}
html.route-product-product:not(.popup) .aem-faq-question:hover,
html.route-product-product:not(.popup) .aem-faq-question:focus-visible {
background: #f7faff;
color: var(--aem-navy);
outline: 0;
}
html.route-product-product:not(.popup) .aem-faq-question:focus-visible {
box-shadow: inset 0 0 0 2px #7ba4cc;
}
html.route-product-product:not(.popup) .aem-faq-icon {
flex: 0 0 auto;
width: 26px;
height: 26px;
border-radius: 50%;
background: #edf4fb;
color: var(--aem-navy);
font-size: 18px;
line-height: 24px;
text-align: center;
transition: transform .18s ease;
}
html.route-product-product:not(.popup) .aem-faq-question[aria-expanded="true"] .aem-faq-icon {
transform: rotate(45deg);
}
html.route-product-product:not(.popup) .aem-faq-answer {
padding: 0 16px 16px !important;
color: var(--aem-muted) !important;
line-height: 1.7 !important;
}
html.route-product-product:not(.popup) .module-products-868 {
width: calc(100% - clamp(20px, 3vw, 56px));
max-width: 1760px;
margin: 34px auto 48px;
padding: clamp(18px, 2vw, 28px);
border: 1px solid var(--aem-line);
border-radius: var(--aem-radius);
background: #fff;
box-shadow: var(--aem-shadow);
}
html.route-product-product:not(.popup) .module-products-868 > .module-body,
html.route-product-product:not(.popup) .module-products-868 .tab-content {
overflow: visible;
}
html.route-product-product:not(.popup) .module-products-868 .tab-content {
margin-top: 0 !important;
}
html.route-product-product:not(.popup) .module-products-868 .nav-tabs {
margin: 0 0 22px;
border: 0;
background: transparent;
}
html.route-product-product:not(.popup) .module-products-868 .nav-tabs > li > a {
position: relative;
padding: 0 0 13px;
border: 0 !important;
background: transparent !important;
color: var(--aem-ink);
font-size: clamp(20px, 1.6vw, 27px);
font-weight: 800;
letter-spacing: -.02em;
}
html.route-product-product:not(.popup) .module-products-868 .nav-tabs > li > a::after {
position: absolute;
bottom: 0;
left: 0;
width: 58px;
height: 4px;
border-radius: 99px;
background: var(--aem-yellow);
content: "";
}
html.route-product-product:not(.popup) .module-products-868 .product-grid {
display: flex !important;
width: 100%;
align-items: stretch;
justify-content: stretch !important;
gap: 16px;
margin-inline: 0 !important;
}
@media (min-width: 768px) {
html.route-product-product:not(.popup) .module-products-868 .product-grid > .auto-grid-items {
display: grid !important;
width: 100% !important;
max-width: none !important;
flex: 1 1 100% !important;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
grid-auto-flow: row !important;
grid-auto-columns: minmax(0, 1fr) !important;
gap: 16px !important;
padding: 0 !important;
overflow: visible !important;
}
}
@media (min-width: 1101px) {
html.route-product-product:not(.popup) .module-products-868 .product-layout {
width: auto !important;
max-width: none !important;
min-width: 0 !important;
flex: 1 1 0 !important;
}
}
html.route-product-product:not(.popup) .module-products-868 .product-thumb {
width: 100%;
height: 100%;
overflow: hidden;
border: 1px solid var(--aem-line);
border-radius: 12px;
background: #fff;
box-shadow: 0 7px 20px rgba(8, 47, 92, .07);
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
html.route-product-product:not(.popup) .module-products-868 .product-thumb:hover {
border-color: #c7d6e5;
box-shadow: 0 11px 26px rgba(8, 47, 92, .12);
transform: translateY(-3px);
}
html.route-product-product:not(.popup) .module-products-868 .product-thumb .image-group {
border-bottom: 1px solid #edf2f7;
background: linear-gradient(180deg, #fff 0%, #f7f9fc 100%);
}
html.route-product-product:not(.popup) .module-products-868 .product-thumb .caption {
display: flex;
flex: 1 1 auto;
flex-direction: column;
padding: 14px;
}
html.route-product-product:not(.popup) .module-products-868 .product-thumb .name a {
display: -webkit-box;
min-height: 2.7em;
overflow: hidden;
color: var(--aem-ink);
font-weight: 650;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
html.route-product-product:not(.popup) .module-products-868 .product-thumb .price-new,
html.route-product-product:not(.popup) .module-products-868 .product-thumb .price-normal {
color: var(--aem-navy);
font-weight: 750;
}
html.route-product-product:not(.popup) .module-products-868 .product-thumb .button-group {
display: grid !important;
gap: 8px;
padding: 12px 14px 14px;
border-top: 1px solid #edf2f7;
}
html.route-product-product:not(.popup) .module-products-868 .product-thumb .buttons-wrapper {
margin-top: auto;
}
html.route-product-product:not(.popup) .module-products-868 .product-thumb .cart-group {
display: grid !important;
grid-template-columns: 68px minmax(0, 1fr);
gap: 8px;
align-items: stretch;
}
html.route-product-product:not(.popup) .module-products-868 .product-thumb .stepper {
width: 68px !important;
min-width: 0 !important;
min-height: 40px;
border: 1px solid #d5e0eb;
border-radius: 8px;
background: #fff;
}
html.route-product-product:not(.popup) .module-products-868 .product-thumb .btn-cart {
display: flex !important;
width: 100% !important;
min-width: 0 !important;
min-height: 40px !important;
align-items: center;
justify-content: center;
padding: 8px 10px !important;
border-color: var(--aem-navy) !important;
border-radius: 8px;
background: var(--aem-navy) !important;
color: #fff !important;
font-size: 12px;
font-weight: 750;
line-height: 1.2;
margin: 0 !important;
}
html.route-product-product:not(.popup) .module-products-868 .product-thumb .btn-cart:hover {
border-color: var(--aem-navy-dark) !important;
background: var(--aem-navy-dark) !important;
color: #fff !important;
}
html.route-product-product:not(.popup) .module-products-868 .product-thumb .wish-group {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 7px;
}
html.route-product-product:not(.popup) .module-products-868 .product-thumb .btn-wishlist,
html.route-product-product:not(.popup) .module-products-868 .product-thumb .btn-compare {
display: flex !important;
width: 100% !important;
height: auto !important;
min-width: 0 !important;
min-height: 40px !important;
align-items: center;
justify-content: center;
gap: 4px;
padding: 7px 8px !important;
border: 1px solid #d9e3ed !important;
border-radius: 8px !important;
background: #f7f9fc !important;
color: #40556d !important;
font-size: 10.5px !important;
font-weight: 700;
line-height: 1.2 !important;
text-align: center;
white-space: nowrap !important;
margin: 0 !important;
}
html.route-product-product:not(.popup) .module-products-868 .product-thumb .btn-cart .btn-text,
html.route-product-product:not(.popup) .module-products-868 .product-thumb .btn-wishlist .btn-text,
html.route-product-product:not(.popup) .module-products-868 .product-thumb .btn-compare .btn-text {
overflow: hidden !important;
text-overflow: ellipsis;
white-space: nowrap !important;
}
html.route-product-product:not(.popup) .module-products-868 .product-thumb .btn-wishlist:hover,
html.route-product-product:not(.popup) .module-products-868 .product-thumb .btn-compare:hover {
border-color: #9db4ca !important;
background: #edf4fb !important;
color: var(--aem-navy) !important;
}
html.route-product-product:not(.popup) .module-products-868 .product-thumb .button-group .btn-text {
display: inline !important;
position: static !important;
width: auto !important;
max-width: 100% !important;
height: auto !important;
overflow: visible !important;
opacity: 1 !important;
visibility: visible !important;
color: inherit !important;
font-size: inherit !important;
line-height: inherit !important;
white-space: nowrap !important;
transform: none !important;
}
html.route-product-product:not(.popup) .module-products-868 .product-thumb .extra-group,
html.route-product-product:not(.popup) .module-products-868 .product-thumb:hover .extra-group {
display: none !important;
}
html.route-product-product:not(.popup) footer {
margin-top: 0;
background: linear-gradient(180deg, #092f59 0%, #061f3a 48%, #17212b 48%, #111a23 100%);
color: #dce7f3;
}
html.route-product-product:not(.popup) footer .grid-row-1 {
padding-block: 30px;
background: linear-gradient(135deg, var(--aem-skin-navy, #082f5c) 0%, #0b4077 100%) !important;
}
html.route-product-product:not(.popup) footer .grid-row-1 .grid-cols-wrapper,
html.route-product-product:not(.popup) footer .grid-row-2 .grid-cols-wrapper,
html.route-product-product:not(.popup) footer .grid-row-5 .grid-cols-wrapper,
html.route-product-product:not(.popup) footer .grid-row-6 .grid-cols-wrapper {
width: calc(100% - clamp(32px, 4vw, 76px));
max-width: 1600px;
margin-inline: auto;
}
html.route-product-product:not(.popup) footer .module-info_blocks-781 .info_blocks-grid {
gap: 14px;
}
html.route-product-product:not(.popup) footer .module-info_blocks-781 .module-item {
min-width: 0;
}
html.route-product-product:not(.popup) footer .module-info_blocks-781 .info-block {
min-height: 118px;
padding: 19px 20px;
border: 1px solid rgba(255, 255, 255, .18);
border-radius: 12px;
background: rgba(255, 255, 255, .055);
box-shadow: inset 0 1px rgba(255, 255, 255, .04);
transition: transform .18s ease, background .18s ease, border-color .18s ease;
}
html.route-product-product:not(.popup) footer .module-info_blocks-781 .info-block:hover {
border-color: rgba(244, 197, 47, .52);
background: rgba(255, 255, 255, .09);
transform: translateY(-2px);
}
html.route-product-product:not(.popup) footer .module-info_blocks-781 .info-block-title {
margin-bottom: 6px;
color: #fff;
font-size: 15px;
font-weight: 800;
}
html.route-product-product:not(.popup) footer .module-info_blocks-781 .info-block-title::before {
display: inline-block;
width: 8px;
height: 8px;
margin-right: 9px;
border-radius: 50%;
background: var(--aem-yellow);
box-shadow: 0 0 0 5px rgba(244, 197, 47, .12);
content: "";
vertical-align: 1px;
}
html.route-product-product:not(.popup) footer .module-info_blocks-781 .info-block-text {
color: #c6d5e5;
font-size: 12px;
line-height: 1.55;
}
html.route-product-product:not(.popup) footer .grid-row-2 {
padding-block: 36px 40px;
background: #17212b !important;
}
html.route-product-product:not(.popup) footer .module-side_products-735 .nav-tabs {
display: flex;
gap: 8px;
margin: 0 0 18px;
border: 0;
background: transparent;
}
html.route-product-product:not(.popup) footer .module-side_products-735 .nav-tabs > li > a {
padding: 9px 14px;
border: 1px solid rgba(255, 255, 255, .13) !important;
border-radius: 9px;
background: rgba(255, 255, 255, .035) !important;
color: #aebccb;
font-weight: 700;
}
html.route-product-product:not(.popup) footer .module-side_products-735 .nav-tabs > li.active > a,
html.route-product-product:not(.popup) footer .module-side_products-735 .nav-tabs > li > a:hover {
border-color: var(--aem-yellow) !important;
background: var(--aem-yellow) !important;
color: #10243b;
}
html.route-product-product:not(.popup) footer .module-side_products-735 .side-products {
gap: 12px;
}
html.route-product-product:not(.popup) footer .module-side_products-735 .side-product {
height: 100%;
min-height: 116px;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, .11);
border-radius: 11px;
background: #fff;
box-shadow: 0 8px 20px rgba(0, 0, 0, .13);
transition: transform .18s ease, box-shadow .18s ease;
}
html.route-product-product:not(.popup) footer .module-side_products-735 .side-product:hover {
box-shadow: 0 12px 25px rgba(0, 0, 0, .2);
transform: translateY(-2px);
}
html.route-product-product:not(.popup) footer .module-side_products-735 .side-product .image {
border-right: 1px solid #edf2f7;
background: #f8fafc;
}
html.route-product-product:not(.popup) footer .module-side_products-735 .side-product .caption {
padding: 12px;
}
html.route-product-product:not(.popup) footer .module-side_products-735 .side-product .name a {
display: -webkit-box;
overflow: hidden;
color: var(--aem-ink);
font-weight: 650;
line-height: 1.35;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
html.route-product-product:not(.popup) footer .module-side_products-735 .side-product .price-new,
html.route-product-product:not(.popup) footer .module-side_products-735 .side-product .price-normal {
color: var(--aem-navy);
font-weight: 800;
}
html.route-product-product:not(.popup) footer .grid-row-4 {
display: none !important;
}
html.route-product-product:not(.popup) footer .grid-row-5 {
padding-block: 40px 34px;
border-top: 1px solid rgba(255, 255, 255, .08);
background: #111a23 !important;
}
html.route-product-product:not(.popup) footer .module-catalog-453 .catalog-grid {
gap: 24px;
}
html.route-product-product:not(.popup) footer .module-catalog-453 .catalog-title,
html.route-product-product:not(.popup) footer .module-newsletter-67 .module-title {
display: block;
margin-bottom: 15px;
color: #fff !important;
font-size: 16px;
font-weight: 800;
}
html.route-product-product:not(.popup) footer .module-catalog-453 .catalog-title::after,
html.route-product-product:not(.popup) footer .module-newsletter-67 .module-title::after {
display: block;
width: 36px;
height: 3px;
margin-top: 9px;
border-radius: 99px;
background: var(--aem-yellow);
content: "";
}
html.route-product-product:not(.popup) footer .module-catalog-453 .subitem a {
display: inline-block;
padding-block: 4px;
color: #b9c7d5 !important;
line-height: 1.45;
transition: color .15s ease, transform .15s ease;
}
html.route-product-product:not(.popup) footer .module-catalog-453 .subitem a:hover {
color: var(--aem-yellow) !important;
transform: translateX(3px);
}
html.route-product-product:not(.popup) footer .module-newsletter-67 {
padding: 20px;
border: 1px solid rgba(255, 255, 255, .12);
border-radius: 12px;
background: rgba(255, 255, 255, .045);
}
html.route-product-product:not(.popup) footer .module-newsletter-67 .newsletter-text {
margin-bottom: 15px;
color: #bdcad7;
line-height: 1.55;
}
html.route-product-product:not(.popup) footer .module-newsletter-67 .input-group {
overflow: hidden;
border-radius: 9px;
background: #fff;
}
html.route-product-product:not(.popup) footer .module-newsletter-67 .newsletter-email {
min-height: 46px;
border: 0;
background: #fff;
color: var(--aem-ink);
}
html.route-product-product:not(.popup) footer .module-newsletter-67 .btn-primary {
min-width: 54px;
min-height: 46px;
border: 0;
background: var(--aem-yellow);
color: #10243b;
}
html.route-product-product:not(.popup) footer .module-image-1168 {
margin-top: 18px;
padding: 14px;
border: 1px solid rgba(255, 255, 255, .1);
border-radius: 10px;
background: rgba(255, 255, 255, .035);
}
html.route-product-product:not(.popup) footer .grid-row-6 {
padding-block: 18px;
border-top: 1px solid rgba(255, 255, 255, .08);
background: #0d151e !important;
}
html.route-product-product:not(.popup) footer .grid-row-6,
html.route-product-product:not(.popup) footer .grid-row-6 a {
color: #9fb0c1 !important;
}
@media (min-width: 1101px) {
html.route-product-product:not(.popup) .product-left-wrapper,
html.route-product-product:not(.popup) .product-image,
html.route-product-product:not(.popup) .product-image .main-image,
html.route-product-product:not(.popup) .product-image .main-image .swiper-container,
html.route-product-product:not(.popup) .product-image .main-image .swiper-wrapper,
html.route-product-product:not(.popup) .product-image .main-image .swiper-slide {
height: 100%;
}
html.route-product-product:not(.popup) .product-image .main-image .swiper-slide {
display: flex;
align-items: center;
justify-content: center;
}
html.route-product-product:not(.popup) .product-image .main-image img {
width: 100%;
height: 100%;
object-fit: contain;
}
html.route-product-product:not(.popup) .product-image .additional-images {
max-height: 100%;
align-self: stretch;
}
}
@media (min-width: 1101px) {
html.route-product-product:not(.popup) .aem-product-hide-desktop { display: none !important; }
}
@media (min-width: 768px) and (max-width: 1100px) {
html.route-product-product:not(.popup) .aem-product-hide-tablet { display: none !important; }
}
@media (max-width: 1100px) {
html.route-product-product:not(.popup) .product-info {
grid-template-columns: 1fr;
}
html.route-product-product:not(.popup) .product-left {
border-right: 0;
border-bottom: 1px solid var(--aem-line);
}
html.route-product-product:not(.popup) .product-price-group {
flex-wrap: wrap;
}
}
@media (max-width: 767px) {
html.route-product-product:not(.popup) .aem-product-hide-mobile { display: none !important; }
html.route-product-product:not(.popup) .product-left.aem-product-layout-section > .product-left-wrapper,
html.route-product-product:not(.popup) .product-right.aem-product-layout-section > .product-right-wrapper,
html.route-product-product:not(.popup) .button-group-page.aem-product-layout-section,
html.route-product-product:not(.popup) .aem-product-trust.aem-product-layout-section {
width: 100%;
}
html.route-product-product:not(.popup) body.aem-mobile-buybar-active {
padding-bottom: 0 !important;
}
html.route-product-product:not(.popup) #aem-consent-settings {
left: 10px;
bottom: calc(10px + env(safe-area-inset-bottom));
padding: 6px 9px;
font-size: 11px;
line-height: 1.2;
}
html.route-product-product:not(.popup) body.aem-mobile-buybar-active #aem-consent-settings {
bottom: calc(74px + env(safe-area-inset-bottom));
}
html.route-product-product:not(.popup) #product-product {
padding-inline: 5px;
}
html.route-product-product:not(.popup) #product-product > .row,
html.route-product-product:not(.popup) #product-product > .row > #content {
width: 100% !important;
margin-inline: 0 !important;
padding-inline: 0 !important;
}
html.route-product-product:not(.popup) .product-info {
gap: 13px;
margin-block: 12px 20px;
}
html.route-product-product:not(.popup) .product-price-group {
grid-template-columns: minmax(0, 1fr);
}
html.route-product-product:not(.popup) .product-info .product-stats ul {
grid-template-columns: minmax(0, 1fr) !important;
gap: 8px;
}
html.route-product-product:not(.popup) .product-info .product-stats li {
grid-template-columns: minmax(0, 1fr) !important;
align-items: start;
row-gap: 4px;
}
html.route-product-product:not(.popup) .product-info .product-stats b {
white-space: normal;
}
html.route-product-product:not(.popup) .product-info .price-wrapper {
width: auto;
}
html.route-product-product:not(.popup) .product-left-wrapper,
html.route-product-product:not(.popup) .product-right-wrapper,
html.route-product-product:not(.popup) .product-blocks.blocks-default,
html.route-product-product:not(.popup) .seo-pro-faq-wrap {
border-radius: 11px;
}
html.route-product-product:not(.popup) .product-info .product-left-wrapper,
html.route-product-product:not(.popup) .product-info .product-right-wrapper {
border-radius: 0;
}
html.route-product-product:not(.popup) .product-left-wrapper,
html.route-product-product:not(.popup) .product-right-wrapper {
padding: 10px;
}
html.route-product-product:not(.popup) .product-blocks.blocks-default,
html.route-product-product:not(.popup) .seo-pro-faq-wrap {
padding: 8px;
}
html.route-product-product:not(.popup) .product-details > .page-title {
font-size: 20px;
}
html.route-product-product:not(.popup) .aem-product-status-row {
grid-template-columns: 1fr;
gap: 9px;
margin: 13px 0 21px !important;
padding-bottom: 18px;
}
html.route-product-product:not(.popup) .aem-product-discount-badge,
html.route-product-product:not(.popup) .aem-stock-badge {
min-height: 44px;
}
html.route-product-product:not(.popup) .aem-product-trust {
grid-template-columns: 1fr 1fr;
gap: 7px;
}
html.route-product-product:not(.popup) .aem-product-trust-item {
min-height: 106px;
}
html.route-product-product:not(.popup) .aem-purchase-assurance {
display: flex;
gap: 6px;
margin-top: 8px;
overflow: hidden;
}
html.route-product-product:not(.popup) .aem-purchase-assurance span {
min-width: 0;
min-height: 32px;
flex: 1 1 0;
gap: 5px;
padding: 5px 7px;
border-radius: 7px;
font-size: 10.5px;
line-height: 1.2;
box-shadow: none;
}
html.route-product-product:not(.popup) .aem-purchase-assurance-icon {
width: 20px;
height: 20px;
flex-basis: 20px;
border-radius: 6px;
font-size: 12px;
}
html.route-product-product:not(.popup) .button-group-page {
position: static !important;
inset: auto !important;
z-index: auto !important;
max-height: none !important;
overflow: visible !important;
transform: none !important;
box-shadow: none !important;
}
html.route-product-product:not(.popup) .button-group-page .buttons-wrapper {
grid-template-columns: 80px minmax(104px, 1.15fr) minmax(100px, 1fr);
gap: 7px !important;
align-items: stretch;
}
html.route-product-product:not(.popup) .button-group-page .stepper-group,
html.route-product-product:not(.popup) .button-group-page .extra-group {
display: contents;
}
html.route-product-product:not(.popup) .button-group-page,
html.route-product-product:not(.popup) .button-group-page .buttons-wrapper,
html.route-product-product:not(.popup) .button-group-page .wishlist-compare {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
html.route-product-product:not(.popup) .button-group-page {
padding-top: 12px !important;
padding-inline: 0 !important;
}
html.route-product-product:not(.popup) .button-group-page .wishlist-compare {
gap: 7px 14px !important;
padding-top: 2px !important;
}
html.route-product-product:not(.popup) .button-group-page .wishlist-compare .btn {
min-height: 34px;
margin: 0 !important;
}
html.route-product-product:not(.popup) .button-group-page .stepper {
width: 80px !important;
max-width: 80px;
min-height: 48px;
}
html.route-product-product:not(.popup) .button-group-page #button-cart,
html.route-product-product:not(.popup) .button-group-page [data-quick-buy] {
display: flex !important;
width: 100% !important;
min-width: 0 !important;
min-height: 48px;
align-items: center !important;
justify-content: center !important;
padding-inline: 7px !important;
font-size: 14px !important;
line-height: 1.25 !important;
white-space: nowrap !important;
}
html.route-product-product:not(.popup) .button-group-page #button-cart .btn-text,
html.route-product-product:not(.popup) .button-group-page [data-quick-buy] .btn-text {
display: block !important;
width: auto !important;
max-width: 100% !important;
overflow: visible !important;
white-space: nowrap !important;
text-overflow: clip !important;
}
html.route-product-product:not(.popup) #content {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
}
html.route-product-product:not(.popup) #content > .aem-product-layout--top { order: 1; }
html.route-product-product:not(.popup) #content > .aem-product-layout--cargo { order: 15; }
html.route-product-product:not(.popup) #content > .aem-product-layout--tabs { order: 20; margin-block: 10px 20px !important; }
html.route-product-product:not(.popup) #content > .aem-product-layout--tags { order: 25; }
html.route-product-product:not(.popup) #content > .aem-product-layout--bottom { order: 30; }
html.route-product-product:not(.popup) #content > .product-info {
order: 10;
margin-bottom: 0 !important;
}
html.route-product-product:not(.popup) #content > .product-info .product-right-wrapper {
padding-bottom: 6px !important;
}
html.route-product-product:not(.popup) #content > .product-info .product-details {
padding: 6px 0 0 !important;
}
html.route-product-product:not(.popup) #content > .product-blocks.blocks-default {
order: 20;
width: 100% !important;
margin-block: 10px 20px !important;
}
html.route-product-product:not(.popup) #content > .aem-product-layout--tabs > .product-blocks.blocks-default {
width: 100% !important;
margin: 0 !important;
}
html.route-product-product:not(.popup) #content > .aem-product-extras {
order: 30;
width: 100% !important;
margin: 0 0 20px !important;
}
html.route-product-product:not(.popup) #content > .seo-pro-faq-wrap {
order: 40;
}
html.route-product-product:not(.popup) .product_tabs-default {
position: relative !important;
z-index: 3 !important;
display: block !important;
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
isolation: isolate;
}
html.route-product-product:not(.popup) .product_tabs-default > .nav-tabs {
position: relative !important;
inset: auto !important;
z-index: 4 !important;
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr));
width: 100% !important;
min-height: 54px;
margin: 0 0 18px !important;
padding: 5px !important;
overflow: visible !important;
gap: 4px !important;
border: 1px solid #d6e0ec !important;
border-radius: 11px !important;
background: #eef3f8 !important;
box-shadow: 0 8px 20px rgba(8, 47, 92, .08) !important;
transform: none !important;
opacity: 1 !important;
visibility: visible !important;
}
html.route-product-product:not(.popup) .product_tabs-default > .nav-tabs > li {
display: block !important;
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
}
html.route-product-product:not(.popup) .product_tabs-default > .nav-tabs > li > a {
display: flex !important;
align-items: center;
justify-content: center;
width: 100% !important;
min-width: 0 !important;
min-height: 44px !important;
padding: 7px 3px !important;
border: 0 !important;
border-radius: 8px !important;
background: transparent !important;
color: #33465d !important;
font-size: clamp(10px, 3.15vw, 12px) !important;
font-weight: 750 !important;
line-height: 1.18 !important;
text-align: center;
white-space: normal !important;
opacity: 1 !important;
visibility: visible !important;
}
html.route-product-product:not(.popup) .product_tabs-default > .nav-tabs > li.active > a,
html.route-product-product:not(.popup) .product_tabs-default > .nav-tabs > li > a:hover,
html.route-product-product:not(.popup) .product_tabs-default > .nav-tabs > li > a:focus {
background: var(--aem-navy) !important;
color: #fff !important;
box-shadow: 0 5px 12px rgba(8, 47, 92, .2) !important;
}
html.route-product-product:not(.popup) .product_tabs-default > .tab-content {
position: relative !important;
z-index: 1 !important;
display: block !important;
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
opacity: 1 !important;
visibility: visible !important;
}
html.route-product-product:not(.popup) .product_tabs-default > .tab-content > .tab-pane.active {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
}
html.route-product-product:not(.popup) .product-blocks .block-content table {
display: block;
overflow-x: auto;
}
html.route-product-product:not(.popup) .module-products-868 {
width: calc(100% - 20px);
margin-block: 24px 32px;
padding: 14px;
border-radius: 12px;
}
html.route-product-product:not(.popup) .module-products-868 .nav-tabs {
margin-bottom: 15px;
}
html.route-product-product:not(.popup) .module-products-868 > .module-body,
html.route-product-product:not(.popup) .module-products-868 .tab-content,
html.route-product-product:not(.popup) .module-products-868 .product-grid {
min-width: 0;
overflow: hidden;
}
html.route-product-product:not(.popup) .module-products-868 .product-grid {
display: block !important;
margin-inline: 0 !important;
}
html.route-product-product:not(.popup) .module-products-868 .product-grid > .auto-grid-items {
display: flex !important;
box-sizing: border-box;
width: 100% !important;
max-width: 100% !important;
gap: 12px !important;
padding: 2px 10px 10px !important;
overflow-x: auto !important;
overflow-y: hidden !important;
scroll-padding-inline: 10px;
scroll-snap-type: x mandatory;
overscroll-behavior-inline: contain;
scrollbar-width: thin;
-webkit-overflow-scrolling: touch;
}
html.route-product-product:not(.popup) .module-products-868 .product-layout {
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
flex: 0 0 100% !important;
scroll-snap-align: start;
scroll-snap-stop: always;
}
html.route-product-product:not(.popup) .module-products-868 .product-thumb:hover {
transform: none;
}
html.route-product-product:not(.popup) .module-products-868 .product-thumb .caption {
padding: 12px;
}
html.route-product-product:not(.popup) .module-products-868 .product-thumb .button-group {
gap: 7px;
padding: 10px 12px 12px;
}
html.route-product-product:not(.popup) .module-products-868 .product-thumb .btn-wishlist,
html.route-product-product:not(.popup) .module-products-868 .product-thumb .btn-compare {
min-height: 36px !important;
padding: 6px !important;
font-size: 10px !important;
}
html.route-product-product:not(.popup) .aem-mobile-buybar.is-visible {
min-height: calc(62px + env(safe-area-inset-bottom));
max-height: none;
gap: 7px;
padding: 7px 10px calc(7px + env(safe-area-inset-bottom));
box-sizing: border-box;
}
html.route-product-product:not(.popup) .aem-mobile-buybar button {
display: flex !important;
height: 48px;
min-height: 48px;
align-items: center;
justify-content: center;
padding: 10px 8px !important;
overflow: visible;
font-size: 14px;
line-height: 20px !important;
white-space: nowrap;
-webkit-appearance: none;
appearance: none;
}
html.route-product-product:not(.popup) footer .grid-row-1,
html.route-product-product:not(.popup) footer .grid-row-2,
html.route-product-product:not(.popup) footer .grid-row-5 {
padding-block: 24px;
}
html.route-product-product:not(.popup) footer .grid-row-1 .grid-cols-wrapper,
html.route-product-product:not(.popup) footer .grid-row-2 .grid-cols-wrapper,
html.route-product-product:not(.popup) footer .grid-row-5 .grid-cols-wrapper,
html.route-product-product:not(.popup) footer .grid-row-6 .grid-cols-wrapper {
width: calc(100% - 20px);
}
html.route-product-product:not(.popup) footer .module-info_blocks-781 .info_blocks-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 9px;
}
html.route-product-product:not(.popup) footer .module-info_blocks-781 .info-block {
min-height: 112px;
padding: 15px;
}
html.route-product-product:not(.popup) footer .module-side_products-735 .nav-tabs {
overflow-x: auto;
scrollbar-width: thin;
}
html.route-product-product:not(.popup) footer .module-side_products-735 .nav-tabs > li {
flex: 0 0 auto;
}
html.route-product-product:not(.popup) footer .module-side_products-735 .side-products {
gap: 9px;
}
html.route-product-product:not(.popup) footer .module-side_products-735 .side-product {
min-height: 108px;
}
html.route-product-product:not(.popup) footer .module-catalog-453 .catalog-grid {
gap: 18px;
}
html.route-product-product:not(.popup) footer .module-newsletter-67 {
margin-top: 18px;
padding: 16px;
}
}
@media (max-width: 420px) {
html.route-product-product:not(.popup) .aem-product-trust {
grid-template-columns: 1fr;
}
html.route-product-product:not(.popup) footer .module-info_blocks-781 .info_blocks-grid {
grid-template-columns: 1fr;
}
}
@media (prefers-reduced-motion: reduce) {
html.route-product-product:not(.popup) .product-image .additional-image,
html.route-product-product:not(.popup) .aem-product-trust-item,
html.route-product-product:not(.popup) .module-products-868 .product-thumb,
html.route-product-product:not(.popup) footer .module-info_blocks-781 .info-block,
html.route-product-product:not(.popup) footer .module-side_products-735 .side-product,
html.route-product-product:not(.popup) .aem-faq-icon {
transition: none !important;
}
}
/* Mobile product information: accessible vertical accordion-style tabs. */
.aem-product-tabs-accordion {
display: none;
}
@media (max-width: 767px) {
html.route-product-product:not(.popup) .product_tabs-default.aem-product-tabs-accordion-ready > .nav-tabs,
html.route-product-product:not(.popup) .product_tabs-default.aem-product-tabs-accordion-ready > .tab-content,
html.route-product-product:not(.popup) .product_tabs-details.aem-product-tabs-accordion-ready > .nav-tabs,
html.route-product-product:not(.popup) .product_tabs-details.aem-product-tabs-accordion-ready > .tab-content {
display: none !important;
}
html.route-product-product:not(.popup) .aem-product-tabs-accordion {
display: block;
width: 100%;
margin: 0;
}
html.route-product-product:not(.popup) .aem-product-tabs-accordion__nav {
display: grid;
gap: 8px;
margin: 0 0 14px;
}
html.route-product-product:not(.popup) .aem-product-tabs-accordion__button {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
min-height: 52px;
padding: 0 15px;
border: 1px solid #d5e0eb;
border-radius: 11px;
background: #f7f9fc;
color: #17324f;
font: inherit;
font-size: 15px;
font-weight: 800;
line-height: 1.25;
text-align: left;
box-shadow: 0 5px 14px rgba(8, 47, 92, .06);
-webkit-tap-highlight-color: transparent;
}
html.route-product-product:not(.popup) .aem-product-tabs-accordion__button i {
position: relative;
flex: 0 0 30px;
width: 30px;
height: 30px;
margin-left: 12px;
border-radius: 50%;
background: #e8eef5;
}
html.route-product-product:not(.popup) .aem-product-tabs-accordion__button i::before,
html.route-product-product:not(.popup) .aem-product-tabs-accordion__button i::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 12px;
height: 2px;
border-radius: 2px;
background: currentColor;
transform: translate(-50%, -50%);
}
html.route-product-product:not(.popup) .aem-product-tabs-accordion__button i::after {
transform: translate(-50%, -50%) rotate(90deg);
transition: transform .2s ease;
}
html.route-product-product:not(.popup) .aem-product-tabs-accordion__button.is-active {
border-color: var(--aem-navy);
background: var(--aem-navy);
color: #fff;
box-shadow: 0 8px 18px rgba(8, 47, 92, .2);
}
html.route-product-product:not(.popup) .aem-product-tabs-accordion__button.is-active i {
background: rgba(255, 255, 255, .14);
}
html.route-product-product:not(.popup) .aem-product-tabs-accordion__button.is-active i::after {
transform: translate(-50%, -50%) rotate(0deg);
}
html.route-product-product:not(.popup) .aem-product-tabs-accordion__content {
width: 100%;
padding: 16px 10px;
overflow: hidden;
border: 1px solid #dbe4ed;
border-radius: 12px;
background: #fff;
box-shadow: 0 9px 24px rgba(8, 47, 92, .07);
}
html.route-product-product:not(.popup) .aem-product-tabs-accordion__content .block-content,
html.route-product-product:not(.popup) .aem-product-tabs-accordion__content p,
html.route-product-product:not(.popup) .aem-product-tabs-accordion__content li {
font-size: 16px !important;
line-height: 1.7 !important;
}
html.route-product-product:not(.popup) .aem-product-tabs-accordion__content > .tab-pane {
display: none !important;
width: 100%;
min-width: 0;
margin: 0 !important;
opacity: 1 !important;
visibility: visible !important;
}
html.route-product-product:not(.popup) .aem-product-tabs-accordion__content > .tab-pane.active {
display: block !important;
}
html.route-product-product:not(.popup) .aem-product-tabs-accordion__content img,
html.route-product-product:not(.popup) .aem-product-tabs-accordion__content iframe,
html.route-product-product:not(.popup) .aem-product-tabs-accordion__content video {
max-width: 100% !important;
height: auto;
}
html.route-product-product:not(.popup) .aem-product-tabs-accordion__content table {
display: block;
max-width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
@media (prefers-reduced-motion: reduce) {
html.route-product-product:not(.popup) .aem-product-tabs-accordion__button i::after {
transition: none;
}
}
/* ---- Faz AJ: sekme icerikleri modernizasyonu (aciklama/ozellikler/yorum/soru-cevap) ---- */
/* Aciklama + ozel sekmeler: idare eden HTML'e temiz tipografi */
html.route-product-product:not(.popup) .tab-pane#tab-description,
html.route-product-product:not(.popup) .aem-custom-tab {
color: #33475b;
font-size: 14.5px;
line-height: 1.75;
}
html.route-product-product:not(.popup) .tab-pane#tab-description p,
html.route-product-product:not(.popup) .aem-custom-tab p {
margin: 0 0 14px;
}
html.route-product-product:not(.popup) .tab-pane#tab-description h2,
html.route-product-product:not(.popup) .tab-pane#tab-description h3,
html.route-product-product:not(.popup) .aem-custom-tab h2,
html.route-product-product:not(.popup) .aem-custom-tab h3 {
margin: 22px 0 12px;
color: var(--aem-ink, #142033);
font-weight: 800;
}
html.route-product-product:not(.popup) .tab-pane#tab-description ul,
html.route-product-product:not(.popup) .tab-pane#tab-description ol,
html.route-product-product:not(.popup) .aem-custom-tab ul,
html.route-product-product:not(.popup) .aem-custom-tab ol {
margin: 0 0 14px;
padding-left: 22px;
}
html.route-product-product:not(.popup) .tab-pane#tab-description li,
html.route-product-product:not(.popup) .aem-custom-tab li {
margin-bottom: 6px;
}
html.route-product-product:not(.popup) .tab-pane#tab-description img,
html.route-product-product:not(.popup) .aem-custom-tab img {
max-width: 100%;
height: auto;
border-radius: 10px;
}
html.route-product-product:not(.popup) .tab-pane#tab-description table,
html.route-product-product:not(.popup) .aem-custom-tab table {
width: 100%;
border-collapse: collapse;
margin: 0 0 14px;
}
html.route-product-product:not(.popup) .tab-pane#tab-description td,
html.route-product-product:not(.popup) .tab-pane#tab-description th,
html.route-product-product:not(.popup) .aem-custom-tab td,
html.route-product-product:not(.popup) .aem-custom-tab th {
padding: 9px 12px;
border: 1px solid var(--aem-line, #dfe7f0);
}
/* Ozellikler (Specification) sekmesi: cekirdek tablo taslanmis kart goruntusune donusur */
html.route-product-product:not(.popup) .tab-pane#tab-specification table {
width: 100%;
overflow: hidden;
border: 1px solid var(--aem-line, #dfe7f0);
border-radius: 12px;
border-collapse: separate;
border-spacing: 0;
}
html.route-product-product:not(.popup) .tab-pane#tab-specification thead tr td {
padding: 12px 16px;
background: var(--aem-soft, #f4f7fb);
color: var(--aem-navy, #0b3d7a);
font-weight: 800;
font-size: 13px;
letter-spacing: .02em;
text-transform: uppercase;
border: 0;
border-top: 1px solid var(--aem-line, #dfe7f0);
}
html.route-product-product:not(.popup) .tab-pane#tab-specification thead:first-child tr td {
border-top: 0;
}
html.route-product-product:not(.popup) .tab-pane#tab-specification tbody tr td {
padding: 11px 16px;
border: 0;
border-top: 1px solid #eef2f7;
color: #4d5d70;
font-size: 13.5px;
}
html.route-product-product:not(.popup) .tab-pane#tab-specification tbody tr td:first-child {
width: 40%;
color: var(--aem-ink, #142033);
font-weight: 650;
}
html.route-product-product:not(.popup) .tab-pane#tab-specification tbody tr:nth-child(odd) td {
background: rgba(244, 247, 251, .5);
}
/* Yorum kartlari */
html.route-product-product:not(.popup) .aem-review-list {
display: grid;
gap: 14px;
margin-bottom: 22px;
}
html.route-product-product:not(.popup) .aem-review-card {
padding: 16px 18px;
border: 1px solid var(--aem-line, #dfe7f0);
border-radius: 14px;
background: #fff;
}
html.route-product-product:not(.popup) .aem-review-card__head {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 10px;
}
html.route-product-product:not(.popup) .aem-review-card__avatar {
display: grid;
flex: 0 0 40px;
place-items: center;
width: 40px;
height: 40px;
border-radius: 50%;
background: var(--aem-navy, #0b3d7a);
color: #fff;
font-size: 15px;
font-weight: 800;
}
html.route-product-product:not(.popup) .aem-review-card__meta {
display: flex;
flex-direction: column;
gap: 3px;
min-width: 0;
}
html.route-product-product:not(.popup) .aem-review-card__meta strong {
color: var(--aem-ink, #142033);
font-size: 14px;
font-weight: 800;
}
html.route-product-product:not(.popup) .aem-review-card__stars {
color: var(--aem-yellow, var(--aem-skin-accent, #ffc62a));
font-size: 12px;
letter-spacing: 1px;
}
html.route-product-product:not(.popup) .aem-review-card__stars .fa-star-o {
color: #d7dee6;
}
html.route-product-product:not(.popup) .aem-review-card__date {
margin-left: auto;
color: #97a3b3;
font-size: 12px;
white-space: nowrap;
}
html.route-product-product:not(.popup) .aem-review-card__text {
margin: 0;
color: #33475b;
font-size: 14px;
line-height: 1.65;
}
html.route-product-product:not(.popup) .aem-review-card .aem-review-photos {
margin-top: 12px;
}
html.route-product-product:not(.popup) .aem-review-pagination {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 10px;
padding-top: 14px;
border-top: 1px solid var(--aem-line, #dfe7f0);
color: #7d8fa1;
font-size: 13px;
}
html.route-product-product:not(.popup) .aem-review-pagination .pagination {
margin: 0;
}
html.route-product-product:not(.popup) .aem-review-empty {
margin: 0;
padding: 26px;
border: 1px dashed var(--aem-line, #dfe7f0);
border-radius: 12px;
color: #7d8fa1;
font-size: 14px;
text-align: center;
}
/* Yorum yazma formu -- Soru & Cevap formuyla ayni gorsel dil */
html.route-product-product:not(.popup) .aem-review-form {
max-width: 640px;
padding: 20px;
border: 1px solid var(--aem-line, #dfe7f0);
border-radius: 14px;
background: var(--aem-soft, #f8fafc);
}
html.route-product-product:not(.popup) .aem-review-form > h2 {
margin: 0 0 16px;
color: var(--aem-ink, #142033);
font-size: 17px;
font-weight: 800;
}
html.route-product-product:not(.popup) .aem-review-form .form-group {
margin-bottom: 16px;
}
html.route-product-product:not(.popup) .aem-review-form .control-label {
display: block;
margin-bottom: 6px;
padding: 0;
color: #40566d;
font-size: 13px;
font-weight: 700;
text-align: left;
}
html.route-product-product:not(.popup) .aem-review-form .form-control {
width: 100%;
padding: 10px 12px;
border: 1px solid #cddae6;
border-radius: 9px;
background: #fff;
color: #12294a;
font-size: 14px;
box-shadow: none;
}
html.route-product-product:not(.popup) .aem-review-form .form-control:focus {
border-color: var(--aem-navy, #0b3d7a);
outline: 0;
box-shadow: 0 0 0 3px rgba(11, 61, 122, .12);
}
html.route-product-product:not(.popup) .aem-review-form .buttons {
margin-top: 4px;
}
html.route-product-product:not(.popup) .aem-review-form .buttons .btn-primary {
min-height: 44px;
padding: 0 26px;
border: 0;
border-radius: 10px;
background: var(--aem-navy, #0b3d7a);
color: #fff;
font-size: 14px;
font-weight: 800;
}
html.route-product-product:not(.popup) .aem-review-form .buttons .btn-primary:hover {
filter: brightness(1.1);
}
html.route-product-product:not(.popup) .aem-review-form #review .alert {
border-radius: 10px;
}
/* Yildizli puanlama secici -- salt CSS: DOM 5,4,3,2,1 sirali, gorsel row-reverse ile 1..5 soldan saga */
html.route-product-product:not(.popup) .aem-star-rating {
display: inline-flex;
flex-direction: row-reverse;
justify-content: flex-end;
gap: 4px;
margin-top: 4px;
}
html.route-product-product:not(.popup) .aem-star-rating input {
position: absolute;
width: 1px;
height: 1px;
opacity: 0;
pointer-events: none;
}
html.route-product-product:not(.popup) .aem-star-rating label {
display: inline-block;
margin: 0;
color: #d7dee6;
font-size: 30px;
line-height: 1;
cursor: pointer;
transition: color .12s ease, transform .12s ease;
}
html.route-product-product:not(.popup) .aem-star-rating label:hover,
html.route-product-product:not(.popup) .aem-star-rating label:hover ~ label,
html.route-product-product:not(.popup) .aem-star-rating input:checked ~ label,
html.route-product-product:not(.popup) .aem-star-rating input:focus-visible ~ label {
color: var(--aem-yellow, var(--aem-skin-accent, #ffc62a));
}
html.route-product-product:not(.popup) .aem-star-rating label:hover,
html.route-product-product:not(.popup) .aem-star-rating label:hover ~ label {
transform: scale(1.08);
}
@media (max-width: 767px) {
html.route-product-product:not(.popup) .aem-review-form {
max-width: none;
padding: 16px;
}
html.route-product-product:not(.popup) .aem-review-card__date {
margin-left: 52px;
}
}
@media (prefers-reduced-motion: reduce) {
html.route-product-product:not(.popup) .aem-star-rating label {
transition: none;
}
}
/* ================= Faz AV: urun sayfasi mini urun seritleri ================= */
.aem-mini-products{margin:26px 0 0;padding:20px;border:1px solid var(--aem-line,#dbe4ee);border-radius:18px;background:var(--aem-surface,#fff)}
.aem-mini-products__head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:14px}
.aem-mini-products__head h2{margin:0;font-size:19px;letter-spacing:-.01em}
.aem-mini-products__more{font-size:13px;font-weight:700;color:var(--aem-skin-primary,#0b5ca5);text-decoration:none;white-space:nowrap}
.aem-mini-products__more:hover{text-decoration:underline}
.aem-mini-products__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.aem-mini-product{display:flex;align-items:center;gap:11px;padding:9px;border:1px solid var(--aem-line,#dbe4ee);border-radius:13px;text-decoration:none;transition:border-color .18s ease,background .18s ease}
.aem-mini-product:hover{border-color:var(--aem-skin-primary,#0b5ca5);background:rgba(11,92,165,.04)}
.aem-mini-product img{flex:0 0 72px;width:72px;height:72px;object-fit:contain;border-radius:9px;background:#fff}
.aem-mini-product__copy{display:grid;gap:3px;min-width:0}
.aem-mini-product__copy strong{overflow:hidden;font-size:13px;font-weight:600;line-height:1.32;color:var(--aem-text,#22303f);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.aem-mini-product__copy em{font-size:13.5px;font-style:normal;font-weight:800;color:var(--aem-skin-primary,#0b5ca5)}
.aem-mini-product__copy del{margin-left:5px;font-size:12px;font-weight:600;color:var(--aem-text-muted,#6b7a8c)}
@media (max-width:767px){.aem-mini-products{padding:15px;border-radius:14px}.aem-mini-products__head h2{font-size:17px}}
@media (prefers-reduced-motion:reduce){.aem-mini-product{transition:none}}
html.aem-dark .aem-mini-products,html.aem-theme-dark .aem-mini-products{background:var(--aem-surface-2,#131a24);border-color:rgba(255,255,255,.10)}