/** Shopify CDN: Minification failed

Line 405:2 Unexpected "}"
Line 420:0 Unexpected "}"
Line 423:2 Expected identifier but found "."
Line 428:0 Unexpected "}"

**/
/* ============================================
   RUBBERMATTINGCO - PROFESSIONAL MOBILE CSS
   Screwfix-inspired clean trade design
   ============================================ */

@media screen and (max-width: 999px) {
  
  /* ============================================
     HEADER OVERHAUL
     ============================================ */
  
  /* Top utility bar */
  .header__wrapper,
  .header {
    background: #ffffff !important;
    box-shadow: none !important;
  }
  
  /* Hide original mobile nav toggle - we use bottom bar */
  .header__mobile-nav-toggle {
    display: none !important;
  }
  
  /* Clean header layout */
  .header__inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 16px !important;
    min-height: 56px !important;
  }
  
  /* Logo */
  .header__logo,
  .header__logo-image {
    max-height: 36px !important;
    width: auto !important;
  }
  
  /* Hide search in header on mobile - use bottom bar */
  .header__search-bar,
  .header__search-form,
  .header__search {
    display: none !important;
  }
  
  /* Account & Cart icons in header */
  .header__action-list {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
  }
  
  .header__action-item {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  
  .header__action-item .icon {
    width: 24px !important;
    height: 24px !important;
    color: #1a1a1a !important;
  }
  
  /* Hide cart count badge in header - show in bottom bar */
  .header__action-item .header__cart-count {
    display: none !important;
  }
  
  /* ============================================
     ANNOUNCEMENT BAR - Clean Promo Style
     ============================================ */
  .announcement-bar,
  #shopify-section-announcement-bar {
    background: #1a5276 !important;
    color: #fff !important;
  }
  
  .announcement-bar__content {
    font-size: 13px !important;
    font-weight: 500 !important;
    padding: 10px 16px !important;
  }
  
  /* ============================================
     PRODUCT PAGE - Clean Professional Layout
     ============================================ */
  
  /* Gallery - Full width, clean */
  .product-gallery,
  .product__media-list {
    margin: 0 !important;
    padding: 0 !important;
  }
  
  .product-gallery__image {
    border-radius: 0 !important;
  }
  
  /* Hide thumbnail strip on mobile */
  .product-gallery__thumbnail-list {
    display: none !important;
  }
  
  /* Product info section */
  .product-block-list__item--info {
    padding: 20px 16px !important;
    background: #fff !important;
  }
  
  /* Product title */
  .product-meta__title,
  .product__title {
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: #1a1a1a !important;
    margin-bottom: 8px !important;
  }
  
  /* Vendor/SKU */
  .product-meta__vendor,
  .product-meta__sku {
    font-size: 12px !important;
    color: #6b7280 !important;
    margin-bottom: 4px !important;
  }
  
  /* Rating */
  .product-meta__reviews-badge,
  .loox-rating {
    margin: 8px 0 !important;
  }
  
  /* Price - Prominent */
  .product-meta__price-list-container,
  .price-list {
    margin: 16px 0 !important;
  }
  
  .price--highlight,
  .price {
    font-size: 26px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
  }
  
  .price--compare {
    font-size: 16px !important;
    color: #9ca3af !important;
    text-decoration: line-through !important;
  }
  
  /* ============================================
     VARIANT SELECTORS - Clean Dropdowns
     ============================================ */
  .product-form__option {
    margin-bottom: 16px !important;
  }
  
  .product-form__option-name {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    margin-bottom: 8px !important;
  }
  
  .product-form__option select,
  .product-form__option .select-wrapper select {
    width: 100% !important;
    height: 48px !important;
    padding: 0 16px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    border: 2px solid #e5e5e5 !important;
    border-radius: 6px !important;
    background: #fff !important;
    color: #1a1a1a !important;
    appearance: none !important;
    -webkit-appearance: none !important;
  }
  
  .product-form__option select:focus {
    border-color: #f39c12 !important;
    outline: none !important;
  }
  
  /* Swatch buttons */
  .color-swatch,
  .block-swatch {
    min-width: 44px !important;
    min-height: 44px !important;
    border-radius: 6px !important;
  }
  
  /* ============================================
     COLLECTION PAGES - Clean Grid
     ============================================ */
  
  /* Force 2-column grid */
  .product-list,
  .collection__product-list {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
    padding: 12px !important;
  }
  
  /* Product cards */
  .product-item {
    background: #fff !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.08) !important;
    overflow: hidden !important;
    padding: 0 !important;
  }
  
  .product-item__image-wrapper {
    border-radius: 8px 8px 0 0 !important;
    overflow: hidden !important;
  }
  
  .product-item__info {
    padding: 12px !important;
  }
  
  .product-item__title {
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    color: #1a1a1a !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    margin-bottom: 8px !important;
  }
  
  .product-item__price {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
  }
  
  /* Quick add button */
  .product-item__action-list {
    padding: 0 12px 12px !important;
  }
  
  .product-item__action-button {
    width: 100% !important;
    height: 44px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    background: #f39c12 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
  }
  
  /* ============================================
     COLLECTION HEADER
     ============================================ */
  .collection__header {
    padding: 16px !important;
    text-align: center !important;
  }
  
  .collection__title {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin-bottom: 4px !important;
  }
  
  .collection__products-count {
    font-size: 14px !important;
    color: #6b7280 !important;
  }
  
  /* Toolbar */
  .collection__toolbar {
    padding: 12px 16px !important;
    background: #f9fafb !important;
    border-bottom: 1px solid #e5e5e5 !important;
  }
  
  .collection__toolbar select {
    height: 40px !important;
    padding: 0 12px !important;
    font-size: 14px !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 6px !important;
    background: #fff !important;
  }
  
  /* ============================================
     BUTTONS - Consistent Touch Targets
     ============================================ */
  .button,
  button,
  [type="submit"] {
    min-height: 48px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
  }
  
  .button--primary {
    background: #1a1a1a !important;
    color: #fff !important;
    border: none !important;
  }
  
  .button--secondary {
    background: #f39c12 !important;
    color: #fff !important;
    border: none !important;
  }
  
  /* ============================================
     TRUST ELEMENTS
     ============================================ */
  .trust-badges,
  .bb-trust {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 12px !important;
    padding: 16px !important;
    background: #f9fafb !important;
    border-top: 1px solid #e5e5e5 !important;
  }
  
  /* ============================================
     HIDE UNNECESSARY ELEMENTS ON MOBILE
     ============================================ */
  
  /* Hide breadcrumbs on mobile */
  .breadcrumb {
    display: none !important;
  }
  
  /* Hide desktop-only elements */
  .shopify-section--header .header__search-form,
  .header__inline-navigation {
    display: none !important;
  }
  
  /* ============================================
     SPACING & TYPOGRAPHY
     ============================================ */
  body {
    font-size: 15px !important;
    line-height: 1.5 !important;
    color: #1a1a1a !important;
    -webkit-text-size-adjust: 100% !important;
  }
  
  /* Prevent horizontal scroll */
  html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }
  
  /* Ensure images don't overflow */
  img {
    max-width: 100% !important;
    height: auto !important;
  }
  
  /* ============================================
     SAFE AREA INSETS (iPhone notch)
     ============================================ */
  .rmc-mobile-bar {
    padding-bottom: env(safe-area-inset-bottom, 0) !important;
  }
  
  body {
    padding-bottom: calc(70px + env(safe-area-inset-bottom, 0)) !important;
  }
}
/* ============================================
   HIDE OLD TOP BAR ON MOBILE
   Replace with clean action bar design
   ============================================ */
@media screen and (max-width: 999px) {
  /* Hide the old green header top bar */
  .header-top-bar,
  .header__top-bar,
  .top-bar,
  #shopify-section-header-top-bar,
  [class*="header-top"],
  [class*="top-bar"],
  .announcement-bar__wrapper,
  }
  
  /* Also hide any pre-header sections */
  .shopify-section--header-top-bar {
    display: none !important;
  }
  
  /* Clean up header spacing */
  .shopify-section--header {
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
  }
  
  .header {
    padding-top: 0 !important;
  }
}
/* Hide old PTB top bar on mobile - replaced by action bar */
@media screen and (max-width: 999px) {
  .ptb,
  .ptb__i,
  [class*="custom_html_QUCc9Y"],
    display: none !important;
  }
}

/* ============================================
   HIDE OLD TOP BAR ON MOBILE
   Be specific - don't hide the actual header
   ============================================ */
@media screen and (max-width: 999px) {
  /* Hide only the PTB (green bar) - not the header */
  .ptb {
    display: none !important;
  }
  
  /* Ensure header stays visible */
  .header,
  .header__wrapper,
  .header__inner,
  .shopify-section--header,
  [data-section-type="header"] {
    display: block !important;
    visibility: visible !important;
  }
  
  .header__logo,
  .header__logo-link,
  .header__logo-image {
    display: block !important;
    visibility: visible !important;
  }
}