/* Theme 4: loaded only by Views/Themes/4/_Layout.cshtml.
   Bootstrap/theme.min.css remains the shared component foundation. */
.theme4 {
    --t4-hero-height: 480px;
    --t4-brand: #ff7900;
    --t4-brand-hover: #d96300;
    --t4-ink: #202630;
    --t4-muted: #77808d;
    --t4-border: #e8ebef;
    background: #fff;
    color: var(--t4-ink);
}
.theme4 .container { width: 100%; max-width: none; }
.theme4 .t4-intro { position: relative; isolation: isolate; padding-bottom: 20px; margin-bottom: 24px; }
.theme4 .t4-benefits { margin: 0; padding: 20px 0; background: #fff; border: 1px solid var(--t4-border); border-radius: 9px; }
.theme4 .t4-benefits-list { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); list-style: none; margin: 0; padding: 0; }
.theme4 .t4-benefits-list li { display: flex; align-items: center; justify-content: center; gap: 18px; min-width: 0; padding: 0 22px; }
.theme4 .t4-benefits-list li + li { border-left: 1px solid var(--t4-border); }
.theme4 .t4-benefits-list svg { flex: 0 0 40px; width: 40px; height: 40px; fill: none; stroke: var(--t4-brand); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.theme4 .t4-benefits-list h2 { font-size: 16px; font-weight: 600; margin: 0 0 4px; line-height: 1.3; }
.theme4 .t4-benefits-list p { font-size: 13px; color: var(--t4-muted); margin: 0; line-height: 1.5; }
@media (max-width:1199px) {
    .theme4 .t4-benefits-list { grid-template-columns: repeat(2,minmax(0,1fr)); row-gap: 24px; }
    .theme4 .t4-benefits-list li { justify-content: flex-start; }
    .theme4 .t4-benefits-list li:nth-child(3) { border-left: 0; }
}
@media (max-width:575px) {
    .theme4 .t4-benefits-list { grid-template-columns: 1fr; row-gap: 0; }
    .theme4 .t4-benefits-list li { padding: 14px 18px; }
    .theme4 .t4-benefits-list li + li { border-left: 0; border-top: 1px solid var(--t4-border); }
    .theme4 .t4-benefits { padding: 0; }
}
.theme4 h1,.theme4 h2,.theme4 h3 { color: var(--t4-ink); letter-spacing: -.025em; }
.theme4 a:focus-visible,.theme4 button:focus-visible,.theme4 [tabindex]:focus-visible { outline: 3px solid var(--t4-brand); outline-offset: 3px; }
.theme4 .btn-primary { background: var(--t4-brand); border-color: var(--t4-brand); box-shadow: none; }
.theme4 .btn-primary:hover,.theme4 .btn-primary:focus { background: var(--t4-brand-hover); border-color: var(--t4-brand-hover); }
.theme4 .text-accent { color: var(--t4-brand) !important; }
.theme4 .t4-home {
    /* Desktop: roughly 1.5 cm breathing room on both sides. */
    width: calc(100% - 7rem);
    margin-left: auto;
    margin-right: auto;
    padding: 16px 0 32px;
}
.theme4 .t4-hero { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0,1fr); gap: 16px; align-items: stretch; background: #f4f5f7; padding: 0 0 20px; border-radius: 0; }
.theme4 .t4-intro::before { content: ""; position: absolute; z-index: -1; inset: -16px -3.5rem 0; background: #f4f5f7; pointer-events: none; }
.theme4 .t4-hero.has-categories { grid-template-columns: clamp(280px,23vw,340px) minmax(0,1fr); }
.theme4 .t4-hero.has-quick { grid-template-columns: minmax(0,1fr) clamp(300px,24vw,380px); }
.theme4 .t4-hero.has-categories.has-quick { grid-template-columns: clamp(280px,23vw,340px) minmax(0,1fr) clamp(300px,24vw,380px); }
.theme4 .t4-hero.t4-categories-stacked .t4-categories { display: none; }
.theme4 .t4-categories,.theme4 .t4-quick { background: white; border: 1px solid var(--t4-border); border-radius: 9px; padding: 20px 16px; min-width: 0; }
.theme4 .t4-categories > h2,.theme4 .t4-quick h2 { font-size: 19px; margin: 0 0 10px; }
.theme4 .t4-category-scroll .accordion-header { margin: 0; }
.theme4 .t4-categories h2 i { color: var(--t4-brand); margin-right: 9px; }
.theme4 .t4-category-scroll { max-height: 344px; overflow: auto; scrollbar-width: thin; }
.theme4 .t4-category-scroll .accordion-button { font-size: 13px; line-height: 1.5; padding: 13px 5px; background: transparent; box-shadow: none; color: var(--t4-ink); }
.theme4 .t4-category-scroll .accordion-button:after { width: 12px; height: 12px; background-size: 12px; }
.theme4 .t4-category-scroll .accordion-body { padding: 0 0 12px 6px; }
.theme4 .t4-category-scroll .dropdown-item { font-size: 12px; padding: 8px 4px; white-space: normal; }
.theme4 .t4-category-scroll .accordion-item { border-color: var(--t4-border); }
.theme4 .t4-all { display: block; margin-top: 14px; color: var(--t4-brand); font-size: 13px; font-weight: 600; }
.theme4 .t4-all span { float: right; }
.theme4 .t4-quick h2 { font-size: 21px; font-weight: 700; line-height: 1.2; margin-bottom: 3px; letter-spacing: -.025em; }
.theme4 .t4-quick > p { font-size: 14px; color: var(--t4-muted); margin-bottom: 14px; }
.theme4 .t4-quick { padding: 20px; }
.theme4 .t4-quick > a { display: flex; align-items: center; gap: 13px; padding: 15px 0; color: var(--t4-ink); border-top: 1px solid var(--t4-border); }
.theme4 .t4-quick > a:hover strong { color: var(--t4-brand); }
.theme4 .t4-quick a i { color: var(--t4-brand); font-size: 22px; width: 26px; text-align: center; }
.theme4 .t4-quick strong { display: block; font-size: 13px; }
.theme4 .t4-quick small { display: block; color: var(--t4-muted); font-size: 11px; margin-top: 3px; }
.theme4 .t4-quick .t4-payment { border: 1px solid var(--t4-brand); border-radius: 6px; padding: 12px 8px; margin-top: 10px; }
.theme4 .t4-slider { position: relative; min-width: 0; height: var(--t4-hero-height); background: #20252c; border-radius: 9px; overflow: hidden; }
.theme4 .t4-slider > .slider-ai { height:100%; min-height:0; }
/* Fill the compact banner area without cropping; uploaded banners may stretch. */
.theme4 .t4-slider .slider-ai .image-only .slider-ai-media img { width:100%; height:100%; max-height:none; object-fit:fill; }
@container (max-width:420px) {
    .theme4 .t4-slider .slider-ai .has-description .slider-ai-caption { top:64px; bottom:52%; left:20px; right:20px; }
    .theme4 .t4-slider .slider-ai .has-description .slider-ai-media { inset:50% 20px 82px; }
    .theme4 .t4-slider .slider-ai .slider-ai-cta { left:20px; bottom:20px; }
}
.theme4 .t4-slider .mySlider { width: 100%; height: 100%; min-height: 440px; }
.theme4 .t4-slider .swiper-slide { background: #20252c; height: auto; }
.theme4 .t4-slider .swiper-slide > .row { margin: 0; min-height: 440px; height: 100%; padding: 24px 18px 65px; }
.theme4 .t4-slider .slider-image { width: 100%; max-height: 330px; height: 100%; object-fit: contain; border-radius: 6px; }
.theme4 .t4-slider .slider-text { padding: 18px 8px !important; margin-left: 0; width: 50%; }
.theme4 .t4-slider .slider-text h1 { font-size: clamp(25px,2.7vw,42px); line-height: 1.15; font-weight: 700; }
.theme4 .t4-slider .slider-text h2 { font-size: 15px; color: var(--t4-brand) !important; }
.theme4 .t4-slider .slider-text h1,.theme4 .t4-slider .slider-text h5 { color: #fff !important; }
.theme4 .t4-slider .slider-text h5 { font-size: 14px; }
.theme4 .t4-slider .btn { padding: 10px 18px; font-size: 13px; }
.theme4 .t4-slider .no-text { padding: 0 0 54px !important; }
.theme4 .t4-slider .no-text > .full-width { width: 100%; padding: 0; }
.theme4 .t4-slider .no-text .slider-image { max-height: 440px; width: 100%; object-fit: contain; }
.theme4 .t4-slider .no-text .slider-text { display: none; }
.theme4 .t4-slider .swiper-progress { position: absolute; bottom: 0; left: 0; height: 3px; background: var(--t4-brand); z-index: 3; }
.theme4 .t4-slider-controls { position: absolute; z-index: 4; bottom: 15px; left: 22px; right: 22px; display: flex; gap: 9px; align-items: center; color: #fff; }
.theme4 .t4-slider-controls[hidden] { display: none; }
.theme4 .t4-slider-controls [data-counter] { margin-right: auto; font-size: 12px; }
.theme4 .t4-slider-controls button { border: 1px solid #69707a; background: #20252c; color: #fff; border-radius: 22px; min-height: 32px; min-width: 32px; font-size: 12px; padding: 5px 9px; }
.theme4 .t4-slider-empty { padding: 70px 35px; }
.theme4 .t4-slider-empty h1 { color: white; }
.theme4 .t4-campaigns > section,.theme4 .t4-featured > section { padding: 30px 0 0 !important; margin: 0 !important; }
.theme4 .t4-campaigns h2,.theme4 .t4-featured h2 { text-align: left !important; font-size: 23px; font-weight: 700; padding-top: 0 !important; margin-bottom: 7px; }
.theme4 .t4-campaigns section > p,.theme4 .t4-featured section > p { text-align: left !important; margin-bottom: 20px !important; font-size: 13px; }
.theme4 .t4-campaigns .row,.theme4 .t4-featured .row { --bs-gutter-x: 16px; }
.theme4 .t4-campaigns .card,.theme4 .t4-featured .card { height: 100%; overflow: hidden; border: 1px solid var(--t4-border) !important; border-radius: 8px; box-shadow: none !important; transition: border-color .15s; }
.theme4 .t4-campaigns .card:hover,.theme4 .t4-featured .card:hover { border-color: var(--t4-brand) !important; }
.theme4 .t4-campaigns .card-img-top { height: 190px; object-fit: contain; background: #f8f8f8; }
.theme4 .t4-campaigns .card-body { text-align: left !important; padding: 18px !important; border-top: 3px solid var(--t4-brand); }
.theme4 .t4-campaigns .card h3 { font-size: 18px; margin: 0; }
.theme4 .t4-featured .row > div { width: 25%; }
.theme4 .t4-featured .vitrin-img { height: 190px; padding: 14px; object-fit: contain; }
.theme4 .t4-featured .card-body { padding: 14px !important; text-align: left !important; }
.theme4 .t4-featured .vitrin-title { font-size: 14px; line-height: 1.5; min-height: 42px; }
/* Preserve the supplied banner artwork; exclude the screenshot's outer frame. */
.theme4 .t4-catalog { margin-top: 24px; padding: 0; min-height: 0; display: block; width: 100%; aspect-ratio: 1342 / 96; background: url('../../img/theme4-catalog-reference.png') 50% 52.941176% / 104.470939% 135.416667% no-repeat; border-radius: 7px; text-decoration: none; overflow: hidden; }
.theme4 .t4-catalog:focus-visible { outline: 2px solid var(--t4-brand); outline-offset: 3px; }
@media (max-width:1199px) {
    .theme4 .t4-hero.has-categories.has-quick { grid-template-columns: 270px minmax(0,1fr); }
    .theme4 .t4-hero.has-quick:not(.has-categories) { grid-template-columns: minmax(0,1fr); }
    .theme4 .t4-quick { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
    .theme4 .t4-quick > p { display: none; }
    .theme4 .t4-quick > a { border: 0; flex: 1 1 160px; }
    .theme4 .t4-quick h2 { width: 100%; }
}
/* Theme 4 header: reuse every existing form/link, change presentation only.
   No fixed container limit, no hidden account/cart/payment controls. */
.t4-page > header,
.t4-page header .navbar { font-family: "Segoe UI", Arial, sans-serif; }
.t4-page header .container,
.t4-page .footer > .container {
    width: calc(100% - 7rem);
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
}
.t4-page header .navbar-sticky { background: #fff !important; box-shadow: 0 1px 0 #e8ebef; }
.t4-page header .navbar > .container { gap: 12px; flex-wrap: wrap; }
.t4-page header .navbar:not(.navbar-stuck-menu) { min-height: 116px; padding-top: 24px; padding-bottom: 24px; }
.t4-page header .navbar-brand { margin-right: 8px !important; padding: 10px 0; flex-shrink: 0; }
.t4-page header .navbar-brand.d-none { min-width: 196px; }
.t4-page header .navbar-brand img { display: block; width: auto !important; height: auto !important; max-width: 192px !important; max-height: 56px !important; object-fit: contain; transform: none; }
.t4-page header #searchContainer { flex: 1 1 260px; width: auto; min-width: 0; margin: 0 !important; border: 1px solid #e2e5eb; border-radius: 7px; background: #f8f9fb; }
.t4-page header #searchKeyHeader { min-width: 0; border: 0; background: transparent; min-height: 44px; font-size: 14px; padding-left: 40px; box-shadow: none; }
.t4-page header #searchContainer > button { border-radius: 0 6px 6px 0; min-width: 58px; min-height: 44px; }
.t4-page header .btn-primary { background: #ff7900; border-color: #ff7900; box-shadow: none; }
.t4-page header .btn-primary:hover { background: #d96300; border-color: #d96300; }
.t4-page header .navbar-toolbar { flex-wrap: wrap; gap: 6px; max-width: 100%; }
.t4-page header .navbar-tool { margin-left: 4px !important; margin-right: 4px !important; }
.t4-page header .navbar-tool-text { font-size: 13px; font-weight: 600; color: #202630; }
.t4-page header .navbar-tool-text small { font-size: 11px; font-weight: 400; color: #77808d; }
.t4-page header .navbar-tool-icon { font-size: 21px; color: #202630; }
.t4-page header .navbar-tool-label { background: #ff7900; color: #fff; }
.t4-page header .navbar-stuck-menu { margin-top: 0 !important; padding-top: 0; padding-bottom: 0 !important; border-top: 1px solid #f0f1f3; }
.t4-page header .navbar-stuck-menu .nav-link { padding-top: 13px; padding-bottom: 13px; font-size: 14px; font-weight: 500; color: #202630; }
.t4-page header .navbar-stuck-menu .nav-link:hover { color: #ff7900; }
.t4-page header .navbar-stuck-menu .navbar-collapse { min-width: 0; }
.theme4 .t4-campaigns .row { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(260px,100%),1fr)); gap: 16px; margin: 0; }
.theme4 .t4-featured .row { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(210px,100%),1fr)); gap: 16px; margin: 0; }
.theme4 .t4-campaigns .row > div,.theme4 .t4-featured .row > div { width: 100%; min-width: 0; padding: 0; margin-bottom: 0 !important; }
@media (max-width:1399px) {
    .t4-page header .navbar:not(.navbar-stuck-menu) #searchContainer { flex-basis: 100%; order: 3; }
    .t4-page header .navbar-toolbar { margin-left: auto; flex-shrink: 1 !important; }
}
@media (max-width:767px) {
    .t4-page header .container,
    .t4-page .footer > .container { width: calc(100% - 20px); }
    .t4-page header .navbar > .container { gap: 8px; }
    .t4-page header .navbar-toolbar { flex: 1 1 100%; justify-content: space-between; order: 4; margin-left: 0; }
    .t4-page header .navbar-toolbar .navbar-tool-text { max-width: 150px; white-space: normal; }
    .t4-page header .navbar-stuck-menu .container > div { max-width: 100%; }
    .theme4 .t4-featured .row { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
}

/* Tablet and phone layouts keep the hero readable: the category tree moves
   to the existing top navigation and the quick links follow the slider. */
@media (max-width:1199px) {
    .theme4 .t4-hero.has-categories,
    .theme4 .t4-hero.has-categories.has-quick { grid-template-columns: minmax(0,1fr); }
    .theme4 .t4-categories { display: none; }
    .theme4 .t4-slider { height: clamp(340px, 38vw, 440px); min-height: 0; }
    .theme4 .t4-slider .mySlider,
    .theme4 .t4-slider .swiper-slide > .row { min-height: 0; height: 100%; }
    .theme4 .t4-quick { grid-column: 1 / -1; }
    .theme4 .t4-slider .slider-image { height: auto; max-height: 420px; object-fit: contain; }
    .theme4 .t4-slider .no-text .slider-image { height: auto; max-height: 480px; object-fit: contain; }
}
@media (max-width:767px) {
    .theme4 .t4-slider { height: clamp(300px, 75vw, 360px); min-height: 0; }
    .theme4 .t4-slider .mySlider,
    .theme4 .t4-slider .swiper-slide > .row { min-height: 0; height: 100%; }
    .theme4 .t4-quick { display: flex; flex-wrap: wrap; }
    .theme4 .t4-slider .slider-image { max-height: 235px; }
    .theme4 .t4-slider .no-text .slider-image { max-height: 380px; }
}
@media (max-width:359px) {
    .theme4 .t4-featured .row { grid-template-columns: minmax(0,1fr); }
}
@media (max-width:767px) {
    .theme4 .t4-home { width: calc(100% - 20px); padding-top: 12px; }
    .theme4 .t4-hero,.theme4 .t4-hero.has-categories,.theme4 .t4-hero.has-quick,.theme4 .t4-hero.has-categories.has-quick { grid-template-columns: minmax(0,1fr); padding: 0 0 16px; }
    .theme4 .t4-intro::before { inset: -12px -10px 0; }
    .theme4 .t4-categories { order: 2; }
    .theme4 .t4-quick { order: 3; }
    .theme4 .t4-category-scroll { max-height: 220px; }
    .theme4 .t4-slider .swiper-slide > .row { padding: 18px 12px 60px; min-height: 370px; }
    .theme4 .t4-slider .mySlider { min-height: 370px; }
    .theme4 .t4-slider .slider-image { max-height: 200px; }
    .theme4 .t4-slider .slider-text { width: 100%; }
    .theme4 .t4-slider .no-text .slider-image { max-height: 340px; }
    .theme4 .t4-featured .row > div { width: 100%; }
    .theme4 .t4-featured .vitrin-img { height: 150px; }
}

/* Compact category list, matching the approved homepage. */
.theme4 .t4-categories { padding: 18px 16px 14px; }
.theme4 .t4-categories > h2 { font: 600 18px/1.4 "Segoe UI",Arial,sans-serif; padding-bottom: 12px; margin-bottom: 0; border-bottom: 1px solid var(--t4-border); }
.theme4 .t4-category-scroll .accordion-button { font: 400 14px/1.45 "Segoe UI",Arial,sans-serif; padding: 11px 3px; min-height: 44px; gap: 10px; }
.theme4 .t4-category-scroll .category-icon { font-size: 17px; color: #424a55; margin-right: 3px !important; }
.theme4 .t4-category-scroll .accordion-button::after { transform: rotate(-90deg); opacity: .55; margin-left: auto; }
.theme4 .t4-category-scroll .accordion-button[aria-expanded="true"]::after { transform: rotate(0); }
.theme4 .t4-category-scroll .accordion-button:hover { color: var(--t4-brand); background: #fff7ef; }
.theme4 .t4-category-scroll .dropdown-item { font-size: 13px; }
.theme4 .t4-category-scroll .accordion-body { margin-left:12px; padding:0 0 8px 14px; border-left:1px solid var(--t4-border); }
.theme4 .t4-category-scroll .accordion-body .category-icon { display:none; }
.theme4 .t4-category-scroll .accordion-body .accordion-button { font-size:13px; min-height:36px; padding:8px 4px; }
.theme4 .t4-category-scroll .accordion-body .dropdown-item { margin-left:0 !important; padding:8px 4px !important; line-height:1.45; overflow-wrap:anywhere; }
.theme4 .t4-quick { font-family: "Segoe UI",Arial,sans-serif; }
.theme4 .t4-quick .t4-login {
    justify-content: center; gap: 12px; min-height: 52px; padding: 14px 18px;
    border: 1px solid var(--t4-brand); border-radius: 8px;
    background: #fff; color: var(--t4-brand);
    box-shadow: none; transition: color .2s, border-color .2s;
}
.theme4 .t4-quick .t4-login strong { color: inherit; font-size: 15px; font-weight: 600; }
.theme4 .t4-quick .t4-login i { color: inherit; font-size: 18px; width: auto; }
.theme4 .t4-quick .t4-login .t4-login-arrow { margin-left: auto; font-size: 20px; }
.theme4 .t4-quick .t4-login:hover { background: #fff; border-color: var(--t4-brand-hover); color: var(--t4-brand-hover); box-shadow: none; }
@media (min-width:768px) {
    .theme4 .t4-categories { display: flex; flex-direction: column; height: var(--t4-hero-height); box-sizing: border-box; overflow: hidden; }
    .theme4 .t4-categories > h2,.theme4 .t4-categories > .t4-all { flex-shrink: 0; }
    .theme4 .t4-category-scroll { flex: 1 1 auto; min-height: 0; max-height: none; }
}
@media (min-width:1200px) {
    .theme4 .t4-quick { display: flex; flex-direction: column; height: var(--t4-hero-height); box-sizing: border-box; }
    .theme4 .t4-quick > .t4-payment { margin-top: auto; }
}

/* Horizontal rows retain their native links and product price rendering. */
.theme4 .t4-carousel { position: relative; margin-top: 30px; min-width: 0; }
.theme4 .t4-section-heading h2 { font-size: 23px; font-weight: 700; margin: 0 0 6px; }
.theme4 .t4-section-heading p { color: var(--t4-muted); font-size: 13px; margin: 0 0 20px; }
.theme4 .t4-featured > section { padding-top: 0 !important; }
.theme4 .t4-carousel-viewport { overflow-x: auto; scrollbar-width: thin; min-width: 0; }
.theme4 .t4-carousel-viewport.swiper-initialized { overflow: hidden; }
.theme4 .t4-campaign-track,.theme4 .t4-featured .row { display: flex; flex-wrap: nowrap; gap: 16px; margin: 0; }
.theme4 .swiper-initialized .swiper-wrapper { gap: 0; }
.theme4 .t4-campaign-slide { flex: 0 0 calc((100% - 48px) / 4); min-width: 0; }
.theme4 .t4-campaign-slide a { position: relative; display: block; width: 100%; aspect-ratio: 3 / 2; overflow: hidden; border-radius: 9px; }
.theme4 .t4-campaign-slide img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: fill; border-radius: inherit; }
.theme4 .t4-featured .row > div { flex: 0 0 calc((100% - 48px) / 4); width: auto; padding: 0; min-width: 0; }
.theme4 .t4-carousel .swiper-slide { flex-shrink: 0; flex-basis: auto; height: auto; }
.theme4 .t4-carousel-arrow { position: absolute; z-index: 5; top: calc(50% + 26px); transform: translateY(-50%); width: 40px; height: 40px; border-radius: 50%; border: 1px solid #e1e5e9; color: #303743; background: #fff; box-shadow: 0 3px 14px #17202e20; display: grid; place-items: center; }
.theme4 .t4-carousel-prev { left: -20px; }
.theme4 .t4-carousel-next { right: -20px; }
.theme4 .t4-carousel-arrow:hover { background: var(--t4-brand); border-color: var(--t4-brand); color: #fff; }
.theme4 .t4-carousel-arrow:disabled { opacity: .4; cursor: default; }
.theme4 .t4-carousel-arrow.swiper-button-lock { display: none; }
.theme4 .t4-carousel-pause { position: absolute; right: 0; top: 0; font-size: 12px; padding: 7px 10px; background: #f6f7f9; border: 1px solid var(--t4-border); border-radius: 5px; color: #4e5867; }
.theme4 .t4-carousel-pause[hidden] { display: none; }

/* Customer page shells align with the homepage; nested form containers stay intact. */
.t4-page .t4-site-content { min-width: 0; }
.t4-page .t4-site-content > .container,
.t4-page .t4-site-content > div > .container,
.t4-page .t4-site-content > section > .container,
.t4-page .t4-site-content > .page-wrapper > .container,
.t4-page .t4-site-content > .page-wrapper > .page-title-overlap > .container,
.t4-inner-page > .container,
.t4-inner-page > .page-title-overlap > .container {
    width: calc(100% - 7rem); max-width: none; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0;
}
@media (max-width:767px) {
    .t4-page .t4-site-content > .container,
    .t4-page .t4-site-content > div > .container,
    .t4-page .t4-site-content > section > .container,
.t4-page .t4-site-content > .page-wrapper > .container,
.t4-page .t4-site-content > .page-wrapper > .page-title-overlap > .container,
    .t4-inner-page > .container,
    .t4-inner-page > .page-title-overlap > .container { width: calc(100% - 20px); }
}

/* Footer keeps the shared contact values, links and scripts. */
.t4-page .t4-footer-intro { background: #202731; color: #fff; padding: 36px 0 0; border-top: 4px solid #ff7900; }
.t4-page .t4-footer-shell { width: calc(100% - 7rem); margin: auto; }
.t4-page .t4-footer-brand { display: flex; align-items: center; gap: 28px; margin-bottom: 28px; }
.t4-page .t4-footer-brand img { width: 180px; max-height: 90px; object-fit: contain; background: #fff; border-radius: 8px; padding: 14px; }
.t4-page .t4-footer-brand span { font-size: 11px; letter-spacing: .18em; color: #ff9d45; }
.t4-page .t4-footer-brand h2 { color: white; font-size: 26px; margin: 6px 0; }
.t4-page .t4-footer-brand p { color: #b8c0cc; font-size: 14px; margin: 0; }
.t4-page .t4-footer-services { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; padding-bottom: 30px; border-bottom: 1px solid #ffffff1f; }
.t4-page .t4-footer-services a { display: flex; gap: 16px; align-items: center; color: #fff; padding: 20px; background: #ffffff07; border: 1px solid #ffffff14; border-radius: 8px; }
.t4-page .t4-footer-services a:hover { border-color: #ff7900; background: #ffffff0d; }
.t4-page .t4-footer-services i { color: #ff922c; font-size: 25px; }
.t4-page .t4-footer-services strong,.t4-page .t4-footer-services small { display: block; }
.t4-page .t4-footer-services strong { font-size: 14px; }
.t4-page .t4-footer-services small { color: #b8c0cc; font-size: 12px; margin-top: 4px; }
.t4-page .t4-footer-services a > span:last-child { margin-left: auto; color: #ff922c; }
.t4-page .footer { background: radial-gradient(ellipse at right bottom,#35332f,#202731 65%) !important; }
.t4-page .footer .widget-title { font-size: 16px; font-weight: 600; padding-bottom: 14px; border-bottom: 1px solid #ffffff1f; }
.t4-page .footer .widget-list-link { font-size: 13px; line-height: 1.8; color: #c2c9d2 !important; }
.t4-page .footer a.widget-list-link:hover { color: #ff9d45 !important; }
.t4-page .footer .widget-list-item { margin-bottom: 8px; }
.t4-page .footer .bg-darker { background: #181e26 !important; padding-top: 22px !important; }
.t4-page .footer .bg-darker .container { width: calc(100% - 7rem); max-width: none; padding: 0; }
@media (max-width:1099px) {
    .theme4 .t4-campaign-slide { flex-basis: calc((100% - 22.4px) / 2.4); }
    .theme4 .t4-featured .row > div { flex-basis: calc((100% - 32px) / 3); }
}
@media (max-width:767px) {
    .theme4 .t4-carousel-prev { left: 0; }
    .theme4 .t4-carousel-next { right: 0; }
    .theme4 .t4-carousel-pause { position: static; margin-top: 12px; }
    .theme4 .t4-featured .row > div { flex-basis: calc((100% - 16px) / 2); }
    .t4-page .t4-footer-shell,.t4-page .footer .bg-darker .container { width: calc(100% - 20px); }
    .t4-page .t4-footer-brand { flex-direction: column; align-items: flex-start; gap: 16px; }
    .t4-page .t4-footer-brand h2 { font-size: 22px; }
    .t4-page .t4-footer-services { grid-template-columns: 1fr; gap: 10px; }
}
@media (max-width:639px) {
    .theme4 .t4-campaign-slide { flex-basis: calc((100% - 4px) / 1.25); }
}
@media (max-width:479px) {
    .theme4 .t4-featured .row > div { flex-basis: 85%; }
}

/* Theme 4 product tabs: independent of the legacy showcase and carousels. */
/* Shared presentation for Urunler and KategoriDetay. Existing controls and
   server-rendered prices are deliberately retained in their original views. */
.t4-cart-page .page-title-overlap { background:#f7f9fb !important; padding:20px 0 12px !important; }
.t4-cart-page .page-title-overlap + .container { margin-top:0; }
.t4-cart-page .page-title-overlap h1 { color:#192d46 !important; font-size:24px; font-weight:700; }
.t4-cart-page .page-title-overlap .text-center { text-align:left !important; }
.t4-cart-page .page-wrapper > .container > .row > section > .d-flex .text-light { color:#192d46 !important; }
.t4-listing .t4-site-content { background:#f7f9fb; color:#192d46; }
.t4-page .t4-footer-new-bottom { align-items:center; }
.t4-page .t4-footer-social { display:flex; gap:10px; flex-wrap:wrap; }
.t4-page .t4-footer-social a { display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border:1px solid #ffffff20; border-radius:10px; background:#ffffff08; color:#fff; }
.t4-page .t4-footer-social a:hover { background:#ffffff18; border-color:#ff7900; }
.t4-page .whatsapp-float { display:flex; align-items:center; justify-content:center; width:56px; height:56px; border-radius:18px; background:#20bd62; color:#fff; border:1px solid #ffffff80; box-shadow:0 5px 18px #0003; text-decoration:none; }
.t4-page .whatsapp-float i { font-size:33px; line-height:1; }
.t4-page .whatsapp-float:hover { background:#159b4d; color:#fff; box-shadow:0 7px 22px #0004; }
.t4-page .whatsapp-float:focus-visible { outline:3px solid #fff; outline-offset:3px; }
.t4-footer-new{background:#202731!important}.t4-footer-new-columns p{display:flex!important;visibility:visible!important;color:#c5d0de!important}.t4-footer-new-columns p i{display:inline-block!important;color:#ff7900!important;visibility:visible!important}
.t4-footer-new{background:#202731!important}
.t4-footer-new-columns p{display:flex;align-items:flex-start;gap:8px;color:#c5d0de;line-height:1.6;margin:0 0 16px}.t4-footer-new-columns p i{flex:0 0 22px;margin-top:4px;color:#ff7900}
.t4-footer-new{background:#101d2d;color:#c5d0de;padding:20px 3% 0}.t4-footer-new-services{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.t4-footer-new-services a{display:flex;align-items:center;gap:18px;min-height:98px;padding:20px 26px;border:1px solid #2b3d52;border-radius:10px;color:#fff;text-decoration:none}.t4-footer-new-services i,.t4-footer-new-services b{color:#ff7900;font-size:30px}.t4-footer-new-services strong,.t4-footer-new-services small{display:block}.t4-footer-new-services strong{font-size:18px}.t4-footer-new-services small{color:#b7c3d1;font-size:14px;margin-top:5px}.t4-footer-new-services b{margin-left:auto}.t4-footer-new-columns{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:60px;padding:46px 0 32px}.t4-footer-new-about img{width:210px;max-height:72px;object-fit:contain;object-position:left}.t4-footer-new-about h2{color:#fff;font-size:24px;margin:22px 0 8px}.t4-footer-new-columns h3{color:#fff;font-size:20px;margin:0 0 25px}.t4-footer-new-columns h3:after{content:"";display:block;width:52px;height:3px;margin-top:10px;background:#ff7900}.t4-footer-new-columns a{display:flex;justify-content:space-between;color:#c5d0de;margin:0 0 16px;text-decoration:none}.t4-footer-new-columns p i{color:#ff7900;width:28px}.t4-footer-new-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #2b3d52;padding:22px 0}@media(max-width:767px){.t4-footer-new-services,.t4-footer-new-columns{grid-template-columns:1fr}.t4-footer-new-bottom{flex-direction:column;font-size:12px}}
/* Theme4 footer presentation; the shared partial still supplies all live
   address, phone, mail and account values. */
.theme4 .footer { position:relative; margin-top:34px; padding-top:0 !important; background:#101d2d !important; color:#c5d0de; }
.theme4 .footer > .container { width:calc(100% - 7rem); max-width:none; padding-top:38px; }
.theme4 .footer > .container > .row { display:grid; grid-template-columns:1.2fr 1fr 1.2fr; gap:44px; }
.theme4 .footer > .container > .row > .col-md-4:first-child { display:none; }
.theme4 .footer .widget-title { color:#fff !important; font-size:19px; font-weight:700; border-bottom:0; padding-bottom:8px; position:relative; }
.theme4 .footer .widget-title::after { content:""; display:block; width:52px; height:3px; margin-top:10px; background:#ff7900; }
.theme4 .footer > .container > .row > .col-md-4:nth-child(2) .widget-title { font-size:0; }
.theme4 .footer > .container > .row > .col-md-4:nth-child(2) .widget-title::before { content:"Bayi İşlemleri"; font-size:19px; }
.theme4 .footer > .container > .row > .col-md-4:nth-child(3) .widget-title { font-size:0; }
.theme4 .footer > .container > .row > .col-md-4:nth-child(3) .widget-title::before { content:"İletişim"; font-size:19px; }
.theme4 .footer .widget-list-link,.theme4 .footer p { color:#c5d0de !important; font-size:14px; line-height:1.7; }
.theme4 .footer .widget-list-link:hover { color:#ff7900 !important; }
.theme4 .footer .widget-list-item { margin-bottom:7px; }
.theme4 .footer .bg-darker { margin-top:28px; padding-top:18px !important; background:#0b1725 !important; border-top:1px solid #2a394b; }
.theme4 .footer .bg-darker .container { padding-top:0; }
@media(max-width:767px) { .theme4 .footer > .container { width:calc(100% - 2rem); } .theme4 .footer > .container > .row { display:block; } .theme4 .footer > .container > .row > .col-md-4 { margin-bottom:26px; } }
.t4-page .footer { position:relative; margin-top:34px; padding-top:0 !important; color:#c5d0de; }
.t4-page .footer > .container { width:calc(100% - 7rem); max-width:none; padding-top:38px; }
.t4-page .footer > .container > .row { display:grid; grid-template-columns:1.2fr 1fr 1.2fr; gap:44px; }
.t4-page .footer > .container > .row > .col-md-4:first-child { display:none; }
.t4-page .footer .widget-title { color:#fff !important; font-size:19px; font-weight:700; border-bottom:0; padding-bottom:8px; position:relative; }
.t4-page .footer .widget-title::after { content:""; display:block; width:52px; height:3px; margin-top:10px; background:#ff7900; }
.t4-page .footer > .container > .row > .col-md-4:nth-child(2) .widget-title { font-size:0; }
.t4-page .footer > .container > .row > .col-md-4:nth-child(2) .widget-title::before { content:"Bayi İşlemleri"; font-size:19px; }
.t4-page .footer > .container > .row > .col-md-4:nth-child(3) .widget-title { font-size:0; }
.t4-page .footer > .container > .row > .col-md-4:nth-child(3) .widget-title::before { content:"İletişim"; font-size:19px; }
.t4-page .footer .widget-list-link,.t4-page .footer p { color:#c5d0de !important; font-size:14px; line-height:1.7; }
.t4-page .footer .widget-list-link:hover { color:#ff7900 !important; }
.t4-page .footer .widget-list-item { margin-bottom:7px; }
.t4-page .footer .bg-darker { margin-top:28px; padding-top:18px !important; }
.t4-page .footer .bg-darker .container { padding-top:0; }
.t4-page .t4-footer-intro { display:block; background:#101d2d; color:#fff; padding:28px 0 0; border-top:0; }
.t4-page .t4-footer-shell { width:calc(100% - 7rem); }
.t4-page .t4-footer-shell { display:flex; flex-direction:column; }
.t4-page .t4-footer-brand { display:flex; order:2; margin:28px 0 0; max-width:520px; }
.t4-page .t4-footer-brand img { width:180px; max-height:90px; }
.t4-page .t4-footer-brand h2 { font-size:24px; }
.t4-page .t4-footer-services { order:1; padding-bottom:0; border-bottom:0; gap:0; }
.t4-page .t4-footer-services a { min-height:98px; padding:22px 26px; background:transparent; border:1px solid #ffffff1f; border-radius:0; }
.t4-page .t4-footer-services i { color:#ff7900; font-size:30px; }
.t4-page .t4-footer-services strong { font-size:18px; }
.t4-page .t4-footer-services small { font-size:14px; }
.t4-page .t4-footer-services a > span:last-child { font-size:28px; }
.t4-page .footer > .container::before { content:' '; display:block; }
@media(max-width:767px) { .t4-page .footer > .container { width:calc(100% - 2rem); } .t4-page .footer > .container > .row { display:block; } .t4-page .footer > .container > .row > .col-md-4 { margin-bottom:26px; } }
.t4-listing #pageFloatingBox { display:flex; align-items:center; gap:12px; right:24px; bottom:85px; padding:12px 18px; min-height:48px; border:1px solid #e3e8ef; border-left:3px solid #ff7900; border-radius:12px; background:rgba(255,255,255,.97); color:#192d46; font:600 14px/1.4 "Segoe UI",Arial,sans-serif; font-variant-numeric:tabular-nums; box-shadow:0 4px 18px rgba(25,45,70,.12); pointer-events:none; }
.t4-listing #pageFloatingBox::before { content:'Sayfa'; color:#77869a; font-size:12px; font-weight:400; padding-right:12px; border-right:1px solid #e3e8ef; }
@media(max-width:575px) { .t4-listing #pageFloatingBox { right:12px; padding:9px 12px; min-height:40px; gap:9px; font-size:13px; } }
.t4-listing .page-title-overlap { background:transparent !important; padding:20px 0 0 !important; }
.t4-listing .page-title-overlap::before,.t4-listing .page-title-overlap::after { display:none; }
.t4-listing .page-title-overlap + * { margin-top:0; }
.t4-listing .t4-site-content > .container { padding-top:20px; }
.t4-listing .page-title-overlap .order-lg-1 { text-align:left !important; }
.t4-listing .page-title-overlap > .container { padding-top:0 !important; padding-bottom:8px !important; }
.t4-listing .page-title-overlap h1 { color:#192d46 !important; font-size:24px; font-weight:700; }
.t4-listing .t4-listing-subtitle { color:#8190a5; font-size:13px; margin:4px 0 0; }
.t4-listing .breadcrumb,.t4-listing .breadcrumb a,.t4-listing .breadcrumb-item.active { color:#75859c !important; font-size:13px; }
.t4-listing .t4-site-content > .container > .row { --bs-gutter-x:20px; }
.t4-listing #shop-sidebar { max-width:none !important; border:1px solid #e8edf3; border-radius:9px !important; box-shadow:none !important; font-family:"Segoe UI",Arial,sans-serif; }
.t4-listing #shop-sidebar .offcanvas-body { padding:18px 16px 14px !important; }
.t4-listing #shop-sidebar .offcanvas-body::before { content:'Kategoriler'; display:block; padding:0 0 12px 26px; margin-bottom:0; border-bottom:1px solid #e8edf3; font:600 18px/1.4 "Segoe UI",Arial,sans-serif; color:#111; background:linear-gradient(#ff7900,#ff7900) 0 6px / 14px 1.5px no-repeat,linear-gradient(#ff7900,#ff7900) 0 11px / 14px 1.5px no-repeat,linear-gradient(#ff7900,#ff7900) 0 16px / 14px 1.5px no-repeat; }
.t4-listing #shop-sidebar .accordion-item { border:0; border-bottom:1px solid #e8edf3; background:transparent; }
.t4-listing #shop-sidebar .accordion-button { padding:11px 3px; min-height:44px; font:400 14px/1.45 "Segoe UI",Arial,sans-serif; color:#192d46; background:transparent; box-shadow:none; gap:10px; }
.t4-listing #shop-sidebar .accordion-button .category-icon { width:18px; flex:0 0 18px; margin-right:3px !important; text-align:center; color:#424a55; font-size:17px; }
.t4-listing #shop-sidebar .accordion-button:not(.collapsed) { color:#192d46; }
.t4-listing #shop-sidebar .accordion-button::after { width:12px; height:12px; background-size:12px; transform:rotate(-90deg); opacity:.55; margin-left:auto; }
.t4-listing #shop-sidebar .accordion-button[aria-expanded="true"]::after { transform:rotate(0); }
.t4-listing #shop-sidebar .accordion-body { padding:0 0 10px 22px; }
.t4-listing #shop-sidebar .widget-filter-item { padding:5px 8px; border-radius:4px; }
.t4-listing #shop-sidebar .widget-filter-item > .form-check { margin-bottom:0; min-width:0; }
.t4-listing #shop-sidebar .widget-filter-item > .form-check.ms-4 { margin-left:0 !important; }
.t4-listing #shop-sidebar .widget-filter-item:hover { background:#f6f8fa; }
.t4-listing #shop-sidebar .form-check-label { font:400 13px/1.5 "Segoe UI",Arial,sans-serif; color:#192d46; }
.t4-listing #shop-sidebar a,.t4-listing #shop-sidebar a:hover,.t4-listing #shop-sidebar .accordion-button:hover { color:#192d46; }
.t4-listing #shop-sidebar .form-check-input:checked { background-color:#ff7900; border-color:#ff7900; }
.t4-listing #shop-sidebar .form-check-input:focus { border-color:#8492a5; box-shadow:0 0 0 2px #e8edf3; }
.t4-listing #shop-sidebar .widget-filter-item:has(input:checked),.t4-listing #shop-sidebar .widget-filter-item:has(input[data-checked='true']) { background:#f1f4f8; color:#192d46; border-radius:4px; }
.t4-listing .t4-site-content > .container > .row > section > .d-flex { flex-wrap:wrap; gap:10px; padding-bottom:14px !important; }
.t4-listing .t4-site-content > .container > .row > section > .d-flex:first-child { justify-content:flex-end !important; align-items:center; padding-top:0 !important; gap:10px 14px; }
.t4-listing .t4-site-content > .container > .row > section > .d-flex:first-child::before { margin-right:auto; font-size:12px; color:#192d46; }
.t4-listing .t4-site-content > .container > .row > section > .d-flex:first-child > div { padding-bottom:0 !important; align-items:center; }
.t4-listing .t4-site-content > .container > .row > section > .d-flex:first-child > div:first-child > div { padding-bottom:0 !important; margin-right:0 !important; }
.t4-listing .t4-site-content > .container > .row > section > .d-flex:first-child > div:nth-child(2) { order:3; margin-left:0; padding-left:12px; border-left:1px solid #e1e6ed; font-size:12px; white-space:nowrap; }
.t4-listing .t4-site-content > .container > .row > section > .d-flex:first-child > div:nth-child(3) { display:flex !important; }
.t4-listing .t4-site-content > .container > .row > section > .d-flex:first-child .btn-icon { width:34px; height:34px; padding:7px; }
.t4-listing .t4-site-content > .container > .row > section > .d-flex:first-child .form-select { width:130px; min-height:34px; padding:6px 28px 6px 10px; font-size:12px; }
.t4-listing .t4-site-content > .container > .row > section > .d-flex:first-child label { font-size:12px; }
.t4-listing .t4-site-content > .container > .row > section > .d-flex:first-child .fs-md { font-size:12px !important; }
.t4-listing .t4-site-content > .container > .row > section > .d-flex .text-light,.t4-listing .nav-link-light { color:#192d46 !important; }
.t4-listing .t4-site-content > .container > .row > section > .d-flex .btn-icon { background:#fff; border:1px solid #e8edf3; border-radius:5px; }
.t4-listing .t4-site-content > .container > .row > section > .d-flex .btn-icon.disabled { background:#ff7900 !important; color:#fff !important; }
.t4-listing .product-card,.t4-listing .product-list { border:1px solid #e8edf3; border-radius:8px; box-shadow:none !important; background:#fff; overflow:hidden; height:auto; }
.t4-listing .product-card:not(.product-list) { height:100%; display:flex; flex-direction:column; }
.t4-listing .product-card:not(.product-list) > .card-img-top { height:190px; min-height:190px; padding:12px; display:flex !important; align-items:center; justify-content:center; }
.t4-listing .product-card:not(.product-list) > .card-img-top img { width:100% !important; height:100% !important; max-height:166px; object-fit:contain; }
.t4-listing .product-card .card-body { padding:12px; }
.t4-listing .product-card:not(.product-list) > .card-body:last-child { margin-top:auto; }
.t4-listing .product-title { font-size:14px !important; line-height:1.4; margin-bottom:6px; }
.t4-listing .product-title a { color:#192d46; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.t4-listing .product-meta { color:#8190a5; font-size:12px; }
.t4-listing .product-price { font-size:19px; font-weight:700; }
.t4-listing .product-price .text-accent { color:#ff7900 !important; }
.t4-listing .price-area { width:100%; font-size:12px; margin-top:8px !important; }
.t4-listing .price-row { gap:6px; padding:3px 0; }
.t4-listing .price-row span:last-child { color:#192d46; font-weight:600; }
.t4-listing .price-row.fw-bold span { color:#f47400; }
.t4-listing .product-card .form-control,.t4-listing .product-card .form-select,.t4-listing .product-list .form-control,.t4-listing .product-list .form-select { min-width:0; padding:7px; border-color:#dfe5ed; border-radius:5px; font-size:13px; }
.t4-listing .product-card .btn-primary,.t4-listing .product-list .btn-warning { background:#ff7900; border-color:#ff7900; color:#fff; box-shadow:none; }
.t4-listing .product-card .btn-primary:hover,.t4-listing .product-list .btn-warning:hover { background:#ed6900; border-color:#ed6900; }
.t4-listing .product-list { width:100%; margin:0 0 14px; padding:14px; }
.t4-listing .product-list-image,.t4-listing .product-list-thumb img { width:100% !important; height:120px !important; max-width:150px; object-fit:contain; }
.t4-listing .product-list-thumb { display:block; max-width:150px; margin:auto; }
.t4-listing .product-info-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
.t4-listing .product-info-list div { white-space:normal; overflow-wrap:anywhere; }
.t4-listing .page-item.active .page-link { background:#ff7900; border-color:#ff7900; }
@media(min-width:992px) {
    .t4-listing .t4-site-content > .container > .row > aside { flex:0 0 22rem; width:22rem; max-width:22rem; }
    .t4-listing .t4-site-content > .container > .row > section { flex:1 1 0; width:auto; min-width:0; }
}
@media(min-width:1400px) {
    .t4-listing section > .row > .col-md-4.col-sm-6 { width:25%; }
}
@media(min-width:992px) and (max-width:1199px) {
    .t4-listing section > .row > .col-md-4.col-sm-6 { width:50%; }
}
@media(max-width:767px) {
    .t4-listing .product-list .border-start { border-left:0 !important; padding-top:12px; }
    .t4-listing .product-info-list { grid-template-columns:minmax(0,1fr); }
    .t4-listing .product-card:not(.product-list) > .card-img-top { height:170px; min-height:170px; }
    .t4-listing .product-card:not(.product-list) > .card-img-top img { max-height:146px; }
}
.theme4 .t4-products-ai { margin-top: 28px; }
.theme4 .t4-products-ai.is-loading { opacity: .55; pointer-events: none; transition: opacity .15s ease; }
.theme4 .t4-products-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:10px; }
.theme4 .t4-products-heading h2 { font-size:24px; font-weight:700; margin:0; }
.theme4 .t4-products-heading > a { color:#ff6200; font-size:13px; font-weight:600; white-space:nowrap; }
.theme4 .t4-products-heading > a:hover { color:#e65300; }
.theme4 .t4-product-tabs { display:flex; gap:8px; margin-bottom:14px; flex-wrap:wrap; }
.theme4 .t4-product-tabs a { display:block; padding:10px 24px; background:#f0f2f5; color:#28364b; border-radius:5px; font-size:13px; text-align:center; }
.theme4 .t4-product-tabs a.active,.theme4 .t4-product-pages a.active { background:var(--t4-brand); color:white; border-color:var(--t4-brand); }
.theme4 .t4-product-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.theme4 .t4-product-card { position:relative; min-width:0; background:#fff; border:1px solid var(--t4-border); border-radius:6px; overflow:hidden; display:flex; flex-direction:column; }
.theme4 .t4-product-card { transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.theme4 .t4-product-card:hover { transform:translateY(-3px); border-color:#ff6b35; box-shadow:0 8px 20px rgba(25,45,70,.13); z-index:1; }
.theme4 .t4-product-card:hover .t4-product-image img { transform:scale(1.025); }
.theme4 .t4-product-image img { transition:transform .18s ease; }
@media (prefers-reduced-motion:reduce) { .theme4 .t4-product-card,.theme4 .t4-product-image img { transition:none; } }
.theme4 .t4-product-image { height:190px; display:flex; align-items:center; justify-content:center; padding:14px; color:var(--t4-muted); }
.theme4 .t4-product-image img { width:100%; height:100%; object-fit:contain; }
.theme4 .t4-product-content { padding:10px 12px 12px; flex:1; display:flex; flex-direction:column; }
.theme4 .t4-product-category,.theme4 .t4-product-code { color:var(--t4-muted); font-size:12px; margin:0 0 5px; overflow-wrap:anywhere; }
.theme4 .t4-product-content h3 { font-size:14px; font-weight:600; line-height:1.4; margin:0 0 6px; }
.theme4 .t4-product-content h3 a { color:#142139; }
.theme4 .t4-product-content h3 { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.theme4 .t4-product-guest { position:relative; }
.theme4 .t4-product-guest .t4-product-image { height:220px; padding:10px; }
.theme4 .t4-product-guest .t4-product-content { padding:6px 12px 12px; }
.theme4 .t4-product-guest .t4-product-code { margin-bottom:0; padding-right:38px; }
.theme4 .t4-product-guest h3 a::after { content:""; position:absolute; inset:0; z-index:1; }
.theme4 .t4-product-guest:focus-within { outline:2px solid var(--t4-brand); outline-offset:2px; }
.theme4 .t4-product-guest:hover { border-color:var(--t4-brand); }
.theme4 .t4-product-detail-icon { position:absolute; right:10px; bottom:10px; display:flex; align-items:center; justify-content:center; width:24px; height:24px; border:1px solid var(--t4-brand); border-radius:50%; color:var(--t4-brand); background:#fff; font-size:16px; line-height:1; pointer-events:none; }
.theme4 .t4-product-heart { position:absolute; top:5px; right:5px; z-index:2; width:36px; height:36px; display:flex; align-items:center; justify-content:center; border:0; border-radius:50%; background:rgba(255,255,255,.9); color:#7c8ba5; font-size:15px; cursor:pointer; }
.theme4 .t4-product-heart:hover,.theme4 .t4-product-heart[aria-pressed="true"] { color:var(--t4-brand); }
.theme4 .t4-product-heart:focus-visible { outline:2px solid var(--t4-brand); outline-offset:1px; }
.theme4 .t4-product-detail-icon { width:28px; height:28px; color:#ff6b35; border-color:#ff6b35; border-width:1px; }
.theme4 .t4-product-detail-icon svg { display:block; width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.theme4 .t4-product-heart:hover,.theme4 .t4-product-heart[aria-pressed="true"] { color:#ff6200; }
.theme4 .t4-product-price { color:#142139; font-size:18px; font-weight:700; margin:4px 0 9px; }
.theme4 .t4-product-buy { display:flex; align-items:center; gap:8px; margin-top:auto; }
.theme4 .t4-product-quantity { display:flex; border:1px solid var(--t4-border); border-radius:5px; height:36px; flex:0 0 86px; overflow:hidden; }
.theme4 .t4-product-quantity button { width:25px; border:0; background:#f8f9fb; color:#263950; padding:0; }
.theme4 .t4-product-quantity input { width:34px; min-width:0; border:0; text-align:center; appearance:textfield; -moz-appearance:textfield; font-size:13px; }
.theme4 .t4-product-quantity input::-webkit-inner-spin-button,.theme4 .t4-product-quantity input::-webkit-outer-spin-button { -webkit-appearance:none; margin:0; }
.theme4 .t4-add-cart { flex:1; padding:8px 5px; min-height:36px; font-size:12px; border-radius:5px; white-space:nowrap; }
.theme4 .t4-add-cart i { margin-right:4px; }
.theme4 .t4-product-pack { margin-top:8px; padding:5px; border:1px solid var(--t4-border); border-radius:5px; font-size:12px; width:100%; }
.theme4 .t4-product-detail { color:var(--t4-brand); margin-top:auto; padding-top:10px; font-size:13px; }
.theme4 .t4-product-stock { margin-top:auto; color:#b74336; font-size:13px; }
.theme4 .t4-products-footer { display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; padding-top:18px; font-size:13px; color:#57677e; }
.theme4 .t4-product-pages { display:flex; gap:6px; }
.theme4 .t4-product-pages a { padding:8px 12px; border:1px solid var(--t4-border); border-radius:5px; color:#24324a; }
.theme4 .t4-products-footer select { padding:8px; border:1px solid var(--t4-border); border-radius:5px; background:white; color:#24324a; }
.theme4 .t4-products-empty { padding:32px 16px; background:#f6f7f9; border-radius:6px; }
@media(max-width:1199px) { .theme4 .t4-product-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:899px) { .theme4 .t4-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:539px) { .theme4 .t4-product-grid { grid-template-columns:1fr; } .theme4 .t4-product-image { height:210px; } .theme4 .t4-products-heading h2 { font-size:20px; } }

/* Theme4 product listing column widths follow the category panel, not one third of the viewport. */
@media (min-width: 992px) {
    .t4-page .product-list-sidebar {
        flex: 0 0 22rem;
        width: 22rem;
        max-width: 22rem;
    }
    .t4-page .product-list-content {
        flex: 1 1 0;
        width: auto;
        min-width: 0;
    }
}