/*!
 * Surgical-Direct · R11 Categories & Sub-categories (D032 + D033, 7 Nov 2026)
 * File:   /sd-assets/sd-r11-catalog.css (category, listing and product pages; loaded once from Journal3 Custom Code Header)
 * Scope:  skin-2 only. Every rule is prefixed by html.skin-2 plus a route class:
 *           .route-product-category                 → category and sub-category pages (layout, tiles, description, sidebar)
 *           + .route-product-search / -manufacturer-info / -special → product cards, toolbar, pagination only
 *         Department pages (top level, 9) are identified by their OpenCart category id:
 *           65 Surgical Instruments · 507 Surgical Sets · 24 Orthopedics · 534 Gynecology · 64 Dental
 *           526 ENT · 59 Ophthalmology · 85 Hollow Wares · 542 Clearance Stock
 *           .route-product-product  → product detail pages (D033 section at the end)
 * Homepage, header and footer are NOT targeted by any rule.
 * Rollback: in Custom Code Header point the link back to sd-r11-category.css (D032) or remove it; remove the sd-r11-catalog.js script line.
 */

/* ---------- 0. Tokens (scoped) ---------- */
html.skin-2.route-product-category,
html.skin-2.route-product-search,
html.skin-2.route-product-manufacturer-info,
html.skin-2.route-product-special{
  --sd-navy:#0E2537;--sd-teal:#0B7C84;--sd-aqua:#20BEC6;--sd-pink:#C8326A;--sd-pink2:#EF4C7F;
  --sd-ink:#24384A;--sd-muted:#5A6B79;--sd-line:#E2E9EE;--sd-soft:#F4F7F9;--sd-tint:#EAF7F8;
}

/* ---------- 1. Breadcrumb + page title (category pages) ---------- */
html.skin-2.route-product-category .breadcrumbs{background:#fff!important;border-bottom:1px solid var(--sd-line)}
html.skin-2.route-product-category .breadcrumb{padding-top:14px;padding-bottom:14px}
html.skin-2.route-product-category .breadcrumb li,
html.skin-2.route-product-category .breadcrumb li a{font-family:"Nunito Sans",sans-serif;font-size:14px;color:var(--sd-muted);text-decoration:none}
html.skin-2.route-product-category .breadcrumb li:last-child,
html.skin-2.route-product-category .breadcrumb li:last-child a{color:var(--sd-navy);font-weight:600}
html.skin-2.route-product-category .breadcrumb li a:hover{color:var(--sd-teal)}
html.skin-2.route-product-category #content>h1.page-title{font-family:Montserrat,sans-serif!important;font-weight:800!important;font-size:32px!important;line-height:1.15!important;color:var(--sd-navy)!important;letter-spacing:-.01em;margin:6px 0 18px!important}

/* ---------- 2. Two-column frame ----------
   Sub-category (listing) pages: sidebar on the LEFT (R11 "ENT listing").
   Department pages: sidebar stays on the RIGHT (R11 "ENT category").
   Visual order only; DOM order (content first) is unchanged. */
@media (min-width:1025px){
  html.skin-2.route-product-category.column-right #content{padding-right:0}
  html.skin-2.route-product-category.column-right .site-wrapper>.container>.row{flex-direction:row-reverse;column-gap:28px;flex-wrap:nowrap}
  html.skin-2.route-product-category.column-right #column-right{width:270px!important;flex:0 0 270px!important;max-width:270px!important;padding:0!important}
  html.skin-2.route-product-category.column-right #content{flex:1 1 auto!important;width:auto!important;max-width:none!important;min-width:0}
  html.skin-2.route-product-category:is(.category-65,.category-507,.category-24,.category-534,.category-64,.category-526,.category-59,.category-85,.category-542) .site-wrapper>.container>.row{flex-direction:row}
}

/* ---------- 3. Content order (D033): banner → short intro → sub-category tiles → products → rest of the description ----------
   The full approved description stays in the HTML in its original order; only its visual position changes.
   Intro = first block of the description; everything after it is shown below the products. */
html.skin-2.route-product-category #content>.category-description{display:contents}
html.skin-2.route-product-category #content .category-description>.category-text{display:contents}
html.skin-2.route-product-category #content>h1.page-title{order:0}
html.skin-2.route-product-category #content .category-description>img.category-image{order:1}
html.skin-2.route-product-category #content .category-text>*{order:5;max-width:820px}
html.skin-2.route-product-category #content .category-text>:first-child{order:2;margin-bottom:22px}
html.skin-2.route-product-category #content>.refine-categories{order:3}
html.skin-2.route-product-category #content>.main-products-wrapper{order:4}
html.skin-2.route-product-category #content>*:not(h1):not(.category-description):not(.refine-categories):not(.main-products-wrapper){order:6}
html.skin-2.route-product-category #content .category-text>:nth-child(2){margin-top:40px;padding-top:28px;border-top:1px solid var(--sd-line)}
html.skin-2.route-product-category #content .category-text>:last-child{margin-bottom:30px}

/* Banner: departments only (R11 listing pages show no category image) */
html.skin-2.route-product-category #content .category-description>img.category-image{display:none}
html.skin-2.route-product-category:is(.category-65,.category-507,.category-24,.category-534,.category-64,.category-526,.category-59,.category-85,.category-542) #content .category-description>img.category-image{display:block;width:auto;max-width:100%;height:auto;margin:0 0 26px;border-radius:16px;border:1px solid var(--sd-line);box-shadow:0 10px 30px -18px rgba(14,37,55,.35)}

/* ---------- 4. Sub-category tiles (R11 "Explore … Types": image-left cards, 2 columns) ---------- */
html.skin-2.route-product-category .refine-categories{margin:0 0 30px!important}
html.skin-2.route-product-category .refine-categories .refine-item img{image-rendering:auto}
html.skin-2.route-product-category .refine-categories::before{content:"Explore by instrument type";display:block;font:700 21px/1.3 Montserrat,sans-serif;color:var(--sd-navy);padding-left:12px;border-left:4px solid var(--sd-pink2);margin:0 0 16px}
html.skin-2.route-product-category .refine-categories .refine-items{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0!important;width:auto!important}
html.skin-2.route-product-category .refine-categories .auto-grid-items{display:contents!important}
html.skin-2.route-product-category .refine-categories .refine-item{display:block!important;width:auto!important;padding:0!important;margin:0!important}
html.skin-2.route-product-category .refine-categories .refine-item>a{display:grid!important;grid-template-columns:180px minmax(0,1fr) auto;align-items:center;gap:0;height:100%;min-height:180px;background:#fff;border:1px solid var(--sd-line);border-radius:14px;overflow:hidden;text-decoration:none!important;padding:0!important;transition:border-color .2s,box-shadow .2s}
html.skin-2.route-product-category .refine-categories .refine-item>a:hover{border-color:var(--sd-aqua);box-shadow:0 10px 26px -18px rgba(14,37,55,.45)}
html.skin-2.route-product-category .refine-categories .refine-item img{width:180px!important;height:180px!important;object-fit:contain;background:#fff;padding:4px;border-right:1px solid var(--sd-line);margin:0!important;box-shadow:none!important;border-radius:0!important}
html.skin-2.route-product-category .refine-categories .refine-name{display:block!important;padding:0 10px 0 16px;text-align:left!important}
html.skin-2.route-product-category .refine-categories .refine-name .links-text{font:700 15px/1.35 Montserrat,sans-serif!important;color:var(--sd-navy)!important;white-space:normal!important}
html.skin-2.route-product-category .refine-categories .refine-name .count-badge{display:none!important}
html.skin-2.route-product-category .refine-categories .refine-item>a::after{content:"\2192";color:var(--sd-pink2);font-weight:700;padding-right:16px}
html.skin-2.route-product-category .refine-categories .refine-item>a:hover .links-text{color:var(--sd-teal)!important}

/* ---------- 5. Description, links, department pills, FAQ cards ---------- */
html.skin-2.route-product-category .category-text>*{font-family:"Nunito Sans",sans-serif;color:var(--sd-ink)}
html.skin-2.route-product-category .category-text p{font-size:16px;line-height:1.7;color:var(--sd-ink);margin:0 0 14px}
html.skin-2.route-product-category .category-text a{color:var(--sd-teal);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
html.skin-2.route-product-category .category-text a:hover{color:var(--sd-pink)}
html.skin-2.route-product-category .category-text strong{color:var(--sd-navy)}
html.skin-2.route-product-category .category-text ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 26px;padding:0}
html.skin-2.route-product-category .category-text ul li{margin:0;padding:0}
html.skin-2.route-product-category .category-text ul li::before{display:none}
html.skin-2.route-product-category .category-text ul li a{display:inline-block;padding:8px 14px;border:1px solid var(--sd-line);border-radius:999px;background:#fff;font:600 13.5px/1.2 Montserrat,sans-serif;color:var(--sd-navy);text-decoration:none}
html.skin-2.route-product-category .category-text ul li a:hover{border-color:var(--sd-aqua);color:var(--sd-teal)}
html.skin-2.route-product-category .category-text h2,
html.skin-2.route-product-category .category-text h3{font:700 22px/1.3 Montserrat,sans-serif;color:var(--sd-navy);margin:30px 0 14px}
html.skin-2.route-product-category .category-text h3~p{border:1px solid var(--sd-line);border-radius:12px;background:#fff;padding:16px 18px;margin:0 0 12px;font-size:15.5px}
html.skin-2.route-product-category .category-text h3~p>strong:first-child{display:inline-block;font:700 15px/1.45 Montserrat,sans-serif;margin-bottom:4px}

/* ---------- 6. Sidebar (All Categories menu + Filter) ---------- */
html.skin-2.route-product-category #column-right .grid-item+.grid-item,
html.skin-2.route-product-category #column-right .grid-row+.grid-row{margin-top:22px}
html.skin-2.route-product-category #column-right .module-title,
html.skin-2.route-product-category #column-right .title.module-title{font:700 18px/1.3 Montserrat,sans-serif!important;color:var(--sd-navy)!important;text-transform:none!important;border:0!important;padding:0!important;margin:0 0 12px!important;background:none!important}
html.skin-2.route-product-category #column-right .accordion-menu>.j-menu{border:1px solid var(--sd-line);border-radius:14px;padding:8px;background:#fff}
html.skin-2.route-product-category #column-right .accordion-menu .j-menu>li>a{display:flex;align-items:center;padding:10px 12px!important;border-radius:10px;font:600 14.5px/1.3 Montserrat,sans-serif!important;color:var(--sd-navy)!important;text-transform:none!important;background:none}
html.skin-2.route-product-category #column-right .accordion-menu .j-menu>li>a .links-text{text-transform:none!important}
html.skin-2.route-product-category #column-right .accordion-menu .j-menu>li>a:hover{background:var(--sd-soft);color:var(--sd-teal)!important}
html.skin-2.route-product-category #column-right .accordion-menu .j-menu>li.active>a,
html.skin-2.route-product-category #column-right .accordion-menu .j-menu>li.open>a{background:var(--sd-tint);color:var(--sd-teal)!important}
html.skin-2.route-product-category #column-right .accordion-menu .count-badge{display:none!important}
html.skin-2.route-product-category #column-right .accordion-menu .j-menu .j-menu{border-left:1px solid var(--sd-line);margin:2px 0 6px 14px;padding-left:4px}
html.skin-2.route-product-category #column-right .accordion-menu .j-menu .j-menu>li>a{font:500 13.5px/1.35 "Nunito Sans",sans-serif!important;padding:7px 10px!important}
html.skin-2.route-product-category #column-right .accordion-menu .open-menu{margin-left:auto;color:var(--sd-muted)}
html.skin-2.route-product-category #column-right{border:0!important;box-shadow:none!important}
/* R11 listing: Filter first, then All Categories (only when the page has a filter) */
html.skin-2.route-product-category #column-right .grid-row-column-right-1>.grid-cols-wrapper>.grid-cols{display:flex!important;flex-direction:column}
html.skin-2.route-product-category #column-right .grid-col-column-right-1-2{order:-1;margin-bottom:24px}
html.skin-2.route-product-category .module-filter-36 .irs-bar{background:var(--sd-aqua)!important;border-color:var(--sd-aqua)!important}
html.skin-2.route-product-category .module-filter-36 .irs-slider{background:var(--sd-navy)!important;border-color:var(--sd-navy)!important;box-shadow:none!important}
html.skin-2.route-product-category .module-filter-36 input.form-control{border:1px solid var(--sd-line)!important;border-radius:8px!important}
/* Filter panels */
html.skin-2.route-product-category .module-filter-36 .panel{border:1px solid var(--sd-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important;margin-bottom:10px!important;overflow:hidden}
html.skin-2.route-product-category .module-filter-36 .panel-heading,
html.skin-2.route-product-category .module-filter-36 .panel-title,
html.skin-2.route-product-category .module-filter-36 .panel-title a{background:#fff!important;font:700 12px/1.3 Montserrat,sans-serif!important;letter-spacing:.08em;text-transform:uppercase;color:var(--sd-muted)!important;border:0!important}
html.skin-2.route-product-category .module-filter-36 .panel-body{padding-top:8px;background:#fff!important;border-top:1px solid var(--sd-line)!important}
html.skin-2.route-product-category .module-filter-36 .panel-title a .fa,
html.skin-2.route-product-category .module-filter-36 .panel-title a em{color:var(--sd-teal)!important}
html.skin-2.route-product-category .module-filter-36 .irs-line{background:var(--sd-line)!important;border:0!important}
html.skin-2.route-product-category .mobile-filter-container{background:#fff}
html.skin-2.route-product-category .mobile-filter-container .module-filter-36{padding:0 4px}
html.skin-2.route-product-category .module-filter-36 label,
html.skin-2.route-product-category .module-filter-36 .filter-checkbox{font-size:14.5px;color:var(--sd-navy)}
html.skin-2.route-product-category .module-filter-36 .reset-filter.btn{background:none!important;color:var(--sd-pink)!important;border:0!important;font-weight:700!important}

/* ---------- 7. Toolbar (grid/list, sort, show) ---------- */
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .products-filter{border-color:var(--sd-line)!important;padding:12px 0!important;margin-bottom:22px!important;gap:12px;flex-wrap:wrap}
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .products-filter .view-btn{width:40px;height:40px;border:1px solid var(--sd-line)!important;border-radius:10px!important;background:#fff!important;color:var(--sd-navy)!important}
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .products-filter .view-btn.active{background:var(--sd-navy)!important;border-color:var(--sd-navy)!important;color:#fff!important}
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .products-filter .view-btn.active::before{color:#fff!important}
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .products-filter .compare-btn{font:600 13px Montserrat,sans-serif;color:var(--sd-teal)!important}
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .products-filter .input-group-addon{background:none!important;border:0!important;font:500 14px "Nunito Sans",sans-serif;color:var(--sd-muted)!important;text-transform:none!important}
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .products-filter select.form-control{height:40px!important;border:1px solid var(--sd-line)!important;border-radius:10px!important;background-color:#fff!important;font:600 14px "Nunito Sans",sans-serif!important;color:var(--sd-navy)!important}

/* ---------- 8. R11 product cards (grid view) ---------- */
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0!important}
html.skin-2:is(.route-product-search,.route-product-manufacturer-info,.route-product-special).one-column .main-products.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
html.skin-2:is(.route-product-search,.route-product-manufacturer-info,.route-product-special):not(.one-column):not(.two-column) .main-products.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid>.product-layout{width:auto!important;padding:0!important;margin:0!important;min-width:0}
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid .product-thumb{display:flex!important;flex-direction:column;height:100%;background:#fff!important;border:1px solid var(--sd-line)!important;border-radius:12px!important;overflow:hidden;box-shadow:none!important;padding:0!important;transition:border-color .2s,box-shadow .2s}
html.skin-2.no-touchevents:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid .product-thumb:hover{border-color:var(--sd-aqua)!important;box-shadow:0 14px 30px -20px rgba(14,37,55,.45)!important}
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid .image-group{border-bottom:1px solid var(--sd-line);background:#fff}
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid .image{background:#fff!important;border-radius:0!important}
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid .image img{aspect-ratio:1/1;width:100%!important;height:auto!important;object-fit:contain;padding:6%!important;box-shadow:none!important;border:0!important;background:#fff}
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid .quickview-button{display:none!important}
/* labels (Pre-Order, New, Sale …): small pill top-left instead of diagonal ribbon */
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products .product-labels{top:12px!important;left:12px!important;right:auto!important;bottom:auto!important;transform:none!important;display:flex;flex-direction:column;align-items:flex-start;gap:6px;z-index:3}
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products .product-label{position:static!important;transform:none!important;width:auto!important;height:auto!important;margin:0!important;clip-path:none!important}
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products .product-label strong,
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products .product-label b{display:inline-block!important;position:static!important;transform:none!important;width:auto!important;min-width:0!important;height:auto!important;line-height:1.2!important;padding:5px 9px!important;border-radius:999px!important;background:#FDEAF0!important;color:var(--sd-pink)!important;font:800 10.5px/1.2 Montserrat,sans-serif!important;letter-spacing:.06em;text-transform:uppercase;box-shadow:none!important;white-space:nowrap}
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products .product-label::before,
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products .product-label::after,
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products .product-label strong::before,
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products .product-label strong::after{display:none!important}
/* caption */
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid .caption{display:flex!important;flex-direction:column;align-items:stretch!important;flex:1 1 auto;gap:6px;padding:14px 16px 16px!important;text-align:left!important;background:#fff!important}
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid .stats{order:0;display:flex!important;justify-content:flex-start!important;background:none!important;padding:0!important;margin:0!important;border:0!important;text-align:left}
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid .stats .stats-label{display:none!important}
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid .stats a{font:700 12px/1.3 Montserrat,sans-serif!important;color:var(--sd-teal)!important;text-decoration:none!important;letter-spacing:.02em}
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid .name{order:1;justify-content:flex-start!important;text-align:left!important;margin:0!important;flex-grow:1}
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid .name a{font:600 15px/1.35 Montserrat,sans-serif!important;color:var(--sd-navy)!important;text-align:left!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-decoration:none!important}
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid .name a:hover{color:var(--sd-teal)!important}
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid .description,
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid .rating,
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid .price-tax,
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid .extra-group,
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid .stepper{display:none!important}
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid .price{order:2;display:flex!important;justify-content:flex-start!important;align-items:baseline;flex-wrap:wrap;gap:4px 8px;padding:4px 0 0!important;margin:0!important;font:700 18px/1.2 Montserrat,sans-serif!important;color:var(--sd-navy)!important}
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid .price>div{display:flex!important;justify-content:flex-start!important;align-items:baseline;gap:8px;flex-wrap:wrap;width:100%}
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid .caption,
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid .caption>*{text-align:left!important}
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid .stats-group{justify-content:flex-start!important;width:100%}
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid .price-normal,
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid .price-new{font:700 18px/1.2 Montserrat,sans-serif!important;color:var(--sd-navy)!important;margin:0!important}
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid .price-old{font:600 13px/1.2 Montserrat,sans-serif!important;color:var(--sd-muted)!important;margin:0!important}
/* buttons: always visible (no hover reveal), cart pill + round wishlist/compare */
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid .buttons-wrapper{order:3;position:static!important;opacity:1!important;visibility:visible!important;transform:none!important;display:block!important;width:100%!important;padding:8px 0 0!important;margin:0!important;background:none!important}
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid .button-group{display:flex!important;align-items:center;justify-content:space-between;gap:8px;background:none!important;padding:0!important;margin:0!important;position:static!important;opacity:1!important;visibility:visible!important;transform:none!important}
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid .cart-group{display:flex!important;flex:1 1 auto;min-width:0}
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid .btn-cart{display:flex!important;align-items:center;justify-content:center;width:100%;height:42px;padding:0 12px!important;border:0!important;border-radius:999px!important;background:var(--sd-navy)!important;color:#fff!important;box-shadow:none!important;font:600 11.5px/1 Montserrat,sans-serif!important;text-transform:uppercase;letter-spacing:.07em}
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid .btn-cart::before{display:none!important}
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid .btn-cart .btn-text{display:block!important;color:#fff!important;font:inherit!important;letter-spacing:inherit;white-space:nowrap}
html.skin-2.no-touchevents:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid .btn-cart:hover{background:var(--sd-pink)!important}
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid .product-layout.out-of-stock .btn-cart{background:#AEB9C2!important}
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid .wish-group{display:flex!important;gap:8px;flex:0 0 auto;margin:0!important}
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid .wish-group .btn{display:grid!important;place-items:center;width:42px!important;height:42px!important;min-width:0;padding:0!important;border:1px solid var(--sd-line)!important;border-radius:50%!important;background:#fff!important;color:var(--sd-navy)!important;box-shadow:none!important}
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid .wish-group .btn::before{color:var(--sd-navy)!important;font-size:16px!important}
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid .wish-group .btn .btn-text{display:none!important}
html.skin-2.no-touchevents:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid .wish-group .btn:hover{border-color:var(--sd-aqua)!important}
html.skin-2.no-touchevents:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid .wish-group .btn:hover::before{color:var(--sd-teal)!important}

/* ---------- 9. Pagination ---------- */
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .pagination-results{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:28px!important;padding-top:18px;border-top:1px solid var(--sd-line)}
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .pagination-results .text-right{order:-1;font:500 14px "Nunito Sans",sans-serif;color:var(--sd-muted);letter-spacing:0;text-transform:none}
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) ul.pagination{margin:0;gap:6px;display:flex;flex-wrap:wrap}
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) ul.pagination>li>a,
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) ul.pagination>li>span{display:grid;place-items:center;min-width:38px;height:38px;padding:0 10px;border:1px solid var(--sd-line)!important;border-radius:10px!important;background:#fff!important;color:var(--sd-navy)!important;font:700 14px Montserrat,sans-serif!important;margin:0!important}
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) ul.pagination>li.active>span,
html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) ul.pagination>li.active>a{background:var(--sd-navy)!important;border-color:var(--sd-navy)!important;color:#fff!important}
html.skin-2.no-touchevents:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) ul.pagination>li>a:hover{border-color:var(--sd-aqua)!important;color:var(--sd-teal)!important}

/* ---------- 10. Mobile filter trigger (phones/tablets) ---------- */
html.skin-2.route-product-category .mobile-filter-trigger{background:var(--sd-navy)!important;color:#fff!important;border:0!important;border-radius:999px!important;font:700 12px/1 Montserrat,sans-serif!important;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 10px 24px -12px rgba(14,37,55,.6)!important}
html.skin-2.route-product-category .mobile-filter-trigger::before{color:#fff!important}

html.skin-2.route-product-category.mobile-filter-active .main-products-wrapper{padding-top:34px}

/* ---------- 11. Responsive ---------- */
@media (max-width:1024px){
  html.skin-2.route-product-category #content>h1.page-title{font-size:28px!important}
  html.skin-2.route-product-category .refine-categories .refine-item>a{grid-template-columns:150px minmax(0,1fr) auto;min-height:150px}
  html.skin-2.route-product-category .refine-categories .refine-item img{width:150px!important;height:150px!important}
}
@media (max-width:1024px){
  html.skin-2:is(.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:767px){
  html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}
  html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid .caption{padding:10px 10px 12px!important;gap:4px}
  html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid .name a{font-size:13.5px!important}
  html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid .price,
  html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid .price-normal,
  html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid .price-new{font-size:16px!important}
  html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid .button-group{flex-wrap:wrap}
  html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid .cart-group{flex:1 1 100%}
  html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid .btn-cart{height:40px;font-size:10.5px!important;letter-spacing:.04em}
  html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products.product-grid .wish-group .btn{width:36px!important;height:36px!important}
  html.skin-2.route-product-category .refine-categories .refine-items{grid-template-columns:1fr}
  html.skin-2.route-product-category .refine-categories .refine-item>a{grid-template-columns:128px minmax(0,1fr) auto;min-height:128px}
  html.skin-2.route-product-category .refine-categories .refine-item img{width:128px!important;height:128px!important}
  html.skin-2.route-product-category .refine-categories::before{font-size:18px}
  html.skin-2.route-product-category .category-text p{font-size:15.5px}
  html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .products-filter .compare-btn .links-text{display:none}
}
@media (max-width:420px){
  html.skin-2.route-product-category #content>h1.page-title{font-size:24px!important}
  html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .products-filter .input-group-addon{display:none}
}
@media (prefers-reduced-motion:reduce){
  html.skin-2:is(.route-product-category,.route-product-search,.route-product-manufacturer-info,.route-product-special) .main-products .product-thumb,
  html.skin-2.route-product-category .refine-categories .refine-item>a{transition:none}
}

/* =====================================================================
   D033 · R11 PRODUCT DETAIL PAGE  (html.skin-2.route-product-product only; every product URL)
   ===================================================================== */
html.skin-2.route-product-product{--sd-navy:#0E2537;--sd-teal:#0B7C84;--sd-aqua:#20BEC6;--sd-pink:#C8326A;--sd-pink2:#EF4C7F;--sd-ink:#24384A;--sd-muted:#5A6B79;--sd-line:#E2E9EE;--sd-soft:#F4F7F9;--sd-tint:#EAF7F8;--sd-green:#1E8E4E}
/* breadcrumb */
html.skin-2.route-product-product .breadcrumbs{background:#fff!important;border-bottom:1px solid var(--sd-line)}
html.skin-2.route-product-product .breadcrumb{padding-top:14px;padding-bottom:14px}
html.skin-2.route-product-product .breadcrumb li,html.skin-2.route-product-product .breadcrumb li a{font-family:"Nunito Sans",sans-serif;font-size:14px;color:var(--sd-muted);text-decoration:none}
html.skin-2.route-product-product .breadcrumb li:last-child a{color:var(--sd-navy);font-weight:600}
/* service row (module 306): light, compact strip */
html.skin-2.route-product-product .module-info_blocks-306{background:transparent!important}
html.skin-2.route-product-product #top .grid-row-top-1,html.skin-2.route-product-product #top .grid-row-top-1>.row-bg{background:#fff!important}
html.skin-2.route-product-product .module-info_blocks-306 .info_blocks-grid{background:var(--sd-soft)!important;border:1px solid var(--sd-line);border-radius:12px;padding:4px 8px!important}
html.skin-2.route-product-product .module-info_blocks-306 .info-block{background:transparent!important;padding:8px 6px!important}
html.skin-2.route-product-product .module-info_blocks-306 .info-block-title{font:700 12.5px/1.3 Montserrat,sans-serif!important;letter-spacing:.04em;color:var(--sd-navy)!important;text-transform:none!important}
html.skin-2.route-product-product .module-info_blocks-306 .info-block::before{color:var(--sd-teal)!important}
html.skin-2.route-product-product .module-info_blocks-306 .info-block:hover .info-block-title{color:var(--sd-teal)!important}

/* ---------- main two-column block ---------- */
@media (min-width:1025px){
  html.skin-2.route-product-product .product-info{column-gap:48px;align-items:flex-start;flex-wrap:nowrap!important}
  html.skin-2.route-product-product .product-info>.product-left{flex:0 0 52%!important;width:52%!important;max-width:52%!important}
  html.skin-2.route-product-product .product-info>.product-right{flex:1 1 0%!important;width:auto!important;min-width:0!important;max-width:none!important;padding-left:0!important}
}
/* gallery */
html.skin-2.route-product-product .product-image .main-image{border:1px solid var(--sd-line)!important;border-radius:16px!important;background:#fff!important;overflow:hidden}
html.skin-2.route-product-product .product-image .main-image img{object-fit:contain;background:#fff}
html.skin-2.route-product-product .product-image .additional-images .swiper-slide{border-radius:12px!important;overflow:hidden}
html.skin-2.route-product-product .product-image .additional-images .swiper-slide img{border:1px solid var(--sd-line)!important;border-radius:12px!important;background:#fff;box-shadow:none!important}
html.skin-2.route-product-product .product-image .additional-images .swiper-slide-active img,
html.skin-2.route-product-product .product-image .additional-images .swiper-slide.active img{border:1.5px solid var(--sd-navy)!important}
html.skin-2.route-product-product .product-image .swiper-pagination-bullet-active{background:var(--sd-teal)!important}

/* details column: one flexible stack, R11 order */
html.skin-2.route-product-product #product.product-details{display:flex!important;flex-direction:row!important;flex-wrap:wrap;align-items:center;column-gap:16px;row-gap:0}
html.skin-2.route-product-product #product.product-details>*{flex:0 0 100%;min-width:0}
html.skin-2.route-product-product #product .product-price-group,
html.skin-2.route-product-product #product .product-stats,
html.skin-2.route-product-product #product .product-stats>ul,
html.skin-2.route-product-product #product .button-group-page>.buttons-wrapper{display:contents!important}
html.skin-2.route-product-product #product .product-stats li{flex:0 0 100%;list-style:none;margin:0;padding:0;font:500 14.5px/1.5 "Nunito Sans",sans-serif;color:var(--sd-ink)}
html.skin-2.route-product-product #product .product-stats li b{font-weight:500;color:var(--sd-muted)}
html.skin-2.route-product-product #product .product-stats li::before{display:none!important;content:none!important}
html.skin-2.route-product-product #product .product-stats li{display:block!important;padding-left:0!important}
html.skin-2.route-product-product #product .product-stats li.product-stock,html.skin-2.route-product-product #product .product-stats li.product-model{display:inline-block!important}
/* 0 brand link (top, teal) */
html.skin-2.route-product-product #product li.product-manufacturer{order:0;margin-bottom:6px}
html.skin-2.route-product-product #product li.product-manufacturer b{display:none}
html.skin-2.route-product-product #product li.product-manufacturer a{font:700 13px/1.3 Montserrat,sans-serif;letter-spacing:.04em;color:var(--sd-teal);text-decoration:underline;text-underline-offset:3px}
html.skin-2.route-product-product #product .brand-image{display:none!important}
/* 1 title */
html.skin-2.route-product-product #product>.title.page-title{order:1;font:800 30px/1.2 Montserrat,sans-serif!important;color:var(--sd-navy)!important;letter-spacing:-.01em;margin:0 0 10px!important;padding:0!important;text-transform:none!important}
/* 2 rating (small) */
html.skin-2.route-product-product #product>.rating{order:2;margin:0 0 10px!important}
html.skin-2.route-product-product #product>.rating .review-links a{color:var(--sd-muted)!important;font-size:13.5px}
/* 3 stock + model on one line */
html.skin-2.route-product-product #product li.product-stock,
html.skin-2.route-product-product #product li.product-model{order:3;flex:0 0 auto;margin:0 0 14px}
html.skin-2.route-product-product #product li.product-stock b{display:none}
html.skin-2.route-product-product #product li.product-stock span{display:inline-flex;align-items:center;gap:7px;font:700 14px/1.3 Montserrat,sans-serif;color:var(--sd-green)}
html.skin-2.route-product-product #product li.product-stock span::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
html.skin-2.route-product-product #product li.product-stock:not(.in-stock) span{color:#B4561A}
html.skin-2.route-product-product #product li.product-model span{font-weight:700;color:var(--sd-navy)}
/* 4 price row between rules */
html.skin-2.route-product-product #product .price-wrapper{order:4;flex:0 0 100%;display:flex!important;align-items:baseline;flex-wrap:wrap;gap:6px 12px;padding:14px 0!important;margin:0 0 16px!important;border-top:1px solid var(--sd-line);border-bottom:1px solid var(--sd-line);background:none!important}
html.skin-2.route-product-product #product .product-price,
html.skin-2.route-product-product #product .product-price-new{font:800 32px/1.1 Montserrat,sans-serif!important;color:var(--sd-navy)!important}
html.skin-2.route-product-product #product .product-price-old{font:600 16px Montserrat,sans-serif!important;color:var(--sd-muted)!important}
html.skin-2.route-product-product #product .product-tax{font:500 13px "Nunito Sans",sans-serif!important;color:var(--sd-muted)!important;margin:0!important}
/* 5 options (when a product has them) */
html.skin-2.route-product-product #product .product-options,html.skin-2.route-product-product #product>.options{order:5;flex:0 0 100%;margin-bottom:14px}
html.skin-2.route-product-product #product .product-options .control-label{font:700 13px Montserrat,sans-serif;color:var(--sd-navy)}
html.skin-2.route-product-product #product .product-options select,html.skin-2.route-product-product #product .product-options input[type=text]{border:1px solid var(--sd-line)!important;border-radius:10px!important;height:42px}
/* 6 quantity + Add to cart */
html.skin-2.route-product-product #product .button-group-page{order:6;flex:0 0 100%;display:flex!important;flex-wrap:wrap;align-items:center;gap:12px;padding:0!important;margin:0!important;background:none!important;border:0!important}
html.skin-2.route-product-product #product .stepper-group.cart-group{display:flex!important;flex:1 1 100%;gap:12px;align-items:stretch;margin:0!important}
html.skin-2.route-product-product #product .stepper-group .control-label{display:none!important}
html.skin-2.route-product-product #product .stepper{width:132px!important;flex:0 0 132px;height:52px!important;border:1px solid var(--sd-line)!important;border-radius:999px!important;overflow:hidden;background:#fff!important;display:flex!important;align-items:center}
html.skin-2.route-product-product #product .stepper input{height:50px!important;border:0!important;text-align:center;font:700 16px Montserrat,sans-serif!important;color:var(--sd-navy)!important;background:#fff!important}
html.skin-2.route-product-product #product .stepper .fa{border:0!important;background:#fff!important;color:var(--sd-navy)!important}
html.skin-2.route-product-product #product #button-cart{flex:1 1 auto;height:52px!important;border:0!important;border-radius:999px!important;background:var(--sd-navy)!important;color:#fff!important;box-shadow:0 12px 24px -16px rgba(14,37,55,.7)!important;font:700 13px/1 Montserrat,sans-serif!important;letter-spacing:.08em;text-transform:uppercase;display:flex!important;align-items:center;justify-content:center;gap:8px}
html.skin-2.route-product-product #product #button-cart .btn-text,html.skin-2.route-product-product #product #button-cart::before{color:#fff!important}
html.skin-2.no-touchevents.route-product-product #product #button-cart:hover{background:var(--sd-pink)!important}
/* 7 secondary actions: Buy now, Ask question, wishlist, compare as one quiet row */
html.skin-2.route-product-product #product .extra-group,
html.skin-2.route-product-product #product .wishlist-compare{display:flex!important;flex:0 0 auto;align-items:center;gap:18px;margin:6px 0 0!important;padding:0!important;background:none!important;border:0!important;position:static!important;width:auto!important}
html.skin-2.route-product-product #product .extra-group .btn,
html.skin-2.route-product-product #product .wishlist-compare .btn{background:none!important;border:0!important;box-shadow:none!important;padding:8px 0!important;height:auto!important;width:auto!important;min-width:0!important;font:700 14px/1.3 Montserrat,sans-serif!important;color:var(--sd-navy)!important;text-transform:none!important;letter-spacing:0!important;display:inline-flex!important;align-items:center;gap:7px}
html.skin-2.route-product-product #product .extra-group .btn .btn-text,
html.skin-2.route-product-product #product .wishlist-compare .btn .btn-text{display:inline!important;color:inherit!important;font:inherit!important}
html.skin-2.route-product-product #product .extra-group .btn::before,
html.skin-2.route-product-product #product .wishlist-compare .btn::before{color:var(--sd-navy)!important;font-size:15px!important}
html.skin-2.no-touchevents.route-product-product #product .extra-group .btn:hover,
html.skin-2.no-touchevents.route-product-product #product .wishlist-compare .btn:hover{color:var(--sd-teal)!important}
html.skin-2.route-product-product #product .extra-group .btn-extra-46 .btn-text::after{content:" \2192"}
/* 8 weight + dimensions as a small spec list */
html.skin-2.route-product-product #product li.product-weight{order:8;margin-top:18px;padding-top:14px;border-top:1px solid var(--sd-line)}
html.skin-2.route-product-product #product li.product-dimension,
html.skin-2.route-product-product #product li.product-upc,html.skin-2.route-product-product #product li.product-ean,html.skin-2.route-product-product #product li.product-sku,
html.skin-2.route-product-product #product li.product-points,html.skin-2.route-product-product #product li.product-reward{order:9}
html.skin-2.route-product-product #product li.product-weight b,html.skin-2.route-product-product #product li.product-dimension b{display:inline-block;min-width:96px}
html.skin-2.route-product-product #product li.product-weight span,html.skin-2.route-product-product #product li.product-dimension span{font-weight:700;color:var(--sd-navy)}

/* ---------- tabs (Description, Reviews, Our Brands, Delivery, Our Packaging) ---------- */
html.skin-2.route-product-product .product-blocks.blocks-default{margin-top:44px!important}
html.skin-2.route-product-product .product_tabs .full-tabs-bg{display:none!important}
html.skin-2.route-product-product .product_tabs>.nav-tabs{border-bottom:1px solid var(--sd-line)!important;background:none!important;gap:6px;justify-content:flex-start!important;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
html.skin-2.route-product-product .product_tabs>.nav-tabs>li{flex:0 0 auto!important;margin:0!important;border:0!important;background:none!important}
html.skin-2.route-product-product .product_tabs>.nav-tabs>li>a{background:none!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;padding:12px 14px!important;font:600 15px/1.2 Montserrat,sans-serif!important;color:var(--sd-muted)!important;text-transform:none!important;letter-spacing:0!important;white-space:nowrap}
html.skin-2.route-product-product .product_tabs>.nav-tabs>li.active>a,
html.skin-2.no-touchevents.route-product-product .product_tabs>.nav-tabs>li>a:hover{color:var(--sd-navy)!important;border-bottom-color:var(--sd-pink2)!important}
html.skin-2.route-product-product .product_tabs>.nav-tabs>li.active::after{display:none!important}
html.skin-2.route-product-product .product_tabs>.tab-content{background:#fff!important;padding:26px 0 0!important;border:0!important}
html.skin-2.route-product-product .product_tabs .tab-pane,html.skin-2.route-product-product .product_tabs .block-content{font:400 16px/1.7 "Nunito Sans",sans-serif;color:var(--sd-ink);background:none!important}
html.skin-2.route-product-product .product_tabs .block-content h2,html.skin-2.route-product-product .product_tabs .block-content h3,html.skin-2.route-product-product .product_tabs .block-content h4{font-family:Montserrat,sans-serif!important;color:var(--sd-navy)!important;font-weight:700!important;line-height:1.3!important}
html.skin-2.route-product-product .product_tabs .block-content a{color:var(--sd-teal)}
html.skin-2.route-product-product .product_tabs .block-content table{border-collapse:collapse;max-width:100%}
html.skin-2.route-product-product .product_tabs .block-content td,html.skin-2.route-product-product .product_tabs .block-content th{border:1px solid var(--sd-line);padding:8px 12px}
html.skin-2.route-product-product .product_tabs .block-content img{max-width:100%;height:auto}
/* description "Show more" control */
html.skin-2.route-product-product .product_tabs .block-expand-overlay{background:linear-gradient(to bottom,rgba(255,255,255,0),#fff 70%)!important}
html.skin-2.route-product-product .product_tabs .block-expand{background:#fff!important;color:var(--sd-navy)!important;border:1px solid var(--sd-line)!important;border-radius:999px!important;font:700 12px Montserrat,sans-serif!important;padding:8px 16px!important;text-transform:uppercase;letter-spacing:.06em}
/* reviews form */
html.skin-2.route-product-product #form-review .form-control{border:1px solid var(--sd-line)!important;border-radius:10px!important}
html.skin-2.route-product-product #form-review #button-review{background:var(--sd-navy)!important;border:0!important;border-radius:999px!important;font:700 12px Montserrat,sans-serif!important;letter-spacing:.06em;padding:12px 22px!important}
/* tags as pills */
html.skin-2.route-product-product .tags{margin-top:26px!important;gap:8px;flex-wrap:wrap;align-items:center}
html.skin-2.route-product-product .tags>b,html.skin-2.route-product-product .tags>span{font:600 14px "Nunito Sans",sans-serif;color:var(--sd-muted)}
html.skin-2.route-product-product .tags a{background:#fff!important;border:1px solid var(--sd-line)!important;border-radius:999px!important;color:var(--sd-navy)!important;font:600 13px/1.2 Montserrat,sans-serif!important;padding:7px 13px!important;margin:0!important}
html.skin-2.no-touchevents.route-product-product .tags a:hover{border-color:var(--sd-aqua)!important;color:var(--sd-teal)!important}

/* ---------- related products (module 307: You might like / From the same brand) ---------- */
html.skin-2.route-product-product .module-products-307 .nav-tabs{gap:10px;border:0!important}
html.skin-2.route-product-product .module-products-307 .nav-tabs>li{border:0!important;margin:0!important}
html.skin-2.route-product-product .module-products-307 .nav-tabs>li>a{border:1px solid var(--sd-line)!important;border-radius:999px!important;padding:10px 18px!important;font:700 12.5px/1 Montserrat,sans-serif!important;letter-spacing:.06em;text-transform:uppercase;color:var(--sd-navy)!important;background:#fff!important}
html.skin-2.route-product-product .module-products-307 .nav-tabs>li.active>a{background:var(--sd-navy)!important;border-color:var(--sd-navy)!important;color:#fff!important}
html.skin-2.route-product-product .module-products-307 .nav-tabs>li::after{display:none!important}
html.skin-2.route-product-product .module-products-307 .product-thumb{background:#fff!important;border:1px solid var(--sd-line)!important;border-radius:12px!important;overflow:hidden;box-shadow:none!important;display:flex!important;flex-direction:column;height:100%}
html.skin-2.route-product-product .module-products-307 .image{border:0!important;border-bottom:1px solid var(--sd-line)!important;background:#fff!important}
html.skin-2.route-product-product .module-products-307 .image img{border:0!important;box-shadow:none!important;padding:6%!important;background:#fff}
html.skin-2.route-product-product .module-products-307 .caption{padding:14px 16px 16px!important;text-align:left!important;align-items:stretch!important;gap:6px;display:flex!important;flex-direction:column;flex:1 1 auto}
html.skin-2.route-product-product .module-products-307 .caption .stats{order:0}
html.skin-2.route-product-product .module-products-307 .caption .name{order:1;flex-grow:1}
html.skin-2.route-product-product .module-products-307 .caption .price{order:2}
html.skin-2.route-product-product .module-products-307 .caption .buttons-wrapper{order:3}
html.skin-2.route-product-product .module-products-307 .button-group{flex-wrap:nowrap}
html.skin-2.route-product-product .module-products-307 .name{justify-content:flex-start!important}
html.skin-2.route-product-product .module-products-307 .name a{font:600 15px/1.35 Montserrat,sans-serif!important;color:var(--sd-navy)!important;text-align:left!important;white-space:normal!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html.skin-2.route-product-product .module-products-307 .price{justify-content:flex-start!important;font:700 18px Montserrat,sans-serif!important;color:var(--sd-navy)!important}
html.skin-2.route-product-product .module-products-307 .price-tax,html.skin-2.route-product-product .module-products-307 .description,html.skin-2.route-product-product .module-products-307 .rating,html.skin-2.route-product-product .module-products-307 .extra-group,html.skin-2.route-product-product .module-products-307 .stepper,html.skin-2.route-product-product .module-products-307 .quickview-button{display:none!important}
html.skin-2.route-product-product .module-products-307 .buttons-wrapper,html.skin-2.route-product-product .module-products-307 .button-group{position:static!important;opacity:1!important;visibility:visible!important;transform:none!important;display:flex!important;align-items:center;justify-content:space-between;gap:8px;width:100%;background:none!important;padding:0!important}
html.skin-2.route-product-product .module-products-307 .cart-group{display:flex!important;flex:1 1 auto}
html.skin-2.route-product-product .module-products-307 .product-thumb .button-group .btn-cart{width:100%;height:42px;border:0!important;border-radius:999px!important;background:var(--sd-navy)!important;color:#fff!important;font:600 11.5px/1 Montserrat,sans-serif!important;letter-spacing:.07em;text-transform:uppercase;display:flex!important;align-items:center;justify-content:center}
html.skin-2.route-product-product .module-products-307 .btn-cart::before{display:none!important}
html.skin-2.route-product-product .module-products-307 .btn-cart .btn-text{display:block!important;color:#fff!important}
html.skin-2.route-product-product .module-products-307 .wish-group{display:flex!important;gap:8px}
html.skin-2.route-product-product .module-products-307 .wish-group .btn{width:42px!important;height:42px!important;border:1px solid var(--sd-line)!important;border-radius:50%!important;background:#fff!important;display:grid!important;place-items:center;padding:0!important}
html.skin-2.route-product-product .module-products-307 .wish-group .btn .btn-text{display:none!important}
html.skin-2.route-product-product .module-products-307 .wish-group .btn::before{color:var(--sd-navy)!important}

/* ---------- tablet & phone ---------- */
@media (max-width:1024px){
  html.skin-2.route-product-product #product>.title.page-title{font-size:26px!important}
  html.skin-2.route-product-product #product .product-price{font-size:28px!important}
  /* Journal fixed bottom purchase bar (built-in sticky Add to Cart) */
  html.skin-2.route-product-product #product .button-group-page{position:fixed!important;left:0;right:0;bottom:0;z-index:20;margin:0!important;padding:10px 14px calc(10px + env(safe-area-inset-bottom))!important;background:#fff!important;border-top:1px solid var(--sd-line)!important;box-shadow:0 -10px 24px -18px rgba(14,37,55,.5)!important;flex-wrap:nowrap;gap:10px}
  html.skin-2.route-product-product #product .stepper-group.cart-group{flex:1 1 auto}
  html.skin-2.route-product-product #product .stepper{width:112px!important;flex:0 0 112px;height:46px!important}
  html.skin-2.route-product-product #product .stepper input{height:44px!important}
  html.skin-2.route-product-product #product #button-cart{height:46px!important}
  html.skin-2.route-product-product #product .button-group-page .extra-group,
  html.skin-2.route-product-product #product .button-group-page .wishlist-compare{flex:0 0 auto;margin:0!important;gap:4px}
  html.skin-2.route-product-product #product .button-group-page .extra-group .btn,
  html.skin-2.route-product-product #product .button-group-page .wishlist-compare .btn{width:42px!important;height:42px!important;padding:0!important;justify-content:center;border:1px solid var(--sd-line)!important;border-radius:50%!important}
  html.skin-2.route-product-product #product .button-group-page .extra-group .btn .btn-text,
  html.skin-2.route-product-product #product .button-group-page .wishlist-compare .btn .btn-text{display:none!important}
  html.skin-2.route-product-product .product-blocks.blocks-default{margin-top:30px!important}
}
@media (max-width:767px){
  /* phone gallery: full-width main image with dots; thumbnails hidden (all images remain reachable by swipe and lightbox) */
  html.skin-2.route-product-product .product-image .additional-images{display:none!important}
  html.skin-2.route-product-product .product-image .main-image{width:100%!important;max-width:100%!important;flex:1 1 100%!important;margin:0!important}
  html.skin-2.route-product-product .product-image .main-image .swiper-pagination{display:flex!important;justify-content:center;position:static!important;margin-top:8px}
  /* phone purchase bar: qty + Add to cart + wishlist + compare */
  html.skin-2.route-product-product #product .button-group-page .extra-group{display:none!important}
  html.skin-2.route-product-product #product .stepper{width:96px!important;flex:0 0 96px}
  html.skin-2.route-product-product #product .button-group-page .wishlist-compare .btn{width:38px!important;height:38px!important}
  html.skin-2.route-product-product #content>h1.page-title{font:800 24px/1.25 Montserrat,sans-serif!important;color:var(--sd-navy)!important;text-transform:none!important;margin:4px 0 14px!important}
  html.skin-2.route-product-product .product_tabs>.nav-tabs>li>a{padding:11px 10px!important;font-size:14px!important}
  html.skin-2.route-product-product .product_tabs .tab-pane,html.skin-2.route-product-product .product_tabs .block-content{font-size:15.5px}
  html.skin-2.route-product-product .module-products-307 .caption{padding:10px 10px 12px!important}
  html.skin-2.route-product-product .module-products-307 .name a{font-size:13.5px!important}
  html.skin-2.route-product-product .module-products-307 .button-group{flex-wrap:wrap}
  html.skin-2.route-product-product .module-products-307 .cart-group{flex:1 1 100%}
  html.skin-2.route-product-product .module-products-307 .wish-group .btn{width:36px!important;height:36px!important}
  html.skin-2.route-product-product .module-info_blocks-306 .info-block-title{font-size:11.5px!important}
}
@media (max-width:360px){
  html.skin-2.route-product-product #product .stepper{width:86px!important;flex:0 0 86px}
  html.skin-2.route-product-product #product .button-group-page{gap:6px;padding-left:10px!important;padding-right:10px!important}
  html.skin-2.route-product-product #product #button-cart{letter-spacing:.03em;font-size:12px!important}
  html.skin-2.route-product-product #product .button-group-page .wishlist-compare .btn-compare{display:none!important}
}
/* ---------- D033 JS hooks (sd-r11-catalog.js) ---------- */
html.skin-2.route-product-category #content .category-text>.sd-clamp:not(.sd-open){display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
html.skin-2.route-product-category #content .category-text>.sd-readmore{order:2;align-self:flex-start;margin:-14px 0 22px;padding:0;background:none;border:0;font:700 14px Montserrat,sans-serif;color:var(--sd-teal);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
html.skin-2.route-product-product #product .sd-rq{order:7;flex:0 0 100%;display:flex;align-items:center;justify-content:center;height:50px;margin:12px 0 4px;border:1.5px solid var(--sd-navy);border-radius:999px;background:#fff;color:var(--sd-navy)!important;font:700 13px/1 Montserrat,sans-serif;letter-spacing:.08em;text-transform:uppercase;text-decoration:none!important}
html.skin-2.no-touchevents.route-product-product #product .sd-rq:hover{background:var(--sd-navy);color:#fff!important}
html.skin-2.route-product-product #product .button-group-page .stepper-group{order:1}
html.skin-2.route-product-product #product .button-group-page .sd-rq{order:2;margin:0}
html.skin-2.route-product-product #product .button-group-page .extra-group,html.skin-2.route-product-product #product .button-group-page .wishlist-compare{order:3}
html.skin-2.route-product-product #product>.sd-rq{order:5;margin:4px 0 14px}

/* ==========================================================================
   D034 (7 Nov 2026) · Product page: R11 service strip under the purchase area + R11 product tabs
   Service strip = existing Journal3 module 306 ("Product Page Info Blocks Top"), moved by sd-r11-catalog.js
   from the top row into #product, after Add to Cart / Request quotation. Without JS it stays in the top row.
   ========================================================================== */
html.skin-2.route-product-product #product>.module-info_blocks-306{order:7;flex:0 0 100%;width:100%;margin:16px 0 2px!important;padding:0!important;background:none!important}
html.skin-2.route-product-product #product>.module-info_blocks-306 .module-body{padding:0!important;margin:0!important;background:none!important}
html.skin-2.route-product-product #product>.module-info_blocks-306 .info_blocks-grid{display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:10px;background:none!important;border:0!important;border-radius:0;padding:0!important;margin:0!important}
html.skin-2.route-product-product #product>.module-info_blocks-306 .module-item{width:auto!important;max-width:none!important;flex:none!important;padding:0!important;margin:0!important;border:0!important}
html.skin-2.route-product-product #product>.module-info_blocks-306 .info-block{display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-start!important;gap:10px;height:100%;min-height:58px;border:1px solid var(--sd-line);border-radius:10px;padding:10px 12px!important;background:var(--sd-soft)!important;text-align:left!important;text-decoration:none!important;transition:border-color .2s}
html.skin-2.route-product-product #product>.module-info_blocks-306 .info-block::before{flex:none;margin:0!important;color:var(--sd-teal)!important}
html.skin-2.route-product-product #product>.module-info_blocks-306 .info-block-content{padding:0!important;margin:0!important;text-align:left!important;min-width:0}
html.skin-2.route-product-product #product>.module-info_blocks-306 .info-block-title{font:700 13.5px/1.35 Montserrat,sans-serif!important;color:var(--sd-navy)!important;white-space:normal!important;letter-spacing:0!important;text-transform:none!important;margin:0!important}
html.skin-2.route-product-product #product>.module-info_blocks-306 .info-block-text:empty,html.skin-2.route-product-product #product>.module-info_blocks-306 .info-block-button:empty{display:none!important}
html.skin-2.no-touchevents.route-product-product #product>.module-info_blocks-306 .info-block:hover{border-color:var(--sd-aqua)}
html.skin-2.no-touchevents.route-product-product #product>.module-info_blocks-306 .info-block:hover .info-block-title{color:var(--sd-teal)!important}
html.skin-2.route-product-product #top .grid-row-top-1:not(:has(.module)){display:none!important}
@media (max-width:767px){
  html.skin-2.route-product-product #product>.module-info_blocks-306 .info_blocks-grid{grid-template-columns:1fr;gap:8px}
  html.skin-2.route-product-product #product>.module-info_blocks-306 .info-block{min-height:48px}
  html.skin-2.route-product-product #product>.module-info_blocks-306 .info-block-title{font-size:13.5px!important}
}

/* R11 product tabs (Our Brands / Delivery / Our Packaging) – from build-pack product-tabs-r11-build.css */
.xtab,.xtab *,.xtab *::before{box-sizing:border-box}
.xtab{display:grid;gap:18px}
.product_tabs .block-content .xtab h3,.xtab h3{font:700 19px/1.3 "Montserrat",sans-serif!important;color:#0E2537!important;margin:0!important}
.xtab .ico{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.xtab .xlede{margin:0;color:#24384A;font-size:16px;line-height:1.7;max-width:80ch}
.xtab .xbrands{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.xtab .xb{display:grid;grid-template-columns:104px minmax(0,1fr);gap:18px;align-items:start;border:1px solid #E2E9EE;border-radius:16px;padding:18px;background:#fff}
.xtab .xblg{width:104px;height:104px;border:1.5px solid #20BEC6;border-radius:14px;display:grid;place-items:center;padding:8px;background:#fff}
.xtab .xblg img{max-width:100%;max-height:100%;object-fit:contain}
.xtab .xb p{margin:6px 0 10px;font-size:15px;line-height:1.65;color:#24384A}
.xtab a{font-weight:700;color:#0B7C84}
.xtab a:hover,.xtab a:focus-visible{color:#C8326A}
.xtab.xdel{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}
.xtab .xcol{display:grid;gap:12px;align-content:start}
.xtab ul.xlist{list-style:none;margin:0 0 6px;padding:0;display:grid;gap:10px}
.xtab .xlist li{position:relative;padding-left:22px;font-size:15px;line-height:1.6;color:#24384A;list-style:none}
.xtab .xlist li::before{content:""!important;position:absolute!important;left:4px!important;top:8px!important;width:8px!important;height:8px!important;min-width:0!important;margin:0!important;padding:0!important;font-size:0!important;border-radius:50%;background:#20BEC6;box-shadow:0 0 0 3px #EAF7F8}
.xtab .xlinks{margin:4px 0 0;font-size:14px;color:#5A6B79}
.xtab ul.xfeat{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.xtab .xfeat li{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;border:1px solid #E2E9EE;border-radius:14px;padding:14px;background:#F7FAFB;list-style:none}
.xtab .xfeat li::before{display:none}
.xtab .xfeat span{grid-row:1/3;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#0E2537;color:#fff}
.xtab .xfeat span .ico{width:18px;height:18px}
.xtab .xfeat b{font:700 14px "Montserrat",sans-serif;color:#0E2537}
.xtab .xfeat em{font-style:normal;font-size:13px;color:#5A6B79}
.xtab .xpacks{display:grid;grid-template-columns:repeat(2,minmax(0,260px));gap:18px}
.xtab .xpacks figure{margin:0;display:grid;gap:10px}
.xtab .xpacks figure>span{height:300px;border:1.5px solid #20BEC6;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:12px;transition:border-color .2s}
.xtab .xpacks figure:hover>span{border-color:#EF4C7F}
.xtab .xpacks img{max-width:100%;max-height:272px;width:auto;height:auto;object-fit:contain}
.xtab .xpacks figcaption{font-size:13.5px;color:#5A6B79;display:grid;gap:2px}
.xtab .xpacks figcaption b{font:700 13px "Montserrat",sans-serif;color:#0E2537}
@media (max-width:900px){.xtab .xbrands,.xtab.xdel{grid-template-columns:1fr}.xtab ul.xfeat{grid-template-columns:1fr}}
@media (max-width:767px){.xtab .xb{grid-template-columns:80px minmax(0,1fr);gap:14px;padding:14px}.xtab .xblg{width:80px;height:80px}.xtab .xpacks{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.xtab .xpacks figure>span{height:220px;padding:8px}.xtab .xpacks img{max-height:200px}}
@media (prefers-reduced-motion:reduce){.xtab .xpacks figure>span{transition:none}}