/* ============================================================ Yella.uz — Mobile Product Page Redesign v3 Cascade: last in , wins over stylesheet.css ============================================================ */ @media (max-width: 767px) { /* ── Product container: full width ── */ #product .row-flex.no-gutters > [class*="col-"] { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; padding: 0 !important; } /* ── Gallery: main image ── */ #product .image-block .thumbnails { background: #F4F5F6 !important; } #product .image-block .thumbnails .general-image { background: #F4F5F6 !important; border-radius: 0 !important; } #product .image-block .general-image .swiper { background: #F4F5F6 !important; } #product .main-image.thumbnail { display: block !important; width: 100% !important; max-width: 100% !important; aspect-ratio: 1 / 1 !important; background: #F4F5F6 !important; } #product .main-image.thumbnail img { width: 100% !important; max-width: 100% !important; height: auto !important; aspect-ratio: 1 / 1 !important; object-fit: cover !important; border-radius: 0 !important; } #product .image-block .thumbnails .general-image span.thumbnail { border-radius: 0 !important; padding: 0 !important; margin: 0 !important; } /* ── Thumbnails: horizontal scroll strip ── */ #product .image-additional { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; overflow-y: hidden !important; gap: 8px !important; padding: 10px 15px !important; background: #fff !important; scrollbar-width: none !important; -ms-overflow-style: none !important; -webkit-overflow-scrolling: touch !important; border-top: 1px solid #F0F0F0 !important; } #product .image-additional::-webkit-scrollbar { display: none !important; } #product .image-additional .item { flex: 0 0 60px !important; height: 60px !important; border-radius: 10px !important; overflow: hidden !important; border: 2px solid transparent !important; cursor: pointer !important; transition: border-color 0.2s, opacity 0.2s !important; opacity: 0.55 !important; } #product .image-additional .item.active, #product .image-additional .item:hover { border-color: #CCFF00 !important; opacity: 1 !important; } #product .image-additional .item .thumbnail { width: 60px !important; height: 60px !important; border: none !important; padding: 0 !important; margin: 0 !important; border-radius: 8px !important; } #product .image-additional .item .thumbnail img { width: 60px !important; height: 60px !important; object-fit: cover !important; border-radius: 8px !important; display: block !important; } #product .image-additional .swiper-ai-arrow { display: none !important; } /* ── Sticker badges: lime ── */ #product .stickers-ns .sticker-ns { border-radius: 8px !important; font-size: 11px !important; font-weight: 700 !important; padding: 4px 10px !important; letter-spacing: 0.3px !important; } #product .stickers-ns .sticker-ns.popular { background: #CCFF00 !important; color: #1A1A1A !important; } /* ── Right block ── */ #product .right-block { padding: 12px 15px 20px !important; background: #fff !important; border-radius: 0 !important; border-left: none !important; } #product .right-block-inner { background: #fff !important; border-left: none !important; } /* ── Title ── */ #product .h1-prod-name { font-size: 20px !important; font-weight: 800 !important; line-height: 1.3 !important; color: #1A1A1A !important; letter-spacing: -0.3px !important; margin-bottom: 10px !important; width: auto !important; flex-shrink: 0 !important; padding: 0 !important; border: none !important; background: transparent !important; } /* ── Info row: rating, stock, manufacturer ── */ #product .info-product { display: flex !important; flex-wrap: wrap !important; gap: 6px 12px !important; margin-bottom: 10px !important; border-bottom: none !important; padding-bottom: 0 !important; } #product .info-rating { margin-bottom: 0 !important; } #product .rating-star { color: #CCFF00 !important; } #product .info-manufacturer { font-size: 12px !important; color: #8A8F98 !important; font-weight: 500 !important; margin: 0 !important; border-bottom: none !important; padding: 0 !important; } #product .info-manufacturer a { color: #1A1A1A !important; font-weight: 700 !important; } #product .info-sku { font-size: 11px !important; color: #8A8F98 !important; margin: 0 !important; } #product .stock-status.up-icon { display: none !important; } #product .stock-status { display: none !important; } /* ── Price block ── */ #product .price-group { background: transparent !important; border-radius: 0 !important; padding: 4px 0 10px !important; margin-bottom: 6px !important; border-bottom: none !important; } #product .price-group .price { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 2px !important; } #product .price-group .price .price-old { display: inline-block !important; font-size: 13px !important; color: #9CA3AF !important; text-decoration: line-through !important; font-weight: 400 !important; margin: 0 !important; padding: 0 !important; border: none !important; } #product .price-group .price .price-new, #product .price-group .price .autocalc-product-special { font-size: 28px !important; font-weight: 900 !important; color: #1A1A1A !important; letter-spacing: -1.2px !important; line-height: 1.15 !important; } #product .price-tax { display: none !important; } #product .found-cheaper { display: none !important; } /* ── Short description block ── */ #product .short-desc-b { background: #F4F5F6 !important; border-radius: 14px !important; padding: 12px 14px !important; margin-bottom: 12px !important; border-left: 3px solid #CCFF00 !important; border-bottom: none !important; padding-bottom: 12px !important; } #product .short-desc-b .title_short_description { font-size: 11px !important; font-weight: 700 !important; color: #8A8F98 !important; text-transform: uppercase !important; letter-spacing: 1px !important; margin-bottom: 6px !important; } #product .short-desc-b .text_short_description { font-size: 13px !important; font-weight: 500 !important; color: #1A1A1A !important; line-height: 1.5 !important; margin: 0 !important; padding: 0 !important; border: none !important; } #product .short-desc-b .redmore-link { font-size: 12px !important; font-weight: 600 !important; color: #8A8F98 !important; text-decoration: none !important; display: inline-block !important; margin-top: 6px !important; } /* ── Options (installation radio buttons) ── */ #product .options { margin-bottom: 10px !important; } #product .options .form-group { margin-bottom: 0 !important; } #product .options .control-label { font-size: 12px !important; font-weight: 700 !important; color: #1A1A1A !important; margin-bottom: 6px !important; } #product .default-radio { display: flex !important; align-items: center !important; margin-bottom: 4px !important; } #product .default-radio input { margin-right: 8px !important; accent-color: #1A1A1A !important; } #product .default-radio label { display: flex !important; align-items: center !important; gap: 6px !important; font-size: 13px !important; font-weight: 500 !important; color: #1A1A1A !important; cursor: pointer !important; } #product .default-radio input:checked + label { font-weight: 700 !important; } #product .option-name { font-size: 13px !important; } /* ── Buy section ── */ #product .action-group { display: flex !important; flex-direction: row !important; align-items: stretch !important; gap: 10px !important; margin-bottom: 16px !important; border-bottom: none !important; padding-bottom: 0 !important; } /* Quantity controls — compact inline */ #product .quantity-adder { display: flex !important; align-items: center !important; justify-content: space-between !important; background: #fff !important; border: 1.5px solid #E5E7EB !important; border-radius: 14px !important; overflow: hidden !important; height: 52px !important; width: 110px !important; min-width: 110px !important; max-width: 110px !important; flex-shrink: 0 !important; } #product .quantity-adder .quantity-number { display: flex !important; align-items: center !important; width: 100% !important; height: 52px !important; } #product .quantity-adder .add-action { width: 40px !important; min-width: 40px !important; height: 52px !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; background: transparent !important; transition: background 0.15s !important; color: #374151 !important; font-size: 18px !important; font-weight: 300 !important; } #product .quantity-adder .add-action:active { background: rgba(204,255,0,0.12) !important; } #product .quantity-adder .quantity-product { flex: 1 !important; text-align: center !important; font-size: 17px !important; font-weight: 700 !important; color: #1A1A1A !important; border: none !important; background: transparent !important; font-family: 'Rubik', sans-serif !important; height: 52px !important; width: auto !important; padding: 0 !important; box-shadow: none !important; } /* Cart button */ #product .cart { flex: 1 !important; min-width: 0 !important; } #product .cart #button-cart { width: 100% !important; height: 52px !important; background: #1A1A1A !important; background-color: #1A1A1A !important; color: #fff !important; border: none !important; border-radius: 14px !important; font-size: 15px !important; font-weight: 700 !important; font-family: 'Rubik', sans-serif !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; box-shadow: 0 2px 8px rgba(26,26,26,0.15) !important; position: relative !important; overflow: hidden !important; transition: all 0.2s !important; padding: 0 20px !important; letter-spacing: 0.3px !important; } #product .cart #button-cart::before { content: '' !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; height: 50% !important; background: linear-gradient(to bottom, rgba(255,255,255,0.08), transparent) !important; pointer-events: none !important; } #product .cart #button-cart:active { transform: scale(0.97) !important; box-shadow: 0 1px 4px rgba(26,26,26,0.2) !important; } #product .cart #button-cart i, #product .cart #button-cart .up-icon-cart { color: #CCFF00 !important; font-size: 18px !important; } #product .cart #button-cart .text-cart-add { font-weight: 700 !important; font-size: 15px !important; } /* Compare/wishlist buttons */ #product .compare-wishlist-group { display: flex !important; gap: 8px !important; flex-wrap: wrap !important; } #product .btn-compare, #product .btn-wishlist { display: none !important; } /* ── Tabs header ── */ #product .tabs__header { background: #fff !important; border-radius: 0 !important; margin-bottom: 0 !important; position: relative !important; z-index: auto !important; } #product .tabs__header .nav-tabs { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; scrollbar-width: none !important; -ms-overflow-style: none !important; -webkit-overflow-scrolling: touch !important; gap: 0 !important; padding: 0 !important; background: #fff !important; border-bottom: 1px solid #E8E9EB !important; } #product .tabs__header .nav-tabs::-webkit-scrollbar { display: none !important; } #product .tabs__header .nav-tabs li a { font-size: 13px !important; font-weight: 600 !important; color: #8A8F98 !important; padding: 13px 14px !important; border: none !important; background: transparent !important; white-space: nowrap !important; border-bottom: 2px solid transparent !important; margin: 0 !important; } #product .tabs__header .nav-tabs li.active a, #product .tabs__header .nav-tabs li a:active { color: #1A1A1A !important; border-bottom-color: #CCFF00 !important; } #product .tabs__active_line { display: none !important; } /* ── Tab content ── */ #product .tab-content { padding: 0 !important; } #product .tab-content > .tab-pane { padding: 0 !important; } /* ── Description tab ── */ #product #tab-description { background: #fff !important; border-radius: 14px !important; padding: 14px !important; margin: 12px 15px !important; border: 1px solid #E8E9EB !important; } #product #tab-description h2.ch-h2, #product #tab-description h3.ch-h2 { font-size: 15px !important; font-weight: 800 !important; color: #1A1A1A !important; margin-bottom: 10px !important; } #product #tab-description p { font-size: 13px !important; font-weight: 400 !important; color: #444 !important; line-height: 1.7 !important; margin-bottom: 8px !important; } #product #tab-description h4 { font-size: 13px !important; font-weight: 700 !important; color: #1A1A1A !important; margin: 10px 0 6px !important; padding-top: 8px !important; border-top: 1px solid #E8E9EB !important; } #product #tab-description ul { list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex !important; flex-direction: column !important; gap: 0 !important; } #product #tab-description ul li { display: flex !important; align-items: flex-start !important; gap: 8px !important; padding: 6px 0 !important; border-bottom: 1px solid #F4F5F6 !important; font-size: 13px !important; font-weight: 500 !important; color: #1A1A1A !important; line-height: 1.4 !important; } #product #tab-description ul li:last-child { border-bottom: none !important; } #product #tab-description ul li::before { content: '✓' !important; color: #10B981 !important; font-weight: 700 !important; font-size: 10px !important; margin-top: 2px !important; flex-shrink: 0 !important; } #product #tab-description table { width: 100% !important; border-collapse: collapse !important; font-size: 13px !important; } #product #tab-description table td { padding: 6px 0 !important; border-bottom: 1px solid #F4F5F6 !important; vertical-align: top !important; } #product #tab-description table td:first-child { color: #8A8F98 !important; font-weight: 500 !important; padding-right: 12px !important; width: 40% !important; } #product #tab-description table td:last-child { color: #1A1A1A !important; font-weight: 600 !important; } /* ── Specification tab ── */ #product #tab-specification { background: #fff !important; border-radius: 14px !important; padding: 14px !important; margin: 12px 15px !important; border: 1px solid #E8E9EB !important; } #product #tab-specification .ch-h2, #product #tab-specification h2.ch-h2 { font-size: 15px !important; font-weight: 800 !important; color: #1A1A1A !important; margin-bottom: 10px !important; } #product .attribute table { width: 100% !important; border-collapse: collapse !important; } #product .attribute table thead { display: none !important; } #product .attribute table tbody tr { display: flex !important; flex-direction: column !important; padding: 6px 0 !important; border-bottom: 1px solid #F4F5F6 !important; gap: 2px !important; } #product .attribute table tbody tr:last-child { border-bottom: none !important; } #product .attribute table td { padding: 0 !important; font-size: 12px !important; border: none !important; display: flex !important; justify-content: space-between !important; gap: 12px !important; } #product .attribute table td:first-child { color: #8A8F98 !important; font-weight: 500 !important; } #product .attribute table td:last-child { color: #1A1A1A !important; font-weight: 700 !important; text-align: right !important; } /* ── Reviews tab ── */ #product #tab-review { background: #fff !important; border-radius: 14px !important; padding: 14px !important; margin: 12px 15px !important; border: 1px solid #E8E9EB !important; } /* ── Breadcrumb ── */ #product .breadcrumb-box { padding: 10px 15px !important; background: #fff !important; margin-bottom: 0 !important; } #product .breadcrumb { display: flex !important; align-items: center !important; gap: 6px !important; flex-wrap: nowrap !important; overflow: hidden !important; list-style: none !important; padding: 0 !important; margin: 0 !important; } #product .breadcrumb li { display: flex !important; align-items: center !important; gap: 6px !important; font-size: 12px !important; color: #8A8F98 !important; font-weight: 500 !important; white-space: nowrap !important; flex-shrink: 0 !important; } #product .breadcrumb li a { color: #8A8F98 !important; text-decoration: none !important; } #product .breadcrumb li:last-child { color: #1A1A1A !important; font-weight: 600 !important; } #product .breadcrumb li::after { content: '/' !important; font-size: 10px !important; opacity: 0.4 !important; } #product .breadcrumb li:last-child::after { display: none !important; } /* ── Related products ── */ #product .related-products { display: none !important; } /* ── Delivery block ── */ #product .product-delivery { display: none !important; } /* ── Payment block ── */ #product .product-payment { display: none !important; } /* ── Timer ── */ #product .product-timer { display: none !important; } /* ── Notify stock ── */ #product .btn-notify-stock { display: none !important; } /* ── Fast order ── */ #product .btn-fastorder { display: none !important; } /* ── Share button ── */ #product .btn-share { display: none !important; } /* ── Next/prev ── */ #product .nextprev-share-group { display: none !important; } /* ── Bottom sticky bars (HIDE ALL) — bulletproof overrides ── */ /* The bar uses transform:translateY(0) to slide in, position:fixed, z-index:1001 */ html body#product .add-to-cart-footer, html body#product .add-to-cart-footer.fm_b_3, html body#product .add-to-cart-footer.turn_on, html body#product .add-to-cart-footer.turn_on.fm_b_3 { display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; overflow: hidden !important; pointer-events: none !important; position: absolute !important; bottom: auto !important; left: -99999px !important; transform: translateY(100%) !important; -webkit-transform: translateY(100%) !important; -ms-transform: translateY(100%) !important; z-index: -1 !important; border: none !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; max-height: 0 !important; min-height: 0 !important; max-width: 0 !important; min-width: 0 !important; } /* Also hide the fixed mobile bottom panel */ html body#product #fm-fixed-mobile-bottom { display: none !important; visibility: hidden !important; pointer-events: none !important; } /* And the other sticky variant */ html body#product .sticky-product-info, html body#product .sticky-product-info.sticky { display: none !important; visibility: hidden !important; } /* ── Hide raw JS code text in footer ── */ #product .script-text, #product script:not([src]):not([type="application/ld+json"]):not([type="text/javascript"]) { display: none !important; color: transparent !important; font-size: 0 !important; line-height: 0 !important; height: 0 !important; overflow: hidden !important; } /* Hide any visible code blocks that leaked into DOM as text nodes */ #product #content > div:last-child, #product #content > div:has(> pre), #product #content > div:has(> code) { display: none !important; } /* ── Page container ── */ #product .container { padding-left: 0 !important; padding-right: 0 !important; max-width: 100% !important; } #product .container-fluid { padding-left: 0 !important; padding-right: 0 !important; } /* ── Content area ── */ #product #content { padding: 0 !important; background: #fff !important; } #product .col-sm-12 { padding: 0 !important; } /* ── Footer / copyright area cleanup ── */ #product footer, #product .footer { display: block !important; } #product .footer * { font-size: inherit !important; } /* ════════════════════════════════════════════ VIEWED PRODUCTS — "Lime Shadow" Card Redesign Targets: upstore_productviewed.twig actual HTML classes ════════════════════════════════════════════ */ /* ── Viewed module container ── */ .container-module.pvmod_ { background: transparent !important; padding: 0 !important; } .container-module .title-module { display: none !important; } .swiper-mod-navigation { display: none !important; } /* ── Swiper wrapper — vertical stack for mobile viewed list ── */ .pvmod_ .swiper-wrapper { display: flex !important; flex-direction: column !important; gap: 10px !important; padding: 0 16px 16px !important; } .pvmod_ .item.swiper-slide { width: 100% !important; height: auto !important; padding: 0 !important; } /* ── CARD: main container (.product-thumb inside viewed module) ── */ .pvmod_ .product-thumb { display: flex !important; align-items: stretch !important; gap: 14px !important; padding: 14px !important; background: #fff !important; border: 1px solid #E8E9EB !important; border-radius: 14px !important; position: relative !important; overflow: hidden !important; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important; box-shadow: none !important; } .pvmod_ .product-thumb:active { transform: scale(0.98) !important; box-shadow: 0 3px 12px rgba(26,26,26,0.08) !important; } /* Lime accent bar on left (visible on tap) */ .pvmod_ .product-thumb::before { content: '' !important; position: absolute !important; left: 0 !important; top: 12px !important; bottom: 12px !important; width: 3px !important; background: #CCFF00 !important; border-radius: 0 3px 3px 0 !important; opacity: 0 !important; transition: opacity 0.25s ease !important; } .pvmod_ .product-thumb:active::before { opacity: 1 !important; } /* ── IMAGE: 96x96 square ── */ .pvmod_ .product-thumb > .image { flex-shrink: 0 !important; width: 96px !important; max-width: 96px !important; min-width: 96px !important; height: 96px !important; overflow: hidden !important; border-radius: 10px !important; background: #F7F7F7 !important; display: flex !important; align-items: center !important; justify-content: center !important; position: relative !important; } .pvmod_ .product-thumb > .image a { display: block !important; width: 100% !important; height: 100% !important; } .pvmod_ .product-thumb > .image img.img-responsive { width: 96px !important; height: 96px !important; object-fit: cover !important; border-radius: 10px !important; padding: 0 !important; margin: 0 !important; transition: transform 0.3s ease !important; } .pvmod_ .product-thumb:active > .image img.img-responsive { transform: scale(1.05) !important; } /* Hide stickers on viewed cards (keep it clean) */ .pvmod_ .product-thumb > .image .stickers-ns { display: none !important; } .pvmod_ .product-thumb > .image .addit-action { display: none !important; } .pvmod_ .product-thumb > .image .action-timer { display: none !important; } .pvmod_ .product-thumb > .image .pro_sticker { display: none !important; } /* ── CAPTION: text block ── */ .pvmod_ .product-thumb .caption { flex: 1 !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; min-width: 0 !important; padding: 2px 0 !important; gap: 0 !important; } /* Product name */ .pvmod_ .product-thumb .product-name { margin: 0 0 4px 0 !important; padding: 0 !important; line-height: 1.35 !important; } .pvmod_ .product-thumb .product-name a { color: #1A1A1A !important; font-size: 13.5px !important; font-weight: 600 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; text-overflow: ellipsis !important; letter-spacing: -0.15px !important; line-height: 1.35 !important; font-family: 'Rubik', sans-serif !important; } /* Model/SKU */ .pvmod_ .product-thumb .product-model { font-size: 11px !important; font-weight: 500 !important; color: #999 !important; letter-spacing: 0.3px !important; text-transform: uppercase !important; font-family: 'SF Mono', Consolas, 'Courier New', monospace !important; margin: 0 0 auto 0 !important; padding: 0 !important; } /* Rating — hide in viewed cards */ .pvmod_ .product-thumb .rating { display: none !important; } /* Stock status */ .pvmod_ .product-thumb .stock-status.instock { font-size: 10.5px !important; font-weight: 600 !important; color: #2D8B36 !important; display: inline-flex !important; align-items: center !important; gap: 4px !important; margin: 0 !important; padding: 0 !important; } .pvmod_ .product-thumb .stock-status.outofstock { font-size: 10.5px !important; font-weight: 600 !important; color: #C0392B !important; margin: 0 !important; } .pvmod_ .product-thumb .product_model_sstatus { margin-bottom: 4px !important; } /* Description — hide in viewed cards */ .pvmod_ .product-thumb .product-description { display: none !important; } /* ── PRICE ACTIONS BOX ── */ .pvmod_ .product-thumb .price-actions-box { display: flex !important; flex-direction: row !important; align-items: baseline !important; gap: 8px !important; flex-wrap: wrap !important; margin-top: 6px !important; width: 100% !important; } /* Price */ .pvmod_ .product-thumb .price { display: flex !important; flex-direction: row !important; align-items: baseline !important; gap: 8px !important; flex-wrap: wrap !important; margin: 0 !important; padding: 0 !important; order: -1 !important; } .pvmod_ .product-thumb .price .price-old { font-size: 12px !important; font-weight: 500 !important; color: #999 !important; text-decoration: line-through !important; text-decoration-color: rgba(153,153,153,0.5) !important; margin: 0 !important; padding: 0 !important; } .pvmod_ .product-thumb .price .price-new, .pvmod_ .product-thumb .price .special_value { font-size: 17px !important; font-weight: 800 !important; color: #1A1A1A !important; letter-spacing: -0.4px !important; } .pvmod_ .product-thumb .price .price_value:not(.special_value):not(:has(+ .special_value)) { font-size: 17px !important; font-weight: 800 !important; color: #1A1A1A !important; letter-spacing: -0.4px !important; } .pvmod_ .product-thumb .price-tax { display: none !important; } /* Quantity +/- — hide in viewed cards */ .pvmod_ .product-thumb .quantity_plus_minus { display: none !important; } /* ── CART BUTTON: dark circle with lime icon ── */ .pvmod_ .product-thumb .cart { flex-shrink: 0 !important; margin-left: auto !important; align-self: flex-end !important; } .pvmod_ .product-thumb .cart .btn-general { width: 44px !important; height: 44px !important; min-width: 44px !important; max-width: 44px !important; border-radius: 50% !important; padding: 0 !important; background: #1A1A1A !important; border: none !important; color: #CCFF00 !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important; position: relative !important; overflow: hidden !important; box-shadow: none !important; margin: 0 !important; } .pvmod_ .product-thumb .cart .btn-general:active { transform: scale(0.92) !important; background: #CCFF00 !important; color: #1A1A1A !important; } .pvmod_ .product-thumb .cart .btn-general i { font-size: 18px !important; color: inherit !important; } /* Hide text label, keep icon only */ .pvmod_ .product-thumb .cart .text-cart-add { display: none !important; } /* ── Desktop sidebar viewed (≥992px) — matching style ── */ @media (min-width: 992px) { .sidebar-viewed { background: #F7F7F7 !important; border-radius: 24px 0 0 24px !important; } .sidebar-viewed__header { border-bottom-color: #F0F0F0 !important; height: auto !important; padding: 18px 60px 14px 30px !important; } .sidebar-viewed__title { font-size: 18px !important; font-weight: 800 !important; color: #1A1A1A !important; letter-spacing: -0.3px !important; } .sidebar-viewed__content { padding: 14px 16px !important; } .sidebar-viewed .product-thumb { border-radius: 14px !important; border-color: #E8E9EB !important; } } /* ── Swiper pagination dots ── */ #product .ch-pagination { bottom: 8px !important; } #product .ch-pagination .swiper-pagination-bullet { width: 6px !important; height: 6px !important; border-radius: 50% !important; background: rgba(0,0,0,0.25) !important; } #product .ch-pagination .swiper-pagination-bullet-active { background: #1A1A1A !important; width: 18px !important; border-radius: 3px !important; } }