
/* /pragmatic_website_customization/static/src/css/website_shop_page.css */
 :root{--brand-primary: #1a6b3c; --brand-accent: #2ecc71; --brand-light: #e8f5ee; --brand-dark: #0d3d22; --text-main: #1c2b22; --text-muted: #6b7e74; --border-color: #d4e3d9; --card-bg: #ffffff; --card-radius: 12px; --btn-radius: 8px; --shadow-card: 0 2px 12px rgba(0,0,0,.07); --shadow-hover: 0 8px 28px rgba(0,0,0,.13); --t: 0.18s cubic-bezier(.4,0,.2,1);}.o_wsale_products_grid_table td, .o_wsale_product_grid_wrapper{padding: 8px !important;}.o_wsale_products_grid_table .card, .o_wsale_product_grid_wrapper .card{border: 1px solid var(--border-color); border-radius: var(--card-radius); box-shadow: var(--shadow-card); transition: box-shadow var(--t), transform var(--t); overflow: hidden; background: var(--card-bg); height: 100%; display: flex; flex-direction: column;}.o_wsale_products_grid_table .card:hover, .o_wsale_product_grid_wrapper .card:hover{box-shadow: var(--shadow-hover); transform: translateY(-2px);}.o_wsale_product_image_wrapper{border-radius: var(--card-radius) var(--card-radius) 0 0; overflow: hidden; background: #f5f8f6; flex-shrink: 0;}.o_wsale_product_information{padding: 10px 12px 12px !important; display: flex; flex-direction: column; flex: 1;}.o_wsale_products_item_title a.product_name{font-size: .85rem; font-weight: 600; color: var(--text-main) !important; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-decoration: none !important; transition: color var(--t);}.o_wsale_products_item_title a.product_name:hover{color: var(--brand-primary) !important;}.product_price_qty_div{align-items: center; margin: 0 !important;}.product_price .h6{font-size: .88rem !important; font-weight: 700; color: var(--brand-dark); margin-bottom: 0;}.product_price del{font-size: .74rem !important; color: var(--text-muted) !important;}.product_price span[style*="font-weight: 100"]{font-size: .72rem; color: var(--text-muted); font-weight: 400 !important;}.multiple_of_qty{text-align: right; font-size: .7rem; color: var(--text-muted); line-height: 1.2;}.multiple_of_qty small{font-weight: 600; color: var(--brand-primary);}.item_num{font-size: .68rem; color: var(--text-muted); margin-bottom: 8px;}.item_num .product_default_code{color: var(--brand-primary); font-weight: 600;}.shop_add_to_cart_container label.col-form-label{font-size: .68rem; font-weight: 700; color: var(--text-muted); text-transform: uppercase; letter-spacing: .05em; margin-bottom: 3px; display: block;}.shop_add_to_cart_container select.css_attribute_color, .shop_add_to_cart_container select.js_variant_change{font-size: .8rem; color: var(--text-main); background-color: #fff; border: 1.5px solid var(--border-color); border-radius: var(--btn-radius); padding: 4px 28px 4px 10px; height: 32px; width: 100%; cursor: pointer; -webkit-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b7e74' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 9px center; transition: border-color var(--t), box-shadow var(--t); margin-bottom: 6px;}.shop_add_to_cart_container select.css_attribute_color:focus, .shop_add_to_cart_container select.js_variant_change:focus{border-color: var(--brand-primary); box-shadow: 0 0 0 3px rgba(26,107,60,.12); outline: none;}.shop_add_to_cart_container label.badge.border{font-size: .7rem; font-weight: 500 !important; color: var(--text-main) !important; background: #f5f8f6; border: 1.5px solid var(--border-color) !important; border-radius: 6px; padding: 3px 8px !important; cursor: pointer; transition: background var(--t), border-color var(--t), color var(--t); user-select: none;}.shop_add_to_cart_container input[type="radio"].js_variant_change:checked + label.badge{background: var(--brand-light); border-color: var(--brand-primary) !important; color: var(--brand-primary) !important; font-weight: 600 !important;}.shop_add_to_cart_container label.badge.border:hover{background: var(--brand-light); border-color: var(--brand-accent) !important;}.shop_add_to_cart_container label.variant_color_swatch{width: 20px !important; height: 20px !important; border-radius: 50% !important; border: 2px solid #d4e3d9 !important; cursor: pointer; transition: transform var(--t), box-shadow var(--t);}.shop_add_to_cart_container input[type="radio"]:checked + label.variant_color_swatch{border-color: var(--brand-primary) !important; box-shadow: 0 0 0 2px var(--brand-primary); transform: scale(1.15);}.shop_add_to_cart_container label.variant_color_swatch:hover{transform: scale(1.1); box-shadow: 0 0 0 2px var(--brand-accent);}.shop_add_to_cart_container .css_quantity.quantity_change_input_btn{display: flex !important; align-items: center; width: 100%; height: 38px; border: 1.5px solid var(--border-color); border-radius: var(--btn-radius); overflow: hidden; background: #fff; padding: 0; box-sizing: border-box; margin-bottom: 6px; transition: border-color var(--t);}.shop_add_to_cart_container .css_quantity.quantity_change_input_btn.in_cart{border-color: var(--brand-primary) !important;}.shop_add_to_cart_container .css_quantity .change_qty_btn, .shop_add_to_cart_container .css_quantity .esp_qty_change{display: flex !important; align-items: center; justify-content: center; width: 38px; min-width: 38px; height: 100%; background: #f5f5f5; border: none; border-radius: 0; color: var(--text-muted) !important; font-size: .88rem; text-decoration: none !important; cursor: pointer; transition: background var(--t), color var(--t); padding: 0; flex-shrink: 0; -webkit-tap-highlight-color: transparent; touch-action: manipulation; user-select: none;}.shop_add_to_cart_container .css_quantity .change_qty_btn:hover, .shop_add_to_cart_container .css_quantity .esp_qty_change:hover{background: #e0e0e0; color: var(--text-main) !important;}.shop_add_to_cart_container .css_quantity.in_cart .change_qty_btn, .shop_add_to_cart_container .css_quantity.in_cart .esp_qty_change{background: var(--brand-light); color: var(--brand-primary) !important;}.shop_add_to_cart_container .css_quantity.in_cart .change_qty_btn:hover, .shop_add_to_cart_container .css_quantity.in_cart .esp_qty_change:hover{background: var(--brand-accent); color: #fff !important;}.shop_add_to_cart_container .css_quantity.in_cart .change_qty_btn:active, .shop_add_to_cart_container .css_quantity.in_cart .esp_qty_change:active{background: var(--brand-primary); color: #fff !important;}.shop_add_to_cart_container .css_quantity .change_qty_btn[disabled], .shop_add_to_cart_container .css_quantity .esp_qty_change[disabled]{opacity: 0.45; pointer-events: none;}.shop_add_to_cart_container .css_quantity .cart_qty_display{flex: 1; text-align: center; font-weight: 700; font-size: .92rem; color: var(--text-muted); border-left: 1px solid var(--border-color) !important; border-right: 1px solid var(--border-color) !important; border-top: none !important; border-bottom: none !important; border-radius: 0 !important; background: #fff !important; padding: 0 4px !important; height: 100%; display: flex; align-items: center; justify-content: center; min-width: 36px; line-height: 1 !important; transition: color var(--t);}.shop_add_to_cart_container .css_quantity.in_cart .cart_qty_display{color: var(--text-main); border-left-color: var(--border-color) !important; border-right-color: var(--border-color) !important;}.shop_add_to_cart_container .row > .col-md-6, .shop_add_to_cart_container .row > [class*="col-"]{padding-left: 4px; padding-right: 4px;}.shop_add_to_cart_container .css_quantity.quantity_change_input_btn, .shop_add_to_cart_container .shop_view_buttons{width: 100%; flex: 0 0 100%; max-width: 100%;}.shop_add_to_cart_container .row{margin-left: 0 !important; margin-right: 0 !important;}.shop_add_to_cart_container .row > .col-md-6{flex: 0 0 100%; max-width: 100%;}.shop_add_to_cart_container .shop_view_buttons{display: flex !important; align-items: stretch; gap: 6px; width: 100%;}.shop_add_to_cart_container .o_add_to_cart_btn, .shop_add_to_cart_container #btn-add-to-cart{flex: 1; display: inline-flex !important; align-items: center; justify-content: center; gap: 7px; height: 38px; padding: 0 12px !important; font-size: .82rem !important; font-weight: 700 !important; letter-spacing: .02em; background: var(--brand-primary) !important; color: #fff !important; border: none !important; border-radius: var(--btn-radius) !important; cursor: pointer; text-decoration: none !important; white-space: nowrap; width: 100% !important; transition: background var(--t), transform var(--t), box-shadow var(--t); box-shadow: 0 2px 8px rgba(26,107,60,.22); -webkit-tap-highlight-color: transparent; touch-action: manipulation;}.shop_add_to_cart_container .o_add_to_cart_btn:hover, .shop_add_to_cart_container #btn-add-to-cart:hover{background: var(--brand-dark) !important; box-shadow: 0 4px 14px rgba(26,107,60,.32); transform: translateY(-1px);}.shop_add_to_cart_container .o_add_to_cart_btn:active, .shop_add_to_cart_container #btn-add-to-cart:active{transform: scale(.97) translateY(0); box-shadow: 0 1px 4px rgba(26,107,60,.18);}.shop_add_to_cart_container .o_add_to_cart_btn[disabled], .shop_add_to_cart_container #btn-add-to-cart[disabled]{opacity: .65; pointer-events: none;}.shop_add_to_cart_container .o_add_to_cart_btn .fa-shopping-cart{font-size: .8rem;}.shop_add_to_cart_container .o_add_to_cart_btn.d-none{display: none !important;}.shop_add_to_cart_container .btn-link{text-decoration: none !important;}.shop_add_to_cart_container{margin: 6px 0 0 !important;}.shop_add_to_cart_container .row.product_item_multi_qty{margin-bottom: 4px !important;}.shop_add_to_cart_container .row.w-100.mb-3{margin-bottom: 4px !important;}.o_wsale_product_btn .quick-view-a.te_quick_view{font-size: .75rem; font-weight: 600; border-radius: var(--btn-radius); border-color: var(--border-color); color: var(--text-muted); background: transparent; transition: background var(--t), color var(--t);}.o_wsale_product_btn .quick-view-a.te_quick_view:hover{background: var(--brand-light); color: var(--brand-primary); border-color: var(--brand-primary);}.esp-cart-pop{position: fixed; z-index: 10050; width: 320px; max-width: 92vw;}.optional_products_section .table thead th{background: var(--brand-light) !important; color: var(--brand-dark); font-size: .78rem; text-transform: uppercase; letter-spacing: .05em; border-bottom: 2px solid var(--border-color);}.optional_products_section .optional-product-checkbox{width: 1.2em; height: 1.2em; accent-color: var(--brand-primary);}.o_wsale_products_searchbar input.search-query{border-radius: var(--btn-radius); border: 1.5px solid var(--border-color); font-size: .85rem; padding: 8px 14px; transition: border-color var(--t), box-shadow var(--t);}.o_wsale_products_searchbar input.search-query:focus{border-color: var(--brand-primary); box-shadow: 0 0 0 3px rgba(26,107,60,.1); outline: none;}@media (max-width: 991px){.o_wsale_products_grid_table td, .o_wsale_product_grid_wrapper{padding: 6px !important;}.o_wsale_product_information{padding: 8px 10px 10px !important;}.o_wsale_products_item_title a.product_name{font-size: .8rem;}}@media (max-width: 575px){.o_wsale_products_grid_table td, .o_wsale_product_grid_wrapper{padding: 4px !important;}.o_wsale_product_information{padding: 8px !important;}.shop_add_to_cart_container .css_quantity.quantity_change_input_btn.in_cart{height: 42px;}.shop_add_to_cart_container .css_quantity .change_qty_btn, .shop_add_to_cart_container .css_quantity .esp_qty_change{width: 42px; min-width: 42px; font-size: .95rem;}.shop_add_to_cart_container .o_add_to_cart_btn, .shop_add_to_cart_container #btn-add-to-cart{height: 42px; font-size: .85rem !important;}.esp-cart-pop{top: auto !important; bottom: 16px !important; right: 50% !important; transform: translateX(50%); width: calc(100vw - 24px); max-width: 400px;}.esp-cart-pop.esp-cart-pop--in{transform: translateX(50%) translateY(0) scale(1) !important;}.esp-cart-pop.esp-cart-pop--out{transform: translateX(50%) translateY(20px) scale(.97) !important; opacity: 0 !important;}}@media (max-width: 360px){.shop_add_to_cart_container .o_add_to_cart_btn span:not(.fa){display: none;}.shop_add_to_cart_container .o_add_to_cart_btn{min-width: 42px; width: 42px !important; flex: none;}.shop_add_to_cart_container .shop_view_buttons{justify-content: flex-end;}}