:root{--sob-blue:#2d3ee6;--sob-dark:#0b1020;--sob-muted:#667085;--sob-border:#e6e8ef;--sob-bg:#f6f7fb;--sob-card:#fff}
.sob-shop-shell *{box-sizing:border-box}
.sob-shop-shell{display:grid;grid-template-columns:240px minmax(0,1fr);gap:34px;max-width:1420px;margin:40px auto;padding:0 20px;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--sob-dark)}
.sob-filters{position:sticky;top:20px;align-self:start}.sob-filters h4{margin:0 0 18px}.sob-filters input,.sob-field select,.sob-qty input,.sob-form-grid input,.sob-checkout textarea{width:100%;border:1px solid var(--sob-border);border-radius:8px;padding:11px 12px;background:#fff}.sob-muted{color:var(--sob-muted);font-size:14px}.sob-shop-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.sob-shop-top h2{font-size:34px;margin:0}.sob-cart-link{border:2px solid var(--sob-blue);border-radius:999px;padding:11px 18px;text-decoration:none;font-weight:800;color:var(--sob-blue)}.sob-cart-count{background:var(--sob-blue);color:#fff;border-radius:999px;padding:2px 8px;margin-left:6px}.sob-grid{display:grid;gap:26px}.sob-grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(330px,1fr))}.sob-grid.cols-4{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.sob-product-card{background:#fff;border:1px solid #f0f1f5;border-radius:18px;padding:20px;min-width:0;box-shadow:0 12px 35px rgba(16,24,40,.06);transition:.2s}.sob-product-card:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(16,24,40,.1)}.sob-product-img{height:180px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:14px;margin-bottom:14px}.sob-product-img img{max-width:100%;max-height:170px;object-fit:contain}.sob-product-card h3{font-size:17px;line-height:1.35;margin:0 0 8px}.sob-product-card h3 a{text-decoration:none;color:var(--sob-dark)}.sob-price{font-weight:800;color:#344054;margin:6px 0}.sob-big-price{font-size:24px}.sob-stock{font-size:13px;color:#478A5A;font-weight:700;margin-bottom:12px}.sob-field,.sob-qty,.sob-checkout label{display:block;margin:12px 0;font-weight:600;font-size:14px}/* Larger product option controls so values are not clipped in shop cards. */
.sob-field select{
    display:block;
    width:100%;
    min-width:0;
    height:54px;
    min-height:54px;
    line-height:54px;
    padding:0 48px 0 16px;
    font-size:17px;
    font-weight:500;
    color:#1f2937;
    background-color:#fff;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:clip;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background-image:linear-gradient(45deg,transparent 50%,#475467 50%),linear-gradient(135deg,#475467 50%,transparent 50%);
    background-position:calc(100% - 20px) 24px,calc(100% - 14px) 24px;
    background-size:6px 6px,6px 6px;
    background-repeat:no-repeat;
}
.sob-field select::-ms-expand{display:none}
.sob-field select option{font-size:16px;padding:10px 12px;white-space:normal}.sob-btn{border:0;border-radius:999px;background:var(--sob-blue);color:#fff;padding:13px 20px;font-weight:900;cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;text-align:center}.sob-btn:hover{filter:brightness(.96);color:#fff}.sob-btn-wide{width:100%;margin-top:10px}.sob-btn-outline{background:#fff;color:var(--sob-blue);border:2px solid var(--sob-blue)}.sob-single-product{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;max-width:1200px;margin:55px auto;padding:45px 25px;background:#fff}.sob-single-image{display:flex;align-items:flex-start;justify-content:center}.sob-single-image img{max-width:100%;height:auto;object-fit:contain}.sob-single-info h1{font-size:38px;margin:0 0 16px}.sob-description{color:#17203a;font-size:17px;line-height:1.65}.sob-cart-page{max-width:1050px;margin:45px auto;padding:0 20px}.sob-cart-table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 12px 35px rgba(16,24,40,.06);margin-bottom:18px}.sob-cart-table th,.sob-cart-table td{text-align:left;border-bottom:1px solid var(--sob-border);padding:14px}.sob-cart-qty{width:90px;border:1px solid var(--sob-border);border-radius:8px;padding:8px}.sob-cart-table small{display:block;color:var(--sob-muted)}.sob-checkout{margin-top:30px;background:var(--sob-bg);border-radius:20px;padding:28px}.sob-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sob-empty{background:#fff;border:1px dashed var(--sob-border);border-radius:16px;padding:24px}.sob-notice{position:fixed;right:22px;bottom:22px;background:#111827;color:#fff;padding:14px 18px;border-radius:12px;opacity:0;transform:translateY(10px);transition:.2s;z-index:99999}.sob-notice.show{opacity:1;transform:translateY(0)}.sob-notice.bad,.sob-result.bad{background:#b42318;color:#fff}.sob-result.ok{background:#ecfdf3;color:#027a48}.sob-result{padding:14px 16px;border-radius:12px;margin-top:14px;font-weight:700}.sob-no-img{color:#98a2b3;border:1px dashed var(--sob-border);padding:40px;border-radius:12px}
@media(max-width:900px){.sob-shop-shell,.sob-single-product{grid-template-columns:1fr}.sob-grid.cols-3,.sob-grid.cols-4{grid-template-columns:repeat(2,minmax(300px,1fr))}.sob-filters{position:relative}.sob-form-grid{grid-template-columns:1fr}}
@media(max-width:700px){.sob-grid.cols-3,.sob-grid.cols-4{grid-template-columns:1fr}.sob-shop-top{display:block}.sob-cart-link{margin-top:12px;display:inline-flex}.sob-single-info h1{font-size:30px}}

.sob-cat-list{display:grid;gap:8px;margin:10px 0 20px}.sob-cat-list a{padding:9px 11px;border:1px solid var(--sob-border);border-radius:10px;text-decoration:none;color:var(--sob-dark);font-weight:700}.sob-cat-list a.active,.sob-cat-list a:hover{background:var(--sob-blue);color:#fff;border-color:var(--sob-blue)}.sob-field input,.sob-account-fields input{width:100%;border:1px solid var(--sob-border);border-radius:8px;padding:11px 12px;background:#fff}.sob-check{background:#fff;border:1px solid var(--sob-border);border-radius:12px;padding:12px}.sob-check input{width:auto;margin-right:7px}.sob-account{max-width:1050px;margin:45px auto;padding:0 20px}.sob-small{padding:8px 12px;font-size:12px}

.sob-field{min-width:0}.sob-add-form{min-width:0}.sob-product-card .sob-btn{margin-top:4px}


/* v0.2.7 - Strong select fix for Astra/SureCart/theme CSS conflicts.
   Some themes force select height/line-height and clip numeric values like .288, .500 x .500, 14 Gauge.
   These high-specificity rules intentionally override theme select styling inside the Supaks shop only. */
body .sob-shop-shell .sob-product-card .sob-add-form .sob-field select,
body .sob-single-product .sob-add-form .sob-field select,
body .sob-shop-shell select[name^="options"],
body .sob-single-product select[name^="options"]{
    box-sizing:border-box !important;
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:52px !important;
    min-height:52px !important;
    line-height:1.3 !important;
    padding:14px 48px 14px 16px !important;
    font-size:16px !important;
    font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif !important;
    font-weight:500 !important;
    letter-spacing:0 !important;
    color:#111827 !important;
    -webkit-text-fill-color:#111827 !important;
    background-color:#fff !important;
    overflow:visible !important;
    text-indent:0 !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    border:1px solid #d9deea !important;
    border-radius:10px !important;
    box-shadow:0 2px 8px rgba(16,24,40,.04) !important;
    background-image:linear-gradient(45deg,transparent 50%,#475467 50%),linear-gradient(135deg,#475467 50%,transparent 50%) !important;
    background-position:calc(100% - 20px) 23px,calc(100% - 14px) 23px !important;
    background-size:6px 6px,6px 6px !important;
    background-repeat:no-repeat !important;
    -webkit-appearance:none !important;
    -moz-appearance:none !important;
    appearance:none !important;
}
body .sob-shop-shell .sob-product-card .sob-field,
body .sob-single-product .sob-field{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    overflow:visible !important;
    margin:12px 0 14px !important;
    line-height:1.35 !important;
}
body .sob-shop-shell .sob-product-card .sob-add-form,
body .sob-single-product .sob-add-form{
    overflow:visible !important;
}
body .sob-shop-shell .sob-product-card{
    overflow:visible !important;
}