
/* CA2 isolation contract: no generic legacy selector owns this component. */
body.ca2-cart-modal-lock { overflow: hidden !important; }
#ca2-floating-cart-modal.ca2-cart-modal { position: fixed; inset: 0; z-index: 100000; display: none; direction: rtl; opacity: 0; transition: opacity .24s ease; }
#ca2-floating-cart-modal.ca2-cart-modal.open { display: block; opacity: 1; }
#ca2-floating-cart-modal .ca2-cart-modal-backdrop { position: absolute; inset: 0; cursor: pointer; }
#ca2-floating-cart-modal { --ca-float-primary: var(--ca-harmony-primary,#0f3d3a); --ca-float-primary-hover: var(--ca-harmony-primary-hover,#2a746b); --ca-float-ink: var(--ca-harmony-ink,#2a2a2a); --ca-float-muted: var(--ca-harmony-muted,#6e6a62); --ca-float-line: var(--ca-harmony-line,#e8dcc6); --ca-float-frame: var(--ca-harmony-surface,#fff7ec); --ca-float-card: var(--ca-harmony-card,#ffffff); --ca-float-soft: var(--ca-harmony-subtle,#f8f0e3); --ca-float-green-soft: var(--ca-harmony-soft-green,#e5efec); direction: rtl !important; background: rgba(12,34,30,.48) !important; -webkit-backdrop-filter: blur(8px) !important; backdrop-filter: blur(8px) !important; overscroll-behavior: contain } #ca2-floating-cart-modal .ca2-cart-modal-backdrop { background: transparent !important; -webkit-tap-highlight-color: transparent } #ca2-floating-cart-modal .ca2-cart-modal-content { position: absolute !important; inset: 14px 14px 14px auto !important; width: min(448px,calc(100vw - 28px)) !important; height: auto !important; max-height: none !important; display: flex !important; flex-direction: column !important; gap: 0 !important; overflow: hidden !important; border: 1px solid var(--ca-float-line) !important; border-radius: 25px !important; background: var(--ca-float-frame) !important; color: var(--ca-float-ink) !important; box-shadow: 0 28px 85px rgba(12,34,30,.24),0 4px 16px rgba(12,34,30,.07) !important; transform: translateX(28px); transition: transform .28s cubic-bezier(.2,.75,.25,1),opacity .22s ease !important; isolation: isolate } #ca2-floating-cart-modal.open .ca2-cart-modal-content { transform: translateX(0) } #ca2-floating-cart-modal .ca2-cart-modal-head { position: relative !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 14px !important; flex: 0 0 auto !important; min-height: 0 !important; margin: 13px 13px 5px !important; padding: 15px 16px !important; border: 1px solid var(--ca-float-line) !important; border-radius: 18px !important; background: linear-gradient(135deg,var(--ca-float-card) 0%,var(--ca-float-soft) 100%) !important; box-shadow: 0 3px 12px rgba(27,55,45,.035) !important } #ca2-floating-cart-modal .ca2-cart-head-copy { min-width: 0 !important; flex: 1 1 auto !important } #ca2-floating-cart-modal .ca2-cart-eyebrow { display: inline-flex !important; align-items: center !important; gap: 6px !important; margin: 0 0 5px !important; color: var(--ca-float-primary) !important; font-family: IRANSans,Tahoma,sans-serif !important; font-size: 10px !important; font-weight: 800 !important; line-height: 1.5 !important } #ca2-floating-cart-modal .ca2-cart-eyebrow i { display: inline-grid !important; place-items: center !important; width: 23px !important; height: 23px !important; border-radius: 8px !important; background: var(--ca-float-green-soft) !important; color: var(--ca-float-primary) !important; font-size: 11px !important } #ca2-floating-cart-modal .ca2-cart-title-row { display: flex !important; align-items: center !important; gap: 9px !important; flex-wrap: wrap !important; min-width: 0 !important } #ca2-floating-cart-modal .ca2-cart-title { margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: var(--ca-float-ink) !important; font-family: IRANSans,Tahoma,sans-serif !important; font-size: 20px !important; font-weight: 900 !important; line-height: 1.45 !important; letter-spacing: -.25px !important } #ca2-floating-cart-modal .ca2-cart-head-count { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 4px !important; min-height: 25px !important; padding: 2px 9px !important; border: 1px solid rgba(15,61,58,.12) !important; border-radius: 999px !important; background: var(--ca-float-green-soft) !important; color: var(--ca-float-primary) !important; font-family: IRANSans,Tahoma,sans-serif !important; font-size: 10px !important; font-weight: 800 !important; line-height: 1.4 !important; white-space: nowrap !important } #ca2-floating-cart-modal .ca2-cart-head-count b { color: var(--ca-float-primary) !important; font-size: 11px !important; font-weight: 900 !important } #ca2-floating-cart-modal .ca2-cart-close { position: relative !important; inset: auto !important; display: grid !important; place-items: center !important; flex: 0 0 38px !important; width: 38px !important; height: 38px !important; min-height: 38px !important; margin: 0 !important; padding: 0 !important; border: 1px solid var(--ca-float-line) !important; border-radius: 12px !important; background: var(--ca-float-card) !important; color: var(--ca-float-muted) !important; font-size: 14px !important; box-shadow: none !important; transition: background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease !important } #ca2-floating-cart-modal .ca2-cart-close:hover,#ca2-floating-cart-modal .ca2-cart-close:focus-visible { border-color: var(--ca-float-primary) !important; background: var(--ca-float-green-soft) !important; color: var(--ca-float-primary) !important; transform: rotate(6deg) !important; outline: 2px solid transparent !important } #ca2-floating-cart-modal .ca2-cart-items { flex: 1 1 auto !important; min-height: 70px !important; overflow: auto !important; overscroll-behavior: contain !important; scrollbar-width: thin !important; scrollbar-color: rgba(15,61,58,.23) transparent !important; margin: 0 !important; padding: 9px 14px 15px !important; border: 0 !important; background: transparent !important } #ca2-floating-cart-modal .ca2-cart-items::-webkit-scrollbar { width: 5px !important } #ca2-floating-cart-modal .ca2-cart-items::-webkit-scrollbar-thumb { border-radius: 999px !important; background: rgba(15,61,58,.22) !important } #ca2-floating-cart-modal .ca2-cart-items .edd-cart { display: grid !important; grid-template-columns: minmax(0,1fr) !important; gap: 10px !important; margin: 0 !important; padding: 0 !important; list-style: none !important } #ca2-floating-cart-modal .ca2-edd-cart-item { position: relative !important; display: flex !important; align-items: center !important; gap: 12px !important; min-width: 0 !important; margin: 0 !important; padding: 11px !important; border: 1px solid var(--ca-float-line) !important; border-radius: 17px !important; background: var(--ca-float-card) !important; box-shadow: 0 3px 12px rgba(39,50,42,.035) !important; transition: border-color .18s ease,box-shadow .18s ease,opacity .2s ease,transform .2s ease !important } #ca2-floating-cart-modal .ca2-edd-cart-item:hover { border-color: rgba(15,61,58,.23) !important; box-shadow: 0 7px 18px rgba(15,61,58,.07) !important; transform: translateY(-1px) !important } #ca2-floating-cart-modal .ca2-edd-cart-item.is-removing { opacity: .38 !important; transform: scale(.985) !important } #ca2-floating-cart-modal .ca2-edd-cart-item-thumb { display: block !important; width: 61px !important; height: 82px !important; flex: 0 0 61px !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; border: 1px solid rgba(37,65,50,.08) !important; border-radius: 10px !important; background: var(--ca-float-soft) !important; box-shadow: 0 3px 8px rgba(12,34,30,.07) !important } #ca2-floating-cart-modal .ca2-edd-cart-item-details { display: flex !important; flex: 1 1 auto !important; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; gap: 7px !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important } #ca2-floating-cart-modal .ca2-edd-cart-item-title { display: -webkit-box !important; overflow: hidden !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; color: var(--ca-float-ink) !important; font-family: IRANSans,Tahoma,sans-serif !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.85 !important; text-overflow: ellipsis !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important; overflow-wrap: anywhere !important } #ca2-floating-cart-modal .ca2-edd-cart-item-price { display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; max-width: 100% !important; margin: 0 !important; padding: 4px 9px !important; border: 1px solid rgba(15,61,58,.08) !important; border-radius: 8px !important; background: var(--ca-float-green-soft) !important; color: var(--ca-float-primary) !important; font-family: IRANSans,Tahoma,sans-serif !important; font-size: 10px !important; font-weight: 900 !important; line-height: 1.5 !important; white-space: nowrap !important } #ca2-floating-cart-modal .ca2-cart-remove-item-btn { display: grid !important; place-items: center !important; flex: 0 0 34px !important; width: 34px !important; height: 34px !important; min-height: 34px !important; margin: 0 !important; padding: 0 !important; border: 1px solid #f0deda !important; border-radius: 11px !important; background: #fff7f5 !important; color: #99554c !important; text-decoration: none !important; box-shadow: none !important; line-height: 1 !important; transition: color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease !important } #ca2-floating-cart-modal .ca2-cart-remove-item-btn i { display: block !important; margin: 0 !important; padding: 0 !important; color: inherit !important; font-size: 12px !important; line-height: 1 !important } #ca2-floating-cart-modal .ca2-cart-remove-item-btn:hover,#ca2-floating-cart-modal .ca2-cart-remove-item-btn:focus-visible { border-color: #e7c5bf !important; background: #ffede9 !important; color: #813d35 !important; transform: translateY(-1px) !important; outline: 2px solid transparent !important } #ca2-floating-cart-modal .ca2-cart-loading,#ca2-floating-cart-modal .ca2-cart-empty { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; min-height: 205px !important; padding: 28px 22px !important; border: 1px dashed var(--ca-float-line) !important; border-radius: 18px !important; background: rgba(255,255,255,.62) !important; color: var(--ca-float-muted) !important; text-align: center !important } #ca2-floating-cart-modal .ca2-cart-loading-icon,#ca2-floating-cart-modal .ca2-cart-empty-icon { display: grid !important; place-items: center !important; width: 54px !important; height: 54px !important; margin: 0 0 13px !important; border: 1px solid rgba(15,61,58,.08) !important; border-radius: 17px !important; background: var(--ca-float-green-soft) !important; color: var(--ca-float-primary) !important; font-size: 19px !important } #ca2-floating-cart-modal .ca2-cart-loading>span:last-child,#ca2-floating-cart-modal .ca2-cart-empty strong { color: var(--ca-float-ink) !important; font-family: IRANSans,Tahoma,sans-serif !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1.8 !important } #ca2-floating-cart-modal .ca2-cart-empty p { max-width: 265px !important; margin: 6px 0 0 !important; padding: 0 !important; color: var(--ca-float-muted) !important; font-size: 11px !important; font-weight: 400 !important; line-height: 1.9 !important } #ca2-floating-cart-modal .ca2-cart-error .ca2-cart-empty-icon { background: #fff4f2 !important; color: #99554c !important } #ca2-floating-cart-modal .ca2-cart-loading-icon i { animation: caFloatCartSpin .85s linear infinite !important } @keyframes caFloatCartSpin { to { transform: rotate(360deg) } } #ca2-floating-cart-modal .ca2-cart-footer { flex: 0 0 auto !important; margin: 0 !important; padding: 0 13px 13px !important; border: 0 !important; background: transparent !important; box-shadow: none !important } #ca2-floating-cart-modal .ca2-cart-discount-box { margin: 0 0 10px !important; padding: 11px 12px !important; border: 1px solid var(--ca-float-line) !important; border-radius: 15px !important; background: var(--ca-float-card) !important; box-shadow: 0 3px 12px rgba(39,50,42,.025) !important } #ca2-floating-cart-modal .ca2-cart-discount-box.is-unavailable { display: none !important; visibility: hidden !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; overflow: hidden !important } #ca2-floating-cart-modal .ca2-cart-discount-head { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 9px !important; margin: 0 0 9px !important } #ca2-floating-cart-modal .ca2-cart-discount-head>div { min-width: 0 !important } #ca2-floating-cart-modal .ca2-cart-discount-kicker { display: inline-flex !important; align-items: center !important; gap: 6px !important; color: var(--ca-float-primary) !important; font-family: IRANSans,Tahoma,sans-serif !important; font-size: 11px !important; font-weight: 900 !important; line-height: 1.6 !important } #ca2-floating-cart-modal .ca2-cart-discount-kicker i { color: var(--ca-float-primary) !important; font-size: 11px !important } #ca2-floating-cart-modal .ca2-cart-discount-head strong { display: block !important; margin: 2px 0 0 !important; color: var(--ca-float-muted) !important; font-family: IRANSans,Tahoma,sans-serif !important; font-size: 9px !important; font-weight: 500 !important; line-height: 1.7 !important } #ca2-floating-cart-modal .ca2-cart-discount-badge { display: inline-flex !important; align-items: center !important; gap: 4px !important; flex: 0 0 auto !important; min-height: 26px !important; padding: 3px 8px !important; border: 0 !important; border-radius: 8px !important; background: var(--ca-float-green-soft) !important; color: var(--ca-float-primary) !important; font-size: 10px !important; font-weight: 900 !important } #ca2-floating-cart-modal .ca2-cart-discount-badge[hidden],#ca2-floating-cart-modal .ca2-cart-discount-applied[hidden],#ca2-floating-cart-modal .ca2-cart-summary-saving[hidden] { display: none !important } #ca2-floating-cart-modal .ca2-cart-discount-form { display: grid !important; grid-template-columns: minmax(0,1fr) 74px !important; gap: 7px !important } #ca2-floating-cart-modal .ca2-cart-discount-input { display: block !important; width: 100% !important; min-width: 0 !important; height: 41px !important; min-height: 41px !important; margin: 0 !important; padding: 7px 11px !important; border: 1px solid var(--ca-float-line) !important; border-radius: 10px !important; outline: none !important; background: #fffdf9 !important; color: var(--ca-float-ink) !important; font-family: IRANSans,Tahoma,sans-serif !important; font-size: 11px !important; line-height: 1.5 !important; box-shadow: none !important } #ca2-floating-cart-modal .ca2-cart-discount-input::placeholder { color: #8a8b80 !important; opacity: 1 !important } #ca2-floating-cart-modal .ca2-cart-discount-input:focus { border-color: var(--ca-float-primary) !important; box-shadow: 0 0 0 3px rgba(15,61,58,.09) !important } #ca2-floating-cart-modal .ca2-cart-discount-apply { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 5px !important; min-width: 0 !important; height: 41px !important; min-height: 41px !important; margin: 0 !important; padding: 6px 9px !important; border: 1px solid var(--ca-float-primary) !important; border-radius: 10px !important; background: var(--ca-float-primary) !important; color: #fff !important; font-family: IRANSans,Tahoma,sans-serif !important; font-size: 10px !important; font-weight: 900 !important; line-height: 1.4 !important; box-shadow: none !important; transition: background .18s ease,border-color .18s ease,transform .18s ease !important } #ca2-floating-cart-modal .ca2-cart-discount-apply:hover:not(:disabled),#ca2-floating-cart-modal .ca2-cart-discount-apply:focus-visible { border-color: var(--ca-float-primary-hover) !important; background: var(--ca-float-primary-hover) !important; transform: translateY(-1px) !important } #ca2-floating-cart-modal .ca2-cart-discount-apply:disabled { opacity: .72 !important; cursor: wait !important } #ca2-floating-cart-modal .ca2-cart-discount-message { min-height: 0 !important; margin: 5px 1px 0 !important; color: var(--ca-float-muted) !important; font-size: 9px !important; line-height: 1.6 !important } #ca2-floating-cart-modal .ca2-cart-discount-message:empty { display: none !important } #ca2-floating-cart-modal .ca2-cart-discount-message.is-success { color: #2f756a !important } #ca2-floating-cart-modal .ca2-cart-discount-message.is-error { color: #a14740 !important } #ca2-floating-cart-modal .ca2-cart-discount-message.is-loading { color: var(--ca-float-muted) !important } #ca2-floating-cart-modal .ca2-cart-discount-applied { display: flex !important; align-items: center !important; gap: 7px !important; min-width: 0 !important; margin: 8px 0 0 !important; padding: 7px 8px !important; border: 1px solid #d5e7d9 !important; border-radius: 10px !important; background: #f0f8f1 !important; color: var(--ca-float-primary) !important; font-size: 10px !important; line-height: 1.5 !important } #ca2-floating-cart-modal .ca2-cart-discount-applied>span:first-child { display: flex !important; align-items: center !important; gap: 5px !important; min-width: 0 !important; flex: 1 1 auto !important } #ca2-floating-cart-modal .ca2-cart-discount-applied>span:first-child b { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important } #ca2-floating-cart-modal .ca2-cart-discount-saved { flex: 0 0 auto !important; font-weight: 900 !important; white-space: nowrap !important } #ca2-floating-cart-modal .ca2-cart-discount-remove { display: grid !important; place-items: center !important; flex: 0 0 25px !important; width: 25px !important; height: 25px !important; min-height: 25px !important; margin: 0 !important; padding: 0 !important; border: 1px solid var(--ca-float-line) !important; border-radius: 8px !important; background: #fff !important; color: var(--ca-float-muted) !important } #ca2-floating-cart-modal .ca2-cart-discount-remove:hover { color: #913f38 !important; background: #fff3f0 !important } #ca2-floating-cart-modal .ca2-cart-summary { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; min-width: 0 !important; margin: 0 2px 6px !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: var(--ca-float-muted) !important } #ca2-floating-cart-modal .ca2-cart-summary span { color: var(--ca-float-muted) !important; font-family: IRANSans,Tahoma,sans-serif !important; font-size: 10px !important; font-weight: 700 !important; line-height: 1.7 !important } #ca2-floating-cart-modal .ca2-cart-summary strong { color: var(--ca-float-ink) !important; font-family: IRANSans,Tahoma,sans-serif !important; font-size: 11px !important; font-weight: 900 !important; line-height: 1.7 !important; white-space: nowrap !important } #ca2-floating-cart-modal .ca2-cart-summary-subtotal { margin-bottom: 5px !important } #ca2-floating-cart-modal .ca2-cart-summary-saving { align-items: center !important; margin-bottom: 5px !important } #ca2-floating-cart-modal .ca2-cart-summary-saving span { display: inline-flex !important; align-items: center !important; gap: 5px !important; color: #2f756a !important } #ca2-floating-cart-modal .ca2-cart-summary-saving strong { color: #2f756a !important } #ca2-floating-cart-modal .ca2-cart-summary-total { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin: 7px 0 10px !important; padding: 11px 13px !important; border: 1px solid rgba(15,61,58,.13) !important; border-radius: 14px !important; background: var(--ca-float-green-soft) !important } #ca2-floating-cart-modal .ca2-cart-summary-total span { color: var(--ca-float-primary) !important; font-size: 11px !important; font-weight: 900 !important } #ca2-floating-cart-modal .ca2-cart-summary-total .ca2-cart-total-value { color: var(--ca-float-primary) !important; font-size: 18px !important; font-weight: 900 !important; letter-spacing: -.2px !important } #ca2-floating-cart-modal .ca2-cart-buttons { display: grid !important; grid-template-columns: minmax(0,1.25fr) minmax(0,1fr) !important; align-items: stretch !important; gap: 8px !important; margin: 0 !important; padding: 0 !important } #ca2-floating-cart-modal .ca2-cart-buttons a { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; min-width: 0 !important; min-height: 46px !important; margin: 0 !important; padding: 10px 11px !important; border-width: 1px !important; border-style: solid !important; border-radius: 12px !important; font-family: IRANSans,Tahoma,sans-serif !important; font-size: 11px !important; font-weight: 900 !important; line-height: 1.5 !important; text-align: center !important; text-decoration: none !important; white-space: nowrap !important; box-shadow: none !important; transition: color .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease !important } #ca2-floating-cart-modal .ca2-cart-buttons a.ca2-cart-checkout-btn,#ca2-floating-cart-modal .ca2-cart-buttons a.ca2-cart-checkout-btn:visited { border-color: var(--ca-float-primary) !important; background: var(--ca-float-primary) !important; color: #fff !important; -webkit-text-fill-color: #fff !important; box-shadow: 0 5px 12px rgba(15,61,58,.12) !important } #ca2-floating-cart-modal .ca2-cart-buttons a.ca2-cart-checkout-btn span,#ca2-floating-cart-modal .ca2-cart-buttons a.ca2-cart-checkout-btn i { color: #fff !important; -webkit-text-fill-color: #fff !important } #ca2-floating-cart-modal .ca2-cart-buttons a.ca2-cart-checkout-btn:hover,#ca2-floating-cart-modal .ca2-cart-buttons a.ca2-cart-checkout-btn:focus-visible { border-color: var(--ca-float-primary-hover) !important; background: var(--ca-float-primary-hover) !important; box-shadow: 0 7px 16px rgba(15,61,58,.17) !important; transform: translateY(-1px) !important } #ca2-floating-cart-modal .ca2-cart-buttons a.ca2-cart-continue-btn,#ca2-floating-cart-modal .ca2-cart-buttons a.ca2-cart-continue-btn:visited,#ca2-floating-cart-modal .ca2-cart-buttons a.ca2-cart-continue-btn:hover,#ca2-floating-cart-modal .ca2-cart-buttons a.ca2-cart-continue-btn:focus,#ca2-floating-cart-modal .ca2-cart-buttons a.ca2-cart-continue-btn:focus-visible,#ca2-floating-cart-modal .ca2-cart-buttons a.ca2-cart-continue-btn:active { border-color: var(--ca-float-line) !important; background: var(--ca-float-card) !important; color: var(--ca-float-primary) !important; -webkit-text-fill-color: var(--ca-float-primary) !important; text-decoration: none !important; box-shadow: none !important } #ca2-floating-cart-modal .ca2-cart-buttons a.ca2-cart-continue-btn span,#ca2-floating-cart-modal .ca2-cart-buttons a.ca2-cart-continue-btn i { color: var(--ca-float-primary) !important; -webkit-text-fill-color: var(--ca-float-primary) !important } #ca2-floating-cart-modal .ca2-cart-buttons a.ca2-cart-continue-btn:hover,#ca2-floating-cart-modal .ca2-cart-buttons a.ca2-cart-continue-btn:focus-visible { border-color: rgba(15,61,58,.22) !important; background: var(--ca-float-green-soft) !important; transform: translateY(-1px) !important } #ca2-floating-cart-modal .ca2-cart-buttons a:focus-visible,#ca2-floating-cart-modal .ca2-cart-discount-apply:focus-visible,#ca2-floating-cart-modal .ca2-cart-discount-remove:focus-visible { outline: 3px solid rgba(15,61,58,.18) !important; outline-offset: 2px !important } #ca2-floating-cart-modal .ca2-cart-secure-note { display: flex !important; align-items: flex-start !important; justify-content: center !important; gap: 6px !important; margin: 9px 2px 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: var(--ca-float-muted) !important; font-family: IRANSans,Tahoma,sans-serif !important; font-size: 9px !important; font-weight: 500 !important; line-height: 1.75 !important; text-align: center !important } #ca2-floating-cart-modal .ca2-cart-secure-note i { flex: 0 0 auto !important; margin-top: 3px !important; color: var(--ca-float-primary) !important; font-size: 10px !important } @media (max-width:700px) { #ca2-floating-cart-modal { align-items: flex-end !important } #ca2-floating-cart-modal .ca2-cart-modal-content { inset: auto 6px 6px 6px !important; width: auto !important; height: min(88dvh,700px) !important; max-height: 88dvh !important; border-radius: 24px !important; transform: translateY(26px) } #ca2-floating-cart-modal.open .ca2-cart-modal-content { transform: translateY(0) } #ca2-floating-cart-modal .ca2-cart-modal-head { margin: 9px 9px 3px !important; padding: 12px 13px !important; border-radius: 16px !important } #ca2-floating-cart-modal .ca2-cart-title { font-size: 18px !important } #ca2-floating-cart-modal .ca2-cart-close { flex-basis: 36px !important; width: 36px !important; height: 36px !important; min-height: 36px !important } #ca2-floating-cart-modal .ca2-cart-items { padding: 8px 10px 12px !important } #ca2-floating-cart-modal .ca2-edd-cart-item { gap: 10px !important; padding: 9px !important; border-radius: 14px !important } #ca2-floating-cart-modal .ca2-edd-cart-item-thumb { width: 53px !important; height: 72px !important; flex-basis: 53px !important } #ca2-floating-cart-modal .ca2-edd-cart-item-title { font-size: 11px !important; line-height: 1.8 !important } #ca2-floating-cart-modal .ca2-cart-remove-item-btn { flex-basis: 32px !important; width: 32px !important; height: 32px !important; min-height: 32px !important } #ca2-floating-cart-modal .ca2-cart-footer { padding: 0 10px 10px !important } #ca2-floating-cart-modal .ca2-cart-discount-box { margin-bottom: 8px !important; padding: 9px 10px !important; border-radius: 13px !important } #ca2-floating-cart-modal .ca2-cart-discount-head { margin-bottom: 7px !important } #ca2-floating-cart-modal .ca2-cart-discount-form { grid-template-columns: minmax(0,1fr) 68px !important; gap: 6px !important } #ca2-floating-cart-modal .ca2-cart-discount-input,#ca2-floating-cart-modal .ca2-cart-discount-apply { height: 38px !important; min-height: 38px !important } #ca2-floating-cart-modal .ca2-cart-summary-total { margin-top: 6px !important; margin-bottom: 9px !important; padding: 9px 11px !important } #ca2-floating-cart-modal .ca2-cart-summary-total .ca2-cart-total-value { font-size: 16px !important } #ca2-floating-cart-modal .ca2-cart-buttons { gap: 7px !important } #ca2-floating-cart-modal .ca2-cart-buttons a { min-height: 43px !important; padding: 8px 7px !important; gap: 6px !important; font-size: 10px !important } #ca2-floating-cart-modal .ca2-cart-secure-note { margin-top: 7px !important; font-size: 8px !important } } @media (max-width:365px) { #ca2-floating-cart-modal .ca2-cart-buttons { grid-template-columns: minmax(0,1fr) !important } #ca2-floating-cart-modal .ca2-cart-buttons a { min-height: 41px !important } #ca2-floating-cart-modal .ca2-cart-summary-total .ca2-cart-total-value { font-size: 15px !important } #ca2-floating-cart-modal .ca2-cart-modal-head { gap: 9px !important } #ca2-floating-cart-modal .ca2-cart-head-count { font-size: 9px !important; padding-inline: 7px !important } } @media (prefers-reduced-motion:reduce) { #ca2-floating-cart-modal,#ca2-floating-cart-modal .ca2-cart-modal-content,#ca2-floating-cart-modal .ca2-edd-cart-item,#ca2-floating-cart-modal .ca2-cart-buttons a,#ca2-floating-cart-modal .ca2-cart-close,#ca2-floating-cart-modal .ca2-cart-discount-apply { transition-duration: .01ms !important; animation-duration: .01ms !important } }
