/** Shopify CDN: Minification failed

Line 1259:3 Unexpected "/"

**/
    .dt-sc-page-header,.page-header-section,[data-section-type="page-header"],
    [data-section-type="breadcrumb"],.breadcrumb-banner,.dt-sc-breadcrumb-banner,
    .dt-sc-title-section,[class*="breadcrumb-banner"],[class*="page-banner"],
    [class*="page-header"],[class*="title-section"],.template-product nav.breadcrumb { display:none !important; }

   .oork-info-card select:not([id*="ProductSelect"]),
    .oork-info-card .selector-wrapper,.oork-info-card .product-form__variants,
    .oork-info-card .product-select-block,.oork-info-card .main-product-select,
    .oork-info-card [id*="SingleOption"] {
      display:none !important; visibility:hidden !important; opacity:0 !important;
      height:0 !important; max-height:0 !important; overflow:hidden !important;
      pointer-events:none !important; position:absolute !important; clip:rect(0,0,0,0) !important;
    }

    .oork-prod-hero,.oork-main-product-wrap,.oork-section {
      box-sizing:border-box !important; width:100% !important; max-width:100% !important; overflow-x:hidden !important;
    }

    body { background:#eef7f2 !important; }

    .oork-main-product-wrap { background:#eef7f2; padding:40px 20px 50px; }
    .oork-product-grid { max-width:1200px; margin:0 auto; display:grid; grid-template-columns:1fr 100px 1fr; gap:24px; align-items:start; }

    .oork-pill-best-wrap { 
  margin-top:0 !important; 
  margin-bottom:0 !important; 
}

.oork-pill-row { 
  align-items:flex-end !important; 
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}

.oork-size-block {
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}
.oork-pill {
  display:inline-flex !important;
  flex-direction:column !important;
  align-items:center !important;
  line-height:1.2 !important;
}

.oork-perml {
  font-size:10px !important;
  font-weight:600 !important;
  color:#5c7c6f !important;
  margin-top:2px !important;
  display:block !important;
  line-height:1 !important;
}

.oork-pill--active .oork-perml {
  color:rgba(255,255,255,0.85) !important;
}

    @keyframes oorkToastIn {
  from { opacity:0; transform:translateX(20px); }
  to   { opacity:1; transform:translateX(0); }
}
@media(max-width:768px){
  #oork-cart-toast { width:calc(100vw - 32px) !important; right:16px !important; }
}

    /* GALLERY */
    .oork-main-img { border-radius:20px; }
    .oork-gallery-col { position:relative; min-width:0; }
    .oork-main-img-wrap { position:relative; border-radius:20px; overflow:visible !important;; box-shadow:0 8px 32px rgba(26,122,85,0.10); cursor:zoom-in; background:#eef7f2; aspect-ratio:1/1; min-height:520px; display:flex; align-items:center; justify-content:center; }
    .oork-main-img { width:100%; height:100%; display:block; object-fit:cover; transition:transform 0.3s ease; }
    .oork-main-img-wrap.zoomed { cursor:zoom-out; }
    .oork-main-img-wrap.zoomed .oork-main-img { transform:scale(2.2); }
    .oork-main-img-wrap.zoomed .oork-arr,.oork-main-img-wrap.zoomed .oork-img-dots { display:none !important; }
    .oork-arr { position:absolute; top:50%; transform:translateY(-50%); z-index:10; background:rgba(255,255,255,0.95); border:2px solid #1a7a55; border-radius:50%; width:40px; height:40px; display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 3px 12px rgba(26,122,85,0.2); color:#1a7a55; transition:all 0.2s; padding:0; }
    .oork-arr:hover { background:#1a7a55; color:#fff; }
    .oork-arr svg { width:18px; height:18px; }
    .oork-arr--prev { left:10px; }
    .oork-arr--next { right:10px; }
    .oork-img-dots { position:absolute; bottom:12px; left:50%; transform:translateX(-50%); display:flex; gap:6px; }
    .oork-dot { width:7px; height:7px; border-radius:50%; background:rgba(26,122,85,0.3); cursor:pointer; transition:background 0.2s,transform 0.2s; }
    .oork-dot--active { background:#1a7a55; transform:scale(1.3); }

    /* NEW — add touch-action */
.oork-thumb-strip { 
  display:flex; gap:8px; margin-top:12px; flex-wrap:nowrap; 
  overflow-x:auto; padding-bottom:4px; 
  scroll-snap-type:x mandatory; 
  -webkit-overflow-scrolling:touch; 
  scrollbar-width:none;
  touch-action:pan-x;
  cursor:grab;
}
.oork-thumb-strip::-webkit-scrollbar { display:none; }
    .oork-thumb { flex:0 0 60px; width:60px; height:60px; border-radius:10px; overflow:hidden; border:2px solid transparent; cursor:pointer; background:#fff; padding:0; transition:border-color 0.2s; }
    .oork-thumb img { width:100%; height:100%; object-fit:cover; }
    .oork-thumb--active { border-color:#1a7a55; }

    /* BADGE COL */
    .oork-badge-col { display:flex; flex-direction:column; align-items:center; min-width:0; }
    .oork-badge-strip { display:flex; flex-direction:column; gap:10px; width:100%; }
    .oork-badge-item { background:#fff; border:1px solid rgba(26,122,85,0.12); border-radius:14px; padding:14px 8px; display:flex; flex-direction:column; align-items:center; gap:6px; text-align:center; box-shadow:0 2px 8px rgba(26,122,85,0.07); transition:transform 0.2s,box-shadow 0.2s; }
    .oork-badge-item:hover { transform:translateY(-2px); box-shadow:0 6px 18px rgba(26,122,85,0.13); }
 .oork-badge-icon { width:52px; height:52px; }
    .oork-badge-icon svg { width:100%; height:100%; }
    .oork-badge-item span { font-size:10px; font-weight:700; color:#245b46; line-height:1.3; }

    /* INFO CARD */
    .oork-info-col { display:flex; min-width:0; }
    .oork-info-card { background:rgba(255,255,255,0.9); border:1px solid rgba(26,122,85,0.1); border-radius:24px; padding:28px 24px; box-shadow:0 12px 40px rgba(26,122,85,0.09); width:100%; min-width:0; box-sizing:border-box; display:flex; flex-direction:column; gap:10px; overflow:hidden; }
    .oork-info-title { font-size:22px; font-weight:700; color:#1a7a55; margin:0; line-height:1.3; word-break:break-word; white-space:normal; text-transform:capitalize; }
  .oork-tamil-name { font-size:15px; font-weight:600; color:#5c7c6f; margin:-10px 0 0; letter-spacing:0.5px; font-style:italic; white-space:nowrap; }
    .oork-info-sub { font-size:11px; font-weight:700; color:#5c7c6f; letter-spacing:1.2px; margin:-12px 0 0; white-space:normal; word-break:break-word; }

    /* PRICE */
    .oork-price-block { display:flex; flex-direction:column; gap:2px; }
    .oork-price-label { font-size:12px; color:#7a9e90; font-weight:600; text-transform:uppercase; letter-spacing:0.8px; }
.oork-price-row { display:flex; align-items:center; gap:10px; flex-wrap:nowrap; }
    .oork-price-current { font-size:28px; font-weight:800; color:#1a7a55; }
    .oork-price-compare { font-size:16px; color:#9ab0a8; text-decoration:line-through; }
    .oork-save-badge { background:#ffe5e5; color:#d62828; font-size:12px; font-weight:700; padding:3px 10px; border-radius:999px; border:1px solid #ffb3b3; }
.oork-tax-note { font-size:12px; color:#8aa296; margin:0; display:inline; }

    /* SIZE PILLS */
    .oork-option-label { font-size:13px; font-weight:700; color:#245b46; display:block; margin-bottom:8px; }
 .oork-pill-row { display:flex; gap:8px; flex-wrap:nowrap; align-items:flex-end; }
.oork-pill-wrap { display:inline-flex; flex-direction:column; align-items:center; gap:2px; }
.oork-pill { padding:12px 24px; border-radius:10px;border:2px solid rgba(26,122,85,0.25); background:#fff; font-size:13px; font-weight:600; color:#245b46; cursor:pointer; transition:all 0.2s; text-decoration:none; display:inline-block; }
    .oork-pill--static { cursor:default !important; pointer-events:none !important; }
    /* .oork-pill:hover { border-color:#1a7a55; background:#f2faf6; } */
    .oork-pill--active { background:#1a7a55; color:#fff; border-color:#1a7a55; }
    .oork-pill[data-title="Default Title"] { display:none !important; }
.oork-pill-row { align-items:flex-end !important; }
.oork-pill-wrap { vertical-align:bottom; }
.oork-best-value-badge { 
  font-size:9px; font-weight:700; color:#1a7a55; 
  background:#e8f5ee; border:1px solid #1a7a55;
  padding:2px 8px; border-radius:999px; 
  white-space:nowrap; display:block; margin-bottom:2px;
}
.oork-pill-best-wrap { position:relative; display:inline-block; margin-top:12px; }
.oork-pill-best-wrap .oork-best-label {
  position:absolute;
  top:-12px;
  left:50%;
  transform:translateX(-50%);
  font-size:11px;
  font-weight:700;
  color:#fff;
  background: #e19d2fff;

  padding:2px 10px;
  border-radius:4px;
  white-space:nowrap;
  z-index:2;
  line-height:1.6;
}
.oork-pill--1l { padding-top:14px !important; min-width:90px !important; text-align:center !important; padding-left:24px !important; padding-right:24px !important; }
.oork-pill-best-wrap { margin-top:8px !important; }
.oork-pill { display:inline-flex; flex-direction:column; align-items:center; line-height:1.2; }
.oork-best-inline { font-size:9px; font-weight:700; color:#1a7a55; display:block; margin-top:1px; line-height:1; }
.oork-pill--active .oork-best-inline { color:rgba(255,255,255,0.9); }
    /* BEST VALUE BADGE */
   

    /* COMBO */
    .oork-combo-includes { background:#f2faf6; border:1.5px solid #cce8d8; border-radius:14px; padding:12px; width:100%; }
    .oork-combo-includes-header { display:flex; align-items:center; gap:6px; margin-bottom:8px; font-size:12px; font-weight:700; color:#1a7a55; }
    .oork-combo-count { margin-left:auto; background:#1a7a55; color:#fff; font-size:10px; font-weight:700; padding:2px 8px; border-radius:999px; }
    .oork-combo-items { display:flex; flex-direction:row; flex-wrap:wrap; gap:6px; }
    .oork-combo-item { display:inline-flex; align-items:center; gap:5px; background:#fff; border:1px solid #e0f0e8; border-radius:20px; padding:4px 10px; font-size:11px; font-weight:600; color:#1a2e1a; }
    .oork-combo-emoji { font-size:14px; flex-shrink:0; }
    .oork-combo-note { display:flex; align-items:center; gap:5px; font-size:10px; color:#5c7c6f; margin-top:4px; padding:0 2px; }

    /* QTY */
    .oork-qty-block { display:flex; flex-direction:column; gap:6px; }
    .oork-qty-wrap { display:inline-flex !important; align-items:center !important; border:2px solid rgba(26,122,85,0.25) !important; border-radius:999px !important; overflow:hidden !important; width:fit-content !important; background:#fff !important; }
    .oork-q-btn { width:40px !important; height:40px !important; border:none !important; background:#f4f9f4 !important; color:#1a7a55 !important; font-size:20px !important; font-weight:600 !important; cursor:pointer !important; display:flex !important; align-items:center !important; justify-content:center !important; padding:0 !important; margin:0 !important; flex-shrink:0 !important; line-height:1 !important; }
    .oork-q-btn:hover { background:#1a7a55 !important; color:#fff !important; }
    .oork-q-num { min-width:40px !important; text-align:center !important; font-size:16px !important; font-weight:700 !important; color:#1a7a55 !important; padding:0 8px !important; user-select:none !important; }

/* Tighten Size-Qty to Buttons gap */
.oork-size-qty-row + * { margin-top:10px !important; }
.oork-size-block { margin-bottom:0 !important; }
.oork-qty-block { margin-bottom:0 !important; }
.oork-btn-group { margin-top:10px !important; }
    .oork-size-block { flex:1; min-width:0; }
.oork-size-block { flex:1; min-width:0; margin-bottom:0 !important; padding-bottom:0 !important; }
.oork-qty-block { margin-bottom:0 !important; padding-bottom:0 !important; }
    /* BUTTONS - DESKTOP */
    .oork-btn-group { display:grid !important; grid-template-columns:1fr 1fr !important; gap:12px !important; margin-top:auto; }
    .oork-btn-group .shopify-payment-button { margin:0 !important; width:100% !important; }
    .oork-btn-group .shopify-payment-button__button,
    .oork-btn-group .shopify-payment-button__button--unbranded {
    background:#FFBD25 !important; color:transparent !important;
border-radius:14px !important; min-height:44px !important; height:44px !important;
      font-weight:700 !important; font-size:0 !important; width:100% !important; position:relative !important;
      box-shadow:0 8px 24px rgba(255,189,37,0.4) !important;
    }
    .oork-btn-group .shopify-payment-button__button::after,
    .oork-btn-group .shopify-payment-button__button--unbranded::after {
      content:'Buy Now' !important; font-size:16px !important; font-weight:700 !important; color:#000 !important;
      position:absolute !important; left:50% !important; top:50% !important; transform:translate(-50%,-50%) !important;
      white-space:nowrap !important; pointer-events:none !important;
    }
    .oork-btn-group .shopify-payment-button__button:hover,
    .oork-btn-group .shopify-payment-button__button--unbranded:hover {
      background:#FFBD25 !important; transform:translateY(-3px) !important;
      box-shadow:0 12px 28px rgba(255,189,37,0.5) !important; transition:all 0.25s ease !important;
    }
    .oork-btn { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; border-radius:14px; font-size:14px; font-weight:700; cursor:pointer; border:none; transition:all 0.25s; }
   .oork-btn--cart {
  background:linear-gradient(135deg,#1a7a55,#155f42) !important; color:#fff !important;
  box-shadow:0 8px 24px rgba(26,122,85,0.25) !important; min-height:44px !important; height:44px !important;
  border-radius:14px !important; font-size:14px !important; font-weight:700 !important; width:100% !important;
  display:flex !important; align-items:center !important; justify-content:center !important; gap:6px !important; padding:0 !important;
}
    .oork-btn--cart:hover { transform:translateY(-3px) !important; box-shadow:0 12px 28px rgba(26,122,85,0.4) !important; background:linear-gradient(135deg,#1e8f63,#1a7a55) !important; }
    .oork-btn--cart svg { width:16px !important; height:16px !important; flex-shrink:0 !important; }

    /* MINI SHELF */
    .oork-mini-shelf { display:flex; flex-wrap:wrap; padding:6px 10px; gap:4px 12px; border-radius:8px; background:#f2faf6; border:1px solid rgba(26,122,85,0.15); }
    .oork-mini-shelf span { font-size:10px; font-weight:600; color:#245b46; }

    /* DELIVERY BANNER */
    .oork-delivery-banner { display:flex; align-items:center; justify-content:center; gap:10px; padding:14px 16px; border-radius:14px; background:#1a2e1a; border:none; font-size:14px; font-weight:700; color:#fff; box-shadow:0 4px 16px rgba(0,0,0,0.2); }
    .oork-delivery-banner svg { width:18px; height:18px; flex-shrink:0; color:#4ade80; }
    .oork-delivery-banner strong { color:#4ade80 !important; }

    /* TRUST STRIP */
    .oork-trust-strip { display:flex; gap:12px; flex-wrap:wrap; padding-top:14px; border-top:1px dashed rgba(26,122,85,0.15); }
    .oork-trust-item { display:flex; align-items:center; gap:5px; font-size:11px; color:#5c7c6f; font-weight:600; }

    /* SECTIONS */
    .oork-section { padding:30px 20px; background:#eef7f2; }
    .oork-section:nth-child(even) { background:#fff; }
    .oork-section-inner { max-width:1100px; margin:0 auto; }
    .oork-section-title { font-size:30px; font-weight:700; color:#1a7a55; margin:0 0 8px; text-align:center; }
    .oork-section-sub { text-align:center; color:#7a9e90; font-size:15px; margin:0 0 14px; }

    /* ABOUT */
    .oork-about-section { background:#eef7f2; }
    .oork-about-grid { display:grid; grid-template-columns:420px 1fr; gap:30px; align-items:start; }
    .oork-why-card { background:#1a7a55; border-radius:24px; overflow:hidden; box-shadow:0 12px 30px rgba(26,122,85,0.15); position:sticky; top:20px; }
    .oork-why-top { padding:24px; border-bottom:1px solid rgba(255,255,255,0.08); }
    .oork-why-mini { font-size:11px; letter-spacing:2px; color:rgba(255,255,255,0.6); display:block; margin-bottom:6px; }
    .oork-why-top h3 { color:#fff; font-size:28px; margin:0; }
    .oork-why-table { display:flex; flex-direction:column; }
    .oork-why-row { display:grid; grid-template-columns:160px 1fr; gap:18px; padding:20px 24px; border-bottom:1px solid rgba(255,255,255,0.08); }
    .oork-why-left { color:#fff; font-size:14px; font-weight:700; line-height:1.5; }
    .oork-why-right { color:rgba(255,255,255,0.75); font-size:13px; line-height:1.8; }

    /* ACCORDION */
    .oork-accordion-wrap { display:flex; flex-direction:column; gap:16px; }
    .oork-acc-item { background:#fff !important; border:1px solid rgba(26,122,85,0.08) !important; border-radius:18px !important; overflow:hidden !important; box-shadow:0 4px 18px rgba(26,122,85,0.06) !important; }
    .oork-acc-btn { width:100%; border:none !important; background:#fff !important; display:flex; align-items:center; justify-content:space-between; padding:22px 24px; cursor:pointer; font-size:15px; font-weight:700; color:#1a7a55 !important; }
    .oork-acc-btn:hover { background:#f7fbf8 !important; }
    .oork-acc-icon { width:18px; height:18px; transition:0.3s ease; }
    .oork-acc-item.active .oork-acc-icon { transform:rotate(180deg); }
    .oork-acc-body { display:none; padding:0 24px 24px; background:#fff !important; }
    .oork-acc-item.active .oork-acc-body { display:block; }
    .oork-acc-content { color:#476458 !important; font-size:14px; line-height:1.9; }
    .oork-acc-content ul { padding-left:18px; }

    /* PROCESS */
    .oork-process-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
    .oork-process-card { background:#fff !important; border-radius:20px; padding:28px 24px; text-align:center; border:1px solid rgba(26,122,85,0.18) !important; box-shadow:0 4px 20px rgba(26,122,85,0.10) !important; position:relative; transition:transform 0.3s,box-shadow 0.3s; }
    .oork-process-card:hover { transform:translateY(-4px); box-shadow:0 12px 32px rgba(26,122,85,0.12) !important; }
    .oork-process-num { position:absolute; top:16px; left:20px; font-size:11px; font-weight:800; color:rgba(26,122,85,0.3); letter-spacing:1px; }
    .oork-process-icon { width:64px; height:64px; margin:0 auto 16px; }
    .oork-process-icon svg { width:100%; height:100%; }
    .oork-process-title { font-size:17px; font-weight:700; color:#1a7a55 !important; margin:0 0 10px; }
    .oork-process-desc { font-size:14px; color:#5c7c6f !important; line-height:1.7; margin:0; }

    /* VIDEO */
    .oork-video-wrapper { position:relative; padding-bottom:56.25%; height:0; border-radius:16px; overflow:hidden; box-shadow:0 8px 32px rgba(26,122,85,0.15); max-width:860px; margin:0 auto; }
    .oork-video-wrapper iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:none; }

    /* SHELF LIFE COMPACT */
    .oork-shelflife-section { background:#fff !important; }
    .oork-shelf-compact { max-width:500px; margin:0 auto; background:#fff; border-radius:16px; border:1px solid rgba(26,122,85,0.15); overflow:hidden; box-shadow:0 6px 24px rgba(26,122,85,0.08); }
    .oork-shelf-compact-top { background:#1a7a55; padding:12px 18px; display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
    .oork-shelf-compact-num { font-size:20px; font-weight:800; color:#fff; white-space:nowrap; }
    .oork-shelf-compact-note { font-size:11px; color:rgba(255,255,255,0.85); line-height:1.5; }
    .oork-shelf-compact-grid { display:grid; grid-template-columns:1fr 1fr; gap:0; }
    .oork-shelf-compact-item { padding:10px 16px; font-size:12px; font-weight:600; color:#245b46; border-bottom:1px solid rgba(26,122,85,0.08); border-right:1px solid rgba(26,122,85,0.08); }
    .oork-shelf-compact-item:nth-child(even) { border-right:none; }
    .oork-shelf-footer { text-align:center; padding:10px 16px; font-size:11px; color:#7a9e90; font-style:italic; margin:0; }

    /* HIGHLIGHTS */
    .oork-highlights-section { padding:80px 20px; background:#eef7f2; }
    .oork-hl-layout { display:grid; grid-template-columns:1fr; gap:24px; margin-top:40px; align-items:stretch; }
    .oork-hl-layout--combo { grid-template-columns:repeat(3,1fr); }
    .oork-hl-card { background:#ffffff; border-radius:24px; overflow:hidden; box-shadow:0 10px 30px rgba(0,0,0,0.06); width:100%; display:flex; flex-direction:column; transition:0.3s ease; }
    .oork-hl-card:hover { transform:translateY(-4px); }
    .oork-hl-img-wrap { position:relative; width:100%; overflow:hidden; background:#f5f5f5; }
    .oork-hl-img-wrap img { width:100%; height:auto; display:block; object-fit:contain; }
    .oork-hl-caption { padding:18px; text-align:center; font-size:15px; font-weight:600; color:#1a1a1a; line-height:1.5; background:#fff; }

    /* RELATED */
    .oork-related-wrap { position:relative; display:flex; align-items:center; gap:12px; }
    .oork-rel-arr { flex-shrink:0; width:40px; height:40px; border-radius:50%; border:1.5px solid rgba(26,122,85,0.3); background:#fff; color:#1a7a55; cursor:pointer; display:flex; align-items:center; justify-content:center; box-shadow:0 2px 8px rgba(26,122,85,0.10); transition:all 0.2s; padding:0; z-index:2; }
    .oork-rel-arr:hover { background:#1a7a55; color:#fff; border-color:#1a7a55; }
    .oork-rel-arr svg { width:16px; height:16px; }
    .oork-related-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; flex:1; overflow:hidden; min-width:0; width:100%; }
    .oork-related-card { background:#fff; border-radius:16px; overflow:hidden; border:1px solid rgba(26,122,85,0.1); text-decoration:none; transition:transform 0.3s,box-shadow 0.3s; box-shadow:0 4px 14px rgba(26,122,85,0.06); }
    .oork-related-card:hover { transform:translateY(-4px); box-shadow:0 12px 28px rgba(26,122,85,0.13); }
    .oork-related-img { overflow:hidden; }
    .oork-related-img img { width:100%; height:auto; display:block; transition:transform 0.4s; }
    .oork-related-card:hover .oork-related-img img { transform:scale(1.05); }
    .oork-related-info { padding:14px 16px; display:flex; flex-direction:column; gap:4px; flex:1; }
    .oork-related-title { font-size:13px; font-weight:700; color:#245b46; margin:0 0 6px; line-height:1.3; display:-webkit-box !important; -webkit-line-clamp:2 !important; -webkit-box-orient:vertical !important; overflow:hidden !important; }
    .oork-related-price { font-size:15px; font-weight:800; color:#1a7a55; }

    @media (max-width:768px) {
      .oork-related-grid { grid-template-columns:repeat(2,1fr) !important; gap:10px !important; }
      .oork-related-card { min-width:0 !important; overflow:hidden !important; }
      .oork-rel-q-btn { width:22px !important; height:32px !important; min-width:22px !important; font-size:15px !important; }
      .oork-rel-q-num { font-size:12px !important; line-height:32px !important; width:18px !important; min-width:18px !important; }
      .oork-rel-qty { height:32px !important; width:62px !important; min-width:62px !important; flex-shrink:0 !important; }
      .oork-rel-atc-btn { height:32px !important; font-size:11px !important; border-radius:999px !important; padding:0 8px !important; white-space:nowrap !important; flex:1 !important; min-width:0 !important; }
      .oork-rel-atc-row { gap:5px !important; }
      .oork-rel-info { padding:8px 8px 10px !important; gap:4px !important; overflow:hidden !important; }
      .oork-rel-size-pill { font-size:9px !important; padding:2px 6px !important; flex-shrink:0 !important; }
      .oork-rel-title-row { gap:4px !important; }
      .oork-related-title { font-size:11px !important; -webkit-line-clamp:2 !important; word-break:break-word !important; }
      .oork-related-price { font-size:11px !important; white-space:nowrap !important; }
      .oork-rel-compare { font-size:9px !important; white-space:nowrap !important; }
      .oork-rel-price-row { gap:3px !important; flex-wrap:nowrap !important; overflow:hidden !important; }
    }
    .oork-rel-card-new { display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;border:1px solid rgba(26,122,85,0.1);box-shadow:0 4px 14px rgba(26,122,85,0.06); }
    .oork-rel-img-link { display:block;text-decoration:none;position:relative; }
    .oork-rel-off-badge { position:absolute;top:8px;left:8px;background:#d62828;color:#fff;font-size:10px;font-weight:800;padding:3px 9px;border-radius:20px;z-index:2;white-space:nowrap; }
    .oork-rel-info { padding:10px 12px 12px;display:flex;flex-direction:column;gap:6px;flex:1; }
    .oork-rel-title-row { display:flex;align-items:flex-start;justify-content:space-between;gap:6px; }
    .oork-rel-size-pill { background:transparent !important;color:#1a7a55 !important;font-size:11px !important;font-weight:700 !important;padding:3px 10px !important;border-radius:999px !important;border:1.5px solid #1a7a55 !important;white-space:nowrap !important;flex-shrink:0 !important;align-self:center !important; }
    .oork-rel-price-row { display:flex;align-items:center;gap:6px;flex-wrap:wrap; }
    .oork-rel-compare { font-size:12px;color:#bbb;text-decoration:line-through; }
    .oork-rel-atc-row { display:flex !important;flex-direction:row !important;align-items:center !important;gap:8px !important;width:100% !important;margin-top:4px !important;flex-wrap:nowrap !important; }
    .oork-rel-qty { display:inline-flex !important;flex-direction:row !important;align-items:center !important;border:1px solid #ccc !important;border-radius:999px !important;background:#fff !important;flex-shrink:0 !important;height:38px !important;width:88px !important;justify-content:space-between !important;overflow:hidden !important;box-sizing:border-box !important; }
    .oork-rel-q-btn { width:30px !important;height:38px !important;min-width:30px !important;border:none !important;background:transparent !important;color:#555 !important;font-size:18px !important;font-weight:400 !important;cursor:pointer !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:0 !important;margin:0 !important;line-height:1 !important;flex-shrink:0 !important;vertical-align:middle !important; }
    .oork-rel-q-btn:hover { color:#000 !important; }
    .oork-rel-q-num { flex:1 !important;text-align:center !important;font-size:14px !important;font-weight:600 !important;color:#1a2e1a !important;user-select:none !important;line-height:38px !important;display:block !important; }
    .oork-rel-atc-btn {margin-bottom:10px !important; flex:1 !important;min-width:0 !important;height:38px !important;background:#1a7a55 !important;color:#fff !important;border:none !important;border-radius:999px !important;font-size:13px !important;font-weight:700 !important;cursor:pointer !important;transition:all 0.2s !important;white-space:nowrap !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:0 12px !important;box-sizing:border-box !important; }
    .oork-rel-atc-btn:hover { background:#155f42 !important; }

    /* FAQ */
    .oork-faq-two-col { display:grid; grid-template-columns:1fr 1fr; gap:20px; align-items:start; }
    .oork-faq-list { display:flex; flex-direction:column; gap:8px; }
    .oork-faq-item { background:#fff !important; border:1px solid rgba(26,122,85,0.12) !important; border-radius:16px !important; overflow:hidden !important; box-shadow:0 2px 10px rgba(26,122,85,0.05) !important; }
    .oork-faq-q { width:100%; display:flex; align-items:center; justify-content:space-between; padding:14px 22px; background:none !important; border:none; cursor:pointer; font-size:15px; font-weight:700; color:#245b46 !important; text-align:left; gap:10px; }
    .oork-faq-q:hover { background:#f7fbf8 !important; }
    .oork-faq-icon { width:20px; height:20px; flex-shrink:0; transition:transform 0.3s; color:#1a7a55; }
    .oork-faq-q[aria-expanded="true"] .oork-faq-icon { transform:rotate(180deg); }
    .oork-faq-a { padding:0 22px 18px; color:#476458 !important; font-size:14px; line-height:1.8; background:#fff !important; }
    .oork-faq-a p { margin:0; }

    html,body { overflow-x:hidden !important; }

    /* MOBILE BADGES - DESKTOP HIDE */
    .mobile-badge-wrap { display:none; }

    /* ===================== TABLET ===================== */
    @media (max-width:960px) {
      .oork-product-grid { grid-template-columns:1fr !important; gap:16px !important; }
      .oork-gallery-col { order:1; }
      .oork-info-col    { order:2; }
      .oork-badge-col   { order:3; }
      .oork-badge-strip { flex-direction:row; flex-wrap:nowrap; overflow-x:auto; gap:10px; padding-bottom:6px; -webkit-overflow-scrolling:touch; }
      .oork-badge-item  { flex:0 0 80px; min-width:80px; }
      .oork-process-grid { grid-template-columns:1fr; gap:16px; }
      .oork-related-grid { grid-template-columns:repeat(2,1fr); }
      .oork-about-grid   { grid-template-columns:1fr; }
      .oork-why-card     { position:relative; top:unset; }
      .oork-hl-layout,.oork-hl-layout--combo { grid-template-columns:1fr; gap:18px; }
    }

    /* ===================== MOBILE ===================== */
    @media (max-width:768px) {
      .oork-order-timeline { padding:10px 10px !important; gap:2px !important; }
      .oork-timeline-item { flex:1 !important; min-width:0 !important; }
      .oork-timeline-icon { width:28px !important; height:28px !important; }
      .oork-timeline-icon img { width:28px !important; height:28px !important; object-fit:contain !important; }
      .oork-timeline-date { font-size:9px !important; font-weight:800 !important; }
      .oork-timeline-label { font-size:8px !important; font-weight:600 !important; text-align:center !important; word-break:keep-all !important; white-space:nowrap !important; }
      .oork-timeline-line { flex:0 0 10px !important; margin-bottom:18px !important; }
      .oork-main-img-wrap { min-height:340px; border-radius:12px !important; }
      .oork-main-product-wrap { padding:16px 12px 20px !important; }
      .oork-thumb { flex:0 0 52px !important; width:52px !important; height:52px !important; }
      .oork-info-card { position:relative; padding:14px 12px !important; border-radius:18px !important; gap:10px !important; width:100% !important; box-sizing:border-box !important; }
      .oork-badge-col { display:none !important; }
      .mobile-badge-wrap { display:flex !important; position:absolute; top:8px; right:8px; flex-direction:column; gap:6px; z-index:5; width:80px; }
      .mobile-badge-wrap .oork-badge-item { width:80px !important; min-height:85px !important; padding:6px 4px !important; border-radius:12px !important; }
      .mobile-badge-wrap .oork-badge-icon { width:48px !important; height:48px !important; }
      .mobile-badge-wrap .oork-badge-icon svg { width:48px !important; height:48px !important; }
      .mobile-badge-wrap .oork-badge-item span { font-size:10px !important; line-height:1.2 !important; }
      .oork-info-title { font-size:20px !important; line-height:1.15 !important; max-width:calc(100% - 82px) !important; margin-bottom:4px !important; }
      .oork-tamil-name { margin-top:0 !important; margin-bottom:2px !important; max-width:calc(100% - 82px) !important; }
      .oork-info-sub { font-size:10px !important; margin-top:0 !important; margin-bottom:4px !important; max-width:calc(100% - 82px) !important; }
      .oork-price-row-2 { display:flex !important; align-items:center !important; gap:8px !important; flex-wrap:nowrap !important; max-width:calc(100% - 82px) !important; }
      .oork-price-current { font-size:22px !important; }
      .oork-price-row { flex-wrap:wrap !important; gap:6px !important; }
      .oork-price-label { font-size:11px !important; }
      .oork-tax-note { margin:0 !important; }
      .oork-size-qty-row { flex-direction:column !important; align-items:flex-start !important; gap:10px !important; width:100% !important; margin-top:4px !important; }
      .oork-size-block,.oork-qty-block { width:100% !important; box-sizing:border-box !important; }
      .oork-combo-includes { width:100% !important; box-sizing:border-box !important; }
      .oork-pill-row { flex-wrap:wrap !important; gap:6px !important; }
      .oork-pill { font-size:14px !important; padding:10px 18px !important; }
      .oork-btn-group { display:grid !important; grid-template-columns:1fr 1fr !important; gap:10px !important; width:100% !important; margin-top:10px !important; }
      .oork-btn-group .shopify-payment-button { width:100% !important; margin:0 !important; }
      .oork-btn-group .shopify-payment-button__button,
      .oork-btn-group .shopify-payment-button__button--unbranded { width:100% !important; height:50px !important; min-height:50px !important; border-radius:12px !important; font-size:0 !important; }
      .oork-btn-group .shopify-payment-button__button::after,
      .oork-btn-group .shopify-payment-button__button--unbranded::after { font-size:14px !important; }
      .oork-btn--cart { height:50px !important; min-height:50px !important; border-radius:12px !important; font-size:14px !important; width:100% !important; }
      .oork-btn--cart svg { width:14px !important; height:14px !important; }
      .oork-section { padding:24px 12px !important; }
      .oork-section-title { font-size:20px !important; }
      .oork-section-sub { font-size:13px !important; margin-bottom:16px !important; }
      .oork-highlights-section { padding:40px 12px !important; }
      .oork-hl-layout,.oork-hl-layout--combo { grid-template-columns:1fr !important; gap:16px !important; }
      .oork-hl-caption { font-size:14px !important; padding:12px !important; }
      .oork-process-grid { grid-template-columns:1fr !important; }
      .oork-process-card { padding:20px 16px !important; }
      .oork-related-wrap { gap:6px !important; }
      .oork-rel-arr { width:32px !important; height:32px !important; }
      .oork-related-grid { grid-template-columns:repeat(2,1fr) !important; gap:10px !important; }
      .oork-related-title { font-size:12px !important; }
      .oork-related-price { font-size:13px !important; }
      .oork-faq-q,.oork-acc-btn { font-size:13px !important; padding:14px !important; }
      .oork-faq-a,.oork-acc-body { padding:0 14px 14px !important; }
      .oork-faq-two-col { grid-template-columns:1fr !important; gap:0 !important; }
      .oork-faq-two-col .oork-faq-list + .oork-faq-list { margin-top:12px; }
      .oork-acc-btn { padding:16px !important; font-size:13px !important; }
      .oork-acc-body { padding:0 16px 18px !important; }
      .oork-about-grid { grid-template-columns:1fr !important; }
      .oork-why-card { position:relative !important; top:unset !important; }
      .oork-why-row { grid-template-columns:1fr !important; gap:8px !important; padding:16px !important; }
      .oork-shelf-compact { max-width:100% !important; }
      .oork-shelf-compact-grid { grid-template-columns:1fr !important; }
      .oork-shelf-compact-item { border-right:none !important; }
    }

    @media (max-width:380px) {
      .oork-info-title { font-size:17px !important; }
      .oork-pill { padding:6px 12px !important; font-size:12px !important; }
      .oork-q-btn { width:34px !important; height:34px !important; }
      .oork-q-num { font-size:14px !important; }
      .oork-related-grid { gap:8px !important; }
      .oork-section-title { font-size:18px !important; }
    }

    /* ORDER TIMELINE */
    .oork-order-timeline { display:flex; align-items:center; justify-content:space-between; background:#e8f5ee; border:2px solid #1a7a55; border-top:none; border-radius:0 0 14px 14px; padding:16px 20px; gap:4px; }
    .oork-timeline-item { display:flex; flex-direction:column; align-items:center; gap:5px; flex:1; }
    .oork-timeline-icon { width:36px; height:36px; }
    .oork-timeline-icon svg { width:100%; height:100%; }
    .oork-timeline-date { font-size:11px; font-weight:800; color:#1a7a55; text-align:center; }
    .oork-timeline-label { font-size:10px; font-weight:600; color:#5c7c6f; text-align:center; }
    .oork-timeline-line { flex:0 0 24px; height:2px; background:linear-gradient(90deg,#1a7a55,#4ade80); border-radius:2px; margin-bottom:18px; }

    @media (max-width:768px) {
      .oork-timeline-icon { width:28px !important; height:28px !important; }
      .oork-timeline-date { font-size:10px !important; }
      .oork-timeline-label { font-size:9px !important; }
      .oork-timeline-line { flex:0 0 12px !important; }
    }

    .oork-share-btn { position:absolute; top:48px; right:12px; z-index:10; width:54px; height:54px; border-radius:50%; color:#000; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:all 0.25s ease; padding:0; background:transparent; border:none; }
    .oork-share-btn svg { width:22px; height:22px; }
    .oork-main-img-wrap { position:relative !important; }
    .oork-wish-btn--combo { background:rgba(0,0,0,0.3) !important; box-shadow:none !important; top:18px !important; }
    .oork-wish-btn--combo svg { stroke:#fff !important; }
    .oork-wish-btn--combo.active svg { fill:#e84343 !important; stroke:#e84343 !important; }
    .oork-share-btn:hover { background:transparent; }
    .oork-wish-btn { position:absolute; top:12px; right:12px; z-index:10; width:56px; height:56px; border-radius:50%; background:transparent; border:none; box-shadow:none; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:all 0.25s ease; color:rgba(229,57,53,0.5); padding:0; }
    .oork-wish-btn svg { width:26px; height:26px; }
    .oork-wish-btn:hover { color:#e53935; filter:drop-shadow(0 3px 6px rgba(229,57,53,0.4)); }
    .oork-wish-btn.active { color:#e53935; }
    .oork-wish-btn.active svg { fill:#e53935; stroke:#e53935; }

    @media (max-width:768px) {
      .oork-main-img-wrap { overflow:hidden !important; border-radius:12px !important; aspect-ratio:1/1 !important; min-height:unset !important; width:100% !important; }
      .oork-main-img { width:100% !important; height:100% !important; object-fit:contain !important; object-position:center !important; }
      .oork-gallery-col { width:100% !important; }
    }

    .oork-share-btn--combo { color:#fff !important; background:rgba(0,0,0,0.3) !important; border-radius:50% !important; top:70px; width:44px !important; height:44px !important; }
    .oork-share-btn--combo:hover { background:rgba(0,0,0,0.5) !important; }
    .oork-share-btn { z-index:30 !important; }
    .oork-main-img-wrap { overflow:visible !important; }
    .oork-rel-arr { display:flex !important; }

    .oork-badge-item:nth-child(1) { background:#fff8e1 !important; border-color:#f9a825 !important; }
    .oork-badge-item:nth-child(1) span { color:#8a6500 !important; }
    .oork-badge-item:nth-child(2) { background:#fff8e1 !important; border-color:#f9a825 !important; }
    .oork-badge-item:nth-child(2) span { color:#8a6500 !important; }
    .oork-badge-item:nth-child(3) { background:#fff8e1 !important; border-color:#f9a825 !important; }
    .oork-badge-item:nth-child(3) span { color:#8a6500 !important; }
    .oork-badge-item:nth-child(4) { background:#fff8e1 !important; border-color:#f9a825 !important; }
    .oork-badge-item:nth-child(4) span { color:#8a6500 !important; }

    .oork-stars { color:#f9a825; font-size:16px; letter-spacing:2px; }
    .oork-rating-text { font-size:13px; font-weight:600; color:#5c7c6f; }

    @media only screen and (min-width:769px) {
      .oork-price-row-2 { display:block; }
      .oork-price-row-2 .oork-save-badge { display:inline-block; margin-bottom:4px; }
      .oork-price-row-2 .oork-tax-note { display:block; }
    }

    /* TRUST STRIP */
    .oork-pay-trust { border:1.5px solid rgba(26,122,85,0.2); border-radius:16px; overflow:hidden; background:#fff; }
   .oork-trust-desktop-row { display:flex; flex-direction:row; align-items:stretch; border-bottom:none; justify-content:center; }
    .oork-trust-mobile-grid { display:none; }
    .oork-trust-item-new { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; padding:14px 8px; text-align:center; }
    .oork-trust-item-new span { font-size:11px; font-weight:700; color:#1a4a35; line-height:1.3; white-space:nowrap; }
    .oork-trust-vline { width:1px; background:rgba(26,122,85,0.1); align-self:stretch; flex-shrink:0; }
    .oork-trust-icon-wrap { width:36px; height:36px; min-width:36px; min-height:36px; border-radius:50%; background:#eef7f2; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
    .oork-trust-pay-bottom { display:flex; flex-direction:row; align-items:center; gap:15px; padding:9px 14px; background:#f8fcfa; overflow-x:auto; overflow-y:visible; scrollbar-width:none; flex-wrap:nowrap; border-top:1px solid rgba(26,122,85,0.08); }
    .oork-trust-pay-bottom::-webkit-scrollbar { display:none; }
    .oork-trust-pay-label { font-size:9px; font-weight:800; color:#7a9e90; letter-spacing:1.2px; white-space:nowrap; flex-shrink:0; }
    .oork-trust-pay-chips { display:flex; flex-direction:row; flex-wrap:nowrap; gap:10px; align-items:center; flex-shrink:0; }
    .oork-pay-chip { display:inline-flex; align-items:center; gap:4px; background:#fff; border-radius:6px; padding:4px 8px; height:26px; flex-shrink:0; white-space:nowrap; box-shadow:0 1px 4px rgba(0,0,0,0.08); border:1px solid #eee; }
    .oork-pay-chip span { font-size:11px; font-weight:800; white-space:nowrap; line-height:1; }
    .oork-chip-phonepe span { color:#5f259f; }
    .oork-chip-gpay span { color:#333; }

    @media (max-width:768px) {
      .oork-trust-desktop-row { display:none !important; }
 .oork-trust-mobile-grid { display:grid !important; grid-template-columns:1fr 1fr 1fr; border-bottom:1px solid rgba(26,122,85,0.1); }
      .oork-trust-mobile-cell { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; padding:16px 10px; text-align:center; }
      .oork-trust-mobile-cell:nth-child(odd) { border-right:1px solid rgba(26,122,85,0.1); }
      .oork-trust-mobile-cell:nth-child(1),.oork-trust-mobile-cell:nth-child(2) { border-bottom:1px solid rgba(26,122,85,0.1); }
      .oork-trust-mobile-cell span { font-size:12px; font-weight:700; color:#1a4a35; line-height:1.4; white-space:normal; text-align:center; }
      .oork-trust-pay-bottom { padding:8px 12px !important; gap:6px !important; overflow-x:scroll !important; }
      .oork-trust-pay-label { font-size:10px !important; }
      .oork-pay-chip { height:26px !important; }
      .oork-pay-chip span { font-size:11px !important; }
    }

    /* DELIVERY PROMISE */
    .oork-delivery-promise { background:linear-gradient(135deg,#1a7a55,#145e41); color:#fff; text-align:center; font-size:14px; font-weight:800; padding:12px 16px; border-radius:12px 12px 0 0; letter-spacing:0.3px; margin:0; display:block; }
    .oork-order-timeline { border-radius:0 0 14px 14px !important; border:2px solid #1a7a55 !important; border-top:none !important; background:#e8f5ee !important; padding:16px 20px !important; }
    .oork-timeline-date { font-size:15px !important; font-weight:900 !important; color:#1a7a55 !important; }
    .oork-timeline-day { font-size:10px; font-weight:700; color:#5c7c6f; text-align:center; margin-top:-3px; }
    .oork-timeline-label { font-size:11px !important; font-weight:800 !important; color:#1a2e1a !important; }
    .oork-timeline-line { height:3px !important; flex:0 0 28px !important; margin-bottom:28px !important; }

    @media (max-width:768px) {
      .oork-delivery-promise { font-size:12px !important; padding:10px 12px !important; }
      .oork-timeline-date { font-size:12px !important; }
      .oork-timeline-day { font-size:9px !important; }
      .oork-timeline-label { font-size:10px !important; }
    }

    /* TRUST BLOCKS */
    .oork-trust-blocks { display:none !important; }
    .oork-trust-blocks-row { display:none !important; }
    .oork-tbc-icon { font-size:18px !important; line-height:1 !important; }
    .oork-tbc-text { font-size:10px !important; font-weight:700 !important; color:#fff !important; line-height:1.3 !important; text-align:center !important; word-break:break-word !important; white-space:normal !important; }
    .oork-dtw-divider { width:65% !important; height:1px !important; background:rgba(255,255,255,0.25) !important; flex-shrink:0 !important; margin:2px 0 !important; }

    /* URGENCY */
    .oork-sold-urgency { display:flex; align-items:center; gap:8px; background:#fff8e6; border:1px solid #f1d37a; border-radius:10px; padding:10px 14px; font-size:13px; font-weight:700; color:#8a6500; width:100%; box-sizing:border-box; white-space:nowrap; overflow:hidden; }
    @media (max-width:768px) {
      .oork-sold-urgency { font-size:11px !important; padding:8px 10px !important; gap:6px !important; white-space:nowrap !important; }
      .oork-sold-dot { width:7px !important; height:7px !important; flex-shrink:0 !important; }
    }
    .oork-sold-dot { width:8px; height:8px; border-radius:50%; background:#e65c00; flex-shrink:0; animation:oorkPulse 1.5s ease-in-out infinite; }
    @keyframes oorkPulse { 0%,100% { opacity:1; transform:scale(1); } 50% { opacity:0.5; transform:scale(1.4); } }

    /* DELIVERY TIMELINE WRAP */
    .oork-delivery-timeline-wrap { display:flex !important; flex-direction:row !important; align-items:stretch !important; border:1.5px solid #1a7a55 !important; border-radius:14px !important; overflow:hidden !important; background:#fff !important; margin:0 !important; }
    .oork-dtw-left { display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; background:#1a7a55 !important; border-right:1.5px solid rgba(255,255,255,0.15) !important; padding:10px 6px !important; width:76px !important; min-width:76px !important; flex-shrink:0 !important; gap:0 !important; }
    .oork-dtw-cell { display:flex !important; flex-direction:column !important; align-items:center !important; text-align:center !important; gap:3px !important; padding:5px 4px !important; flex-shrink:0 !important; }
    .oork-dtw-right { flex:1 !important; display:flex !important; flex-direction:column !important; min-width:0 !important; }
    .oork-dtw-right .oork-delivery-promise { border-radius:0 !important; margin:0 !important; font-size:13px !important; padding:10px 14px !important; }
    .oork-dtw-right .oork-order-timeline { border:none !important; border-radius:0 !important; margin:0 !important; flex:1 !important; padding:12px 14px !important; background:#f0faf5 !important; gap:2px !important; }
    .oork-timeline-item { display:flex !important; flex-direction:column !important; align-items:center !important; gap:2px !important; flex:1 !important; }
    .oork-timeline-icon,.oork-timeline-icon img { width:38px !important; height:38px !important; object-fit:contain !important; margin-bottom:4px !important; }
    .oork-timeline-date { font-size:14px !important; font-weight:900 !important; color:#1a7a55 !important; line-height:1 !important; margin:0 !important; }
    .oork-timeline-day { font-size:9px !important; font-weight:700 !important; color:#5c7c6f !important; line-height:1 !important; margin:0 !important; }
    .oork-timeline-label { font-size:10px !important; font-weight:800 !important; color:#1a2e1a !important; line-height:1 !important; margin:2px 0 0 !important; padding:0 !important; border-top:none !important; text-align:center !important; white-space:nowrap !important; }
    .oork-timeline-line { flex:0 0 16px !important; height:2px !important; background:linear-gradient(90deg,#1a7a55,#4ade80) !important; border-radius:2px !important; margin-bottom:30px !important; }

    .oork-pay-trust { border-radius:12px !important; }
    .oork-trust-item-new { padding:8px 4px !important; gap:4px !important; }
    .oork-trust-item-new span { font-size:11px !important; }
    .oork-trust-icon-wrap { width:24px !important; height:24px !important; min-width:24px !important; min-height:24px !important; }
    .oork-trust-icon-wrap svg { width:12px !important; height:12px !important; }
    .oork-trust-pay-bottom { padding:5px 10px !important; gap:8px !important; }
    .oork-trust-pay-label { font-size:8px !important; }
    .oork-pay-chip { height:20px !important; padding:2px 6px !important; }
    .oork-pay-chip span { font-size:9px !important; }
    .oork-pay-chip svg { width:10px !important; height:10px !important; }

    @media (max-width:768px) {
      .oork-trust-mobile-cell { padding:8px 6px !important; gap:4px !important; }
      .oork-trust-mobile-cell span { font-size:9px !important; line-height:1.3 !important; }
      .oork-trust-mobile-cell .oork-trust-icon-wrap { width:22px !important; height:22px !important; min-width:22px !important; min-height:22px !important; }
      .oork-trust-mobile-cell .oork-trust-icon-wrap svg { width:11px !important; height:11px !important; }
      .oork-delivery-timeline-wrap { flex-direction:column !important; }
      .oork-dtw-left { flex-direction:row !important; width:100% !important; min-width:0 !important; padding:6px 10px !important; justify-content:space-around !important; border-right:none !important; border-bottom:1px solid rgba(255,255,255,0.2) !important; gap:0 !important; }
      .oork-dtw-divider { width:1px !important; height:28px !important; margin:0 !important; align-self:center !important; }
      .oork-dtw-cell { flex:1 !important; padding:2px 4px !important; gap:2px !important; }
      .oork-tbc-icon { font-size:13px !important; }
      .oork-tbc-text { font-size:10px !important; line-height:1.2 !important; }
      .oork-dtw-right { width:100% !important; }
      .oork-dtw-right .oork-delivery-promise { font-size:11px !important; padding:8px 10px !important; line-height:1.3 !important; }
      .oork-dtw-right .oork-order-timeline { padding:10px 8px !important; }
      .oork-timeline-icon,.oork-timeline-icon img { width:30px !important; height:30px !important; margin-bottom:3px !important; }
      .oork-timeline-date { font-size:12px !important; }
      .oork-timeline-day { font-size:8px !important; }
      .oork-timeline-label { font-size:8px !important; margin-top:1px !important; white-space:nowrap !important; }
      .oork-timeline-line { flex:0 0 8px !important; margin-bottom:26px !important; }
      .oork-trust-pay-bottom { padding:5px 8px !important; gap:4px !important; overflow-x:auto !important; flex-wrap:nowrap !important; }
      .oork-trust-pay-label { font-size:7px !important; flex-shrink:0 !important; letter-spacing:0.5px !important; }
      .oork-trust-pay-chips { gap:4px !important; flex-shrink:0 !important; }
      .oork-pay-chip { height:18px !important; padding:1px 5px !important; gap:2px !important; }
      .oork-pay-chip span { font-size:8px !important; }
      .oork-pay-chip svg { width:9px !important; height:9px !important; }
      .oork-chip-visa svg { width:26px !important; height:10px !important; }
      .oork-chip-mc svg { width:20px !important; height:13px !important; }
      .oork-chip-upi span { font-size:8px !important; }
      .oork-size-block { display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:flex-start !important; width:100% !important; gap:30px !important; }
      .oork-option-label { margin-bottom:0 !important; flex-shrink:0 !important; white-space:nowrap !important; }
      .oork-pill-row { flex-wrap:nowrap !important; justify-content:center !important; gap:6px !important; }
      .oork-qty-block { display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:flex-start !important; width:100% !important; gap:30px !important; }
      .oork-qty-block .oork-option-label { margin-bottom:0 !important; flex-shrink:0 !important; }
    }

    .oork-chip-upi { align-items:center !important; padding:2px 6px !important; }
    .oork-chip-upi svg { display:block !important; flex-shrink:0 !important; }
    .oork-chip-upi span { display:block !important; line-height:1 !important; margin-top:3px !important; font-size:9px !important; font-weight:900 !important; color:#097939 !important; }
    .oork-chip-visa span,.oork-chip-mc span { display:none !important; }
    .oork-chip-visa svg,.oork-chip-mc svg { display:block !important; }
    .oork-chip-visa svg { width:36px !important; height:14px !important; }
    .oork-chip-mc svg { width:28px !important; height:18px !important; }
    .oork-chip-visa,.oork-chip-mc { padding:2px 8px !important; height:24px !important; }

    /* UPSELL MODAL */
    #oork-atc-modal-overlay { display:none; }
    #oork-atc-modal-overlay.oork-modal-open { display:flex !important; }
    .oork-upsell-item { display:flex; align-items:center; gap:12px; padding:12px; border:1.5px solid #e8f5ee; border-radius:14px; cursor:pointer; transition:border-color 0.2s; background:#fff; }
    .oork-upsell-item.selected { border-color:#1a7a55; background:#f0faf5; }
    .oork-upsell-check { width:22px; height:22px; border-radius:6px; border:2px solid #ddd; display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:all 0.2s; }
    .oork-upsell-item.selected .oork-upsell-check { background:#1a7a55; border-color:#1a7a55; }
    .oork-upsell-img { width:52px; height:52px; border-radius:10px; object-fit:cover; flex-shrink:0; background:#eef7f2; }
    .oork-upsell-name { font-size:13px; font-weight:700; color:#1a2e1a; }
    .oork-upsell-price { font-size:13px; font-weight:800; color:#1a7a55; }
    .oork-upsell-compare { font-size:11px; color:#bbb; text-decoration:line-through; margin-left:6px; }
    .oork-upsell-off { font-size:10px; font-weight:700; color:#d62828; background:#fff1f1; border:1px solid #ffb8b8; border-radius:999px; padding:2px 6px; margin-left:6px; }
    #oork-atc-modal-overlay .oork-btn-row { display:grid !important; grid-template-columns:1fr 1fr !important; gap:10px !important; margin-top:12px !important; width:100% !important; }
    #oork-atc-modal-overlay #oork-modal-skip,
    #oork-atc-modal-overlay #oork-modal-add-selected { all:unset !important; display:block !important; width:100% !important; height:44px !important; border-radius:12px !important; font-size:13px !important; font-weight:700 !important; cursor:pointer !important; box-sizing:border-box !important; text-align:center !important; line-height:44px !important; }
    #oork-atc-modal-overlay #oork-modal-skip { border:1.5px solid #ddd !important; background:#fff !important; color:#555 !important; }
    #oork-atc-modal-overlay #oork-modal-add-selected { background:linear-gradient(135deg,#1a7a55,#145e41) !important; color:#fff !important; }
/* ===== NUCLEAR FIX: STACK ATC ROW VERTICALLY ON MOBILE ===== */
@media (max-width: 768px) {

  /* Stack qty + ATC button vertically */
  .oork-rel-atc-row {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 6px !important;
    width: 100% !important;
  }

  /* Qty stepper full width */
  .oork-rel-qty {
    width: 100% !important;
    height: 34px !important;
    justify-content: space-between !important;
  }

  .oork-rel-q-btn {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    font-size: 18px !important;
  }

  .oork-rel-q-num {
    font-size: 13px !important;
    line-height: 34px !important;
  }

  /* ATC button full width, proper text */
  .oork-rel-atc-btn {
    width: 100% !important;
    height: 34px !important;
    font-size: 12px !important;
    padding: 0 8px !important;
    white-space: nowrap !important;
    border-radius: 8px !important;
    flex: unset !important;
  }

  /* Card info padding */
  .oork-rel-info {
    padding: 8px !important;
  }

  /* Title fix */
  .oork-related-title {
    font-size: 11px !important;
    white-space: normal !important;
    word-break: break-word !important;
    -webkit-line-clamp: 2 !important;
  }

  /* Price */
  .oork-related-price {
    font-size: 12px !important;
  }

  .oork-rel-compare {
    font-size: 10px !important;
  }

  /* Size pill */
  .oork-rel-size-pill {
    font-size: 9px !important;
    padding: 2px 5px !important;
  }

  /* Grid */
  .oork-related-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
  }

  /* Card no overflow */
  .oork-rel-card-new {
    overflow: hidden !important;
    min-width: 0 !important;
  }

  /* Arrows */
  .oork-rel-arr {
    width: 28px !important;
    height: 28px !important;
  }
}
/* Size Qty row fix */
.oork-size-qty-row {
  display:flex !important;
  flex-direction:row !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:8px !important;
  flex-wrap:nowrap !important;
  width:100% !important;
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}

.oork-size-block {
  flex:0 0 auto !important;
  min-width:0 !important;
  max-width:70% !important;
}

.oork-qty-block {
  flex:0 0 auto !important;
  min-width:120px !important;
}

.oork-pill-row {
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:flex-end !important;
  gap:6px !important;
}

.oork-option-label {
  display:block !important;
  margin-bottom:6px !important;
}
/* Force all pills same fixed height */
.oork-pill {
  min-height:52px !important;
  height:52px !important;
  justify-content:center !important;
  box-sizing:border-box !important;
}

.oork-pill--active {
  min-height:52px !important;
  height:52px !important;
}

.oork-pill--1l {
  min-height:52px !important;
  height:52px !important;
}

/* Keep qty vertically centered with pills */
.oork-qty-block {
  align-self:flex-end !important;
}

.oork-qty-wrap {
  height:52px !important;
}

.oork-q-btn {
  height:52px !important;
}
/* Fix pill text rotation - nuclear fix */
.oork-pill,
.oork-pill--active,
.oork-pill--1l,
.oork-pill--static {
  writing-mode:horizontal-tb !important;
  text-orientation:mixed !important;
  flex-direction:column !important;
  width:auto !important;
  height:auto !important;
  min-height:unset !important;
  max-height:unset !important;
}

/* Mobile - Size on top, Qty below */
@media (max-width:768px) {
  .oork-size-qty-row {
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:12px !important;
    width:100% !important;
    flex-wrap:nowrap !important;
  }
  .oork-size-block {
    width:100% !important;
    max-width:100% !important;
    flex:unset !important;
  }
  .oork-qty-block {
    width:100% !important;
    min-width:unset !important;
    flex:unset !important;
  }
  .oork-pill-row {
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
  }
}
@media (max-width:768px) {
  .oork-pill-row {
    flex-wrap:nowrap !important;
    overflow:visible !important;
    overflow-x:visible !important;
    padding-top:16px !important;
  }
  
  .oork-size-block {
    overflow:visible !important;
  }
  
  .oork-pill-best-wrap {
    overflow:visible !important;
    margin-top:0 !important;
  }
  
  .oork-best-label {
    font-size:9px !important;
    padding:1px 6px !important;
    white-space:nowrap !important;
  }
}
/* Progress bar */
.oork-pb-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 12px;
  background: #f0faf5;
  border: 1.5px solid rgba(26,122,85,0.18);
  border-radius: 999px;
  width: 100%;
  box-sizing: border-box;
}

.oork-pb-text {
  font-size: 11px;
  font-weight: 700;
  color: #1a2e1a;
  white-space: nowrap;
  flex-shrink: 0;
}

.oork-pb-text span {
  color: #1a7a55;
}

.oork-pb-dot-track {
  position: relative;
  flex: 1;
  height: 4px;
  background: #d4ede2;
  border-radius: 999px;
  overflow: visible;
}

.oork-pb-dot-fill {
  height: 100%;
  background: linear-gradient(90deg, #1a7a55, #4ade80);
  border-radius: 999px;
  transition: width 0.5s ease;
}

.oork-pb-dot-marker {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  background: #1a7a55;
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: 0 0 0 1.5px #1a7a55;
  transition: left 0.5s ease;
  pointer-events: none;
}

@media (max-width: 768px) {
  .oork-pb-text { font-size: 10px; }
  .oork-pb-wrap { padding: 6px 10px; gap: 6px; }
}

/* =====  STICKY BAR ===== */
.oork-sticky-bar { display: none !important; }

@media (max-width: 768px) {
  .oork-sticky-bar.oork-sticky-visible {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 99999 !important;
    background: transparent !important;
    /* border-top: 1.5px solid #fadc45ff !important; */
    padding: 10px 12px 14px !important;
    gap: 6px !important;
    /* box-shadow: 0 -4px 16px rgba(26,122,85,0.12) !important; */
    box-sizing: border-box !important;
    width: 100% !important;
  }

  /* ADD TO CART */
  .oork-sticky-atc {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    height: 46px !important;
    background: #145e41 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 10px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    white-space: nowrap !important;
    -webkit-appearance: none !important;
    padding: 0 6px !important;
    box-sizing: border-box !important;
  }

  .oork-sticky-atc svg {
    width: 13px !important;
    height: 13px !important;
    flex-shrink: 0 !important;
  }

  /* QTY WRAPPER — key: table layout to force border containment */
  .oork-sticky-qty {
    flex-shrink: 0 !important;
    height: 46px !important;
    width: 86px !important;
    min-width: 86px !important;
    border: 2px solid #ccc !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: 28px 1fr 28px !important;
    align-items: center !important;
    overflow: hidden !important;
  }

  .oork-sticky-q-btn {
    height: 46px !important;
    width: 28px !important;
    border: none !important;
    background: transparent !important;
    color: #333 !important;
    font-size: 18px !important;
    font-weight: 300 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    -webkit-appearance: none !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
  }

  .oork-sticky-q-num {
    text-align: center !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #1a2e1a !important;
    user-select: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
  }

  /* BUY NOW */
  .oork-sticky-buy {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    height: 46px !important;
    background:  #e67e22  !important;
    color: #fff !important;
    border: none !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    -webkit-appearance: none !important;
    padding: 0 6px !important;
    box-sizing: border-box !important;
  }
}
/* ===== STICKY BAR VERTICAL ALIGN FINAL ===== */
@media (max-width: 768px) {
  .oork-sticky-qty { display: none !important; }
}
@media (max-width: 768px) {
  .oork-sticky-bar.oork-sticky-visible {
    align-items: center !important;
    align-content: center !important;
  }

  .oork-sticky-qty {
    align-self: center !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    position: relative !important;
    top: 0 !important;
    vertical-align: middle !important;
  }

  .oork-sticky-atc {
    align-self: center !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .oork-sticky-buy {
    align-self: center !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
/* ===== HIDE QTY + BUTTONS FROM MAIN CARD ON MOBILE ===== */
@media (max-width: 768px) {
  .oork-qty-block { display: none !important; }
  .oork-btn-group { display: none !important; }
  .oork-pb-wrap { display: none !important; }
  .oork-info-card { padding-bottom: 80px !important; }
  .oork-info-card .oork-pay-trust { display: block !important; }
  .oork-info-card .oork-delivery-timeline-wrap { display: flex !important; }
}
/* ===== WHY CHEAPER SECTION — IMAGE + BADGE STYLE ===== */
.oork-cheaper-section {
  background: #eef7f2;
  padding: 70px 20px;
  position: relative;
}
.oork-cheaper-section .oork-section-title {
  color: #1a7a55 !important;
  font-size: 32px !important;
}
.oork-cheaper-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
  margin-top: 40px;
}
.oork-cheaper-card {
  background: #fff;
  border: none;
  border-radius: 20px;
  padding: 0 0 36px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  transition: all 0.3s ease;
  min-height: 220px;
  justify-content: flex-start;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(26,122,85,0.08);
}
.oork-cheaper-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1a7a55, #4ade80);
  border-radius: 20px 20px 0 0;
  z-index: 1;
}
.oork-cheaper-card:hover {
  transform: none !important;
  box-shadow: none !important;
}

.oork-cheaper-card {
  transition: none !important;
}
.oork-cheaper-img-wrap {
  position: relative;
  width: 100%;
  background: #f0faf5;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
  flex-shrink: 0;
}
.oork-cheaper-img-wrap img {
  width: 72px;
  height: 72px;
  object-fit: contain;
  display: block;
  margin: 12px auto 0;
  background: transparent;
}
.oork-cheaper-img-placeholder {
  width: 100%;
  height: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f5f5;
}
.oork-cheaper-x-badge {
  display: none !important;
}
.oork-cheaper-card h3 {
  font-size: 15px;
  font-weight: 800;
  color: #1a2e1a;
  margin: 8px 16px 6px;
  line-height: 1.35;
}
.oork-cheaper-card p {
  font-size: 12.5px;
  color: #6b8c7e;
  margin: 0 16px;
  line-height: 1.75;
}
.oork-cheaper-card::after {
  content: '✓ We never do this';
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 10px;
  font-weight: 700;
  color: #1a7a55;
  background: #e8f5ee;
  border: 1px solid #b2d8c4;
  border-radius: 999px;
  padding: 3px 12px;
  white-space: nowrap;
}
.oork-cheaper-x { display: none !important; }
@media (max-width: 960px) and (min-width: 769px) {
  .oork-cheaper-grid { grid-template-columns: repeat(3, 1fr) !important; }
}
@media (max-width: 768px) {
  .oork-cheaper-section { padding: 40px 14px !important; }
  .oork-cheaper-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
  .oork-cheaper-card:last-child { grid-column: 1 / -1; }
  .oork-cheaper-card { padding-bottom: 44px !important; min-height: 180px !important; border-radius: 16px !important; }
  .oork-cheaper-img-wrap img { width: 60px !important; height: 60px !important; padding: 0 !important; margin: 14px auto !important; }
  .oork-cheaper-img-placeholder { height: 100px !important; }
  .oork-cheaper-x-badge { width: 24px !important; height: 24px !important; top: 8px !important; right: 8px !important; }
  .oork-cheaper-x-badge svg { width: 10px !important; height: 10px !important; }
  .oork-cheaper-card h3 { font-size: 13px !important; margin: 12px 12px 6px !important; }
  .oork-cheaper-card p { font-size: 11.5px !important; margin: 0 12px !important; }
  .oork-cheaper-section .oork-section-title { font-size: 22px !important; }
}
/* ===== TRUST STRIP BELOW THUMBNAILS — DESKTOP ONLY ===== */
.oork-trust-below-thumb {
  display: block;
  margin-top: 14px;
}

/* Hide below-thumb version on mobile — show original in info card instead */
@media (max-width: 768px) {
  .oork-trust-below-thumb { display: none !important; }
  .oork-info-card .oork-pay-trust { display: block !important; }
}

/* Hide original from info card on desktop — show below thumb instead */
@media (min-width: 769px) {
  .oork-info-card .oork-pay-trust { display: none !important; }
}

/* Force show on mobile with highest specificity */
@media (max-width: 768px) {
  .oork-info-card > .oork-pay-trust,
  .oork-info-card .oork-pay-trust,
  .oork-pay-trust { 
    display: block !important; 
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    overflow: visible !important;
  }
  .oork-trust-below-thumb { display: none !important; }
}
/* Mobile trust strip inside info card */
.oork-mobile-trust-only {
  display: none;
}
@media (max-width: 768px) {
  .oork-mobile-trust-only {
    display: block !important;
  }
} */
.oork-faq-item:hover { transform: none !important; box-shadow: 0 2px 10px rgba(26,122,85,0.05) !important; }
.oork-faq-q:hover { background: none !important; }
.oork-acc-btn:hover { background: #fff !important; }
.oork-acc-item:hover { transform: none !important; box-shadow: 0 4px 18px rgba(26,122,85,0.06) !important; }
@media (max-width: 768px) {
  /* Hide only accordion, not the whole about section */
  .oork-accordion-wrap {
    display: none !important;
  }

  /* Hide Our Process section */
  .oork-process-section {
    display: none !important;
  }

  /* Keep about section visible but fix layout */
  .oork-about-section {
    display: block !important;
  }

  .oork-about-grid {
    grid-template-columns: 1fr !important;
  }

  .oork-why-card {
    position: relative !important;
    top: unset !important;
  }
}
/* ===== CHEAPER CARDS — GRAY NO-SYMBOL PLACEHOLDER ===== */
.oork-cheaper-img-placeholder {
  width: 100%;
  height: 110px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent !important;
}

.oork-cheaper-img-placeholder svg {
  width: 72px !important;
  height: 72px !important;
  color: #ccc;
  opacity: 0.6;
}

/* If using uploaded images, make them grayscale + low opacity */
.oork-cheaper-img-wrap img {
  filter: grayscale(100%) opacity(0.35) !important;
  width: 64px !important;
  height: 64px !important;
}

/* DESKTOP */
@media (min-width: 769px) {
  .oork-product-grid {
    grid-template-columns: 1fr 110px 1fr !important;
  }

  .oork-badge-col {
    width: 110px !important;
    min-width: 110px !important;
    overflow: visible !important;
    position: relative !important;
  }

  .oork-badge-strip {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 110px !important;
    padding: 0 !important;
    gap: 0 !important;
    overflow: visible !important;
  }

  /* CLEAN VERTICAL LINE */
  .oork-badge-strip::before { display: none !important; }
  .oork-badge-strip::after {
    content: '' !important;
    position: absolute !important;
    top: 28px !important;
    bottom: 28px !important;
    left: 50% !important;
    margin-left: -1px !important;
    width: 2px !important;
    background: linear-gradient(180deg,
      transparent 0%,
      #1a7a55 10%,
      #4ade80 50%,
      #1a7a55 90%,
      transparent 100%
    ) !important;
    z-index: 0 !important;
    display: block !important;
  }

  .oork-badge-item,
  .oork-badge-item:nth-child(1),
  .oork-badge-item:nth-child(2),
  .oork-badge-item:nth-child(3),
  .oork-badge-item:nth-child(4) {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 12px 0 !important;
    width: 110px !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    transition: none !important;
  }

  /* PREMIUM ICON CIRCLE */
  .oork-badge-icon {
    width: 54px !important;
    height: 54px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #1a7a55, #145e41) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    box-shadow:
      0 4px 12px rgba(26,122,85,0.35),
      0 0 0 3px #eef7f2,
      0 0 0 5px #1a7a55 !important;
    position: relative !important;
    z-index: 3 !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
  }

  .oork-badge-icon svg {
    width: 22px !important;
    height: 22px !important;
  }

  .oork-badge-icon svg *,
  .oork-badge-icon svg path,
  .oork-badge-icon svg circle,
  .oork-badge-icon svg line,
  .oork-badge-icon svg polyline {
    stroke: #ffffff !important;
    fill: none !important;
    opacity: 1 !important;
  }

  /* PREMIUM TEXT */
  .oork-badge-item span,
  .oork-badge-item:nth-child(1) span,
  .oork-badge-item:nth-child(2) span,
  .oork-badge-item:nth-child(3) span,
  .oork-badge-item:nth-child(4) span {
    font-size: 9px !important;
    font-weight: 800 !important;
    color: #1a4a35 !important;
    text-align: center !important;
    line-height: 1.4 !important;
    white-space: normal !important;
    word-break: break-word !important;
    display: block !important;
    width: 100px !important;
    padding: 0 4px !important;
    letter-spacing: 0.3px !important;
    text-transform: uppercase !important;
  }
}

/* MOBILE — horizontal timeline premium */
@media (max-width: 768px) {
  .oork-badge-col { display: none !important; }

  .mobile-badge-wrap {
    position: relative !important;
    top: unset !important;
    right: unset !important;
    left: unset !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    padding: 16px 0 12px !important;
    background: transparent !important;
    z-index: 1 !important;
    margin-bottom: 10px !important;
  }

  /* HORIZONTAL LINE */
  .mobile-badge-wrap::before {
    content: '' !important;
    position: absolute !important;
    top: 37px !important;
    left: 28px !important;
    right: 28px !important;
    height: 2px !important;
    background: linear-gradient(90deg,
      transparent 0%,
      #1a7a55 10%,
      #4ade80 50%,
      #1a7a55 90%,
      transparent 100%
    ) !important;
    z-index: 0 !important;
    display: block !important;
  }

  .mobile-badge-wrap .oork-badge-item,
  .mobile-badge-wrap .oork-badge-item:nth-child(1),
  .mobile-badge-wrap .oork-badge-item:nth-child(2),
  .mobile-badge-wrap .oork-badge-item:nth-child(3),
  .mobile-badge-wrap .oork-badge-item:nth-child(4) {
    flex: 1 !important;
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 0 2px !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    min-height: unset !important;
    width: auto !important;
  }

  .mobile-badge-wrap .oork-badge-icon {
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #1a7a55, #145e41) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    box-shadow:
      0 4px 10px rgba(26,122,85,0.3),
      0 0 0 2px #eef7f2,
      0 0 0 4px #1a7a55 !important;
    flex-shrink: 0 !important;
    position: relative !important;
    z-index: 3 !important;
  }

  .mobile-badge-wrap .oork-badge-icon svg {
    width: 18px !important;
    height: 18px !important;
  }

  .mobile-badge-wrap .oork-badge-icon svg *,
  .mobile-badge-wrap .oork-badge-icon svg path,
  .mobile-badge-wrap .oork-badge-icon svg circle,
  .mobile-badge-wrap .oork-badge-icon svg line,
  .mobile-badge-wrap .oork-badge-icon svg polyline {
    stroke: #ffffff !important;
    fill: none !important;
    opacity: 1 !important;
  }

  .mobile-badge-wrap .oork-badge-item span,
  .mobile-badge-wrap .oork-badge-item:nth-child(1) span,
  .mobile-badge-wrap .oork-badge-item:nth-child(2) span,
  .mobile-badge-wrap .oork-badge-item:nth-child(3) span,
  .mobile-badge-wrap .oork-badge-item:nth-child(4) span {
    font-size: 7.5px !important;
    font-weight: 800 !important;
    color: #1a4a35 !important;
    text-align: center !important;
    line-height: 1.3 !important;
    letter-spacing: 0.3px !important;
    text-transform: uppercase !important;
    white-space: normal !important;
    display: block !important;
    width: auto !important;
    padding: 0 2px !important;
  }

  .oork-info-card {
    position: relative !important;
    overflow: visible !important;
  }

  .oork-info-title,
  .oork-tamil-name,
  .oork-info-sub {
    max-width: 100% !important;
  }
}
/* ===== LINE LIGHT COLOR ===== */
@media (min-width: 769px) {
  .oork-badge-strip::after {
    background: linear-gradient(180deg,
      rgba(26,122,85,0) 0%,
      rgba(26, 122, 85, 0.08) 10%,
      rgba(26, 122, 85, 0.05) 30%,
      rgba(26, 122, 85, 0.1) 50%,
      rgba(26, 122, 85, 0.13) 70%,
      rgba(26,122,85,0.15) 90%,
      rgba(26,122,85,0) 100%
    ) !important;
  }
}

@media (max-width: 768px) {
  .mobile-badge-wrap::before {
    background: linear-gradient(90deg,
      rgba(26,122,85,0) 0%,
      rgba(26,122,85,0.15) 10%,
      rgba(26,122,85,0.25) 30%,
      rgba(26,122,85,0.3) 50%,
      rgba(26,122,85,0.25) 70%,
      rgba(26,122,85,0.15) 90%,
      rgba(26,122,85,0) 100%
    ) !important;
  }
}
/* ===== BADGE ICON IMAGE ===== */
.oork-badge-icon--img {
  padding: 10px !important;
  background: linear-gradient(135deg, #1a7a55, #145e41) !important;
}

.oork-badge-icon--img img {
  width: 30px !important;
  height: 30px !important;
  object-fit: contain !important;
  display: block !important;
  filter: brightness(0) invert(1) !important;
}
/* ===== MOBILE LINE VISIBILITY FIX ===== */
@media (max-width: 768px) {
  .mobile-badge-wrap {
    padding: 16px 8px 12px !important;
  }

  .mobile-badge-wrap::before {
    top: 38px !important;
    left: 30px !important;
    right: 30px !important;
    height: 1.5px !important;
    background: linear-gradient(90deg,
      rgba(26,122,85,0) 0%,
      rgba(26, 122, 85, 0.13) 15%,
      rgba(26, 122, 85, 0.12) 50%,
      rgba(26, 122, 85, 0.15) 85%,
      rgba(26,122,85,0) 100%
    ) !important;
    display: block !important;
  }
}
@media (max-width: 768px) {
  .oork-info-card {
    gap: 6px !important;
  }
  .oork-info-card .mobile-badge-wrap {
    padding: 8px 0 0 !important;
    margin: 0 !important;
  }
}
@media (max-width: 768px) {
  .oork-info-card .mobile-badge-wrap {
    padding: 8px 0 8px !important;
    margin-bottom: 4px !important;
  }
}
@media (max-width: 768px) {
  .oork-cheaper-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 12px !important;
    padding-bottom: 12px !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  .oork-cheaper-grid::-webkit-scrollbar {
    display: none !important;
  }

  .oork-cheaper-card {
    flex: 0 0 75vw !important;
    max-width: 75vw !important;
    scroll-snap-align: start !important;
    grid-column: unset !important;
  }

  .oork-cheaper-card:last-child {
    grid-column: unset !important;
  }
}