.ca-single-product #comments-wrap.ca-comments-card.ca-article-comments { --ca-pc-bg: var(--ca-surface,#fff7ec); --ca-pc-paper: var(--ca-white,#fff); --ca-pc-text: var(--ca-text,#2a2a2a); --ca-pc-muted: var(--ca-muted,#6e6a62); --ca-pc-primary: var(--ca-primary,#0f3d3a); --ca-pc-primary-hover: var(--ca-primary-hover,#2a746b); --ca-pc-line: var(--ca-line,#e8dcc6); --ca-pc-soft: var(--ca-reg-0008-e5efec,#e5efec); margin: 28px 0 0 !important; padding: clamp(15px,2.4vw,26px) !important; color: var(--ca-pc-text) !important; background: var(--ca-pc-bg) !important; background-image: none !important; border: 1px solid var(--ca-pc-line) !important; border-radius: 22px !important; box-shadow: 0 10px 28px rgba(15,61,58,.055) !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments>.modern-comments-section { width: 100% !important; margin: 0 !important; padding: 0 !important; color: var(--ca-pc-text) !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comments-header { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; margin: 0 0 18px !important; padding: 0 0 16px !important; border: 0 !important; border-bottom: 1px solid var(--ca-pc-line) !important; background: transparent !important; box-shadow: none !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comments-title { display: flex !important; align-items: center !important; gap: 11px !important; min-width: 0 !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comments-line { width: 4px !important; height: 39px !important; flex: 0 0 4px !important; border-radius: 99px !important; background: var(--ca-pc-primary) !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comments-title h3 { margin: 0 !important; color: var(--ca-pc-text) !important; font-size: clamp(18px,1.7vw,21px) !important; font-weight: 900 !important; line-height: 1.55 !important; letter-spacing: -.25px !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comments-title h3 em { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 27px !important; height: 25px !important; margin-inline-start: 6px !important; padding: 0 7px !important; border: 1px solid var(--ca-pc-primary) !important; border-radius: 8px !important; background: var(--ca-pc-primary) !important; color: #fff !important; -webkit-text-fill-color: #fff !important; box-shadow: 0 3px 8px rgba(15,61,58,.12) !important; font-size: 11px !important; font-style: normal !important; vertical-align: 2px !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comments-title p { margin: 3px 0 0 !important; color: var(--ca-pc-muted) !important; font-size: 12px !important; line-height: 1.8 !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-write-comment-trigger { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; flex: 0 0 auto !important; min-height: 42px !important; height: auto !important; padding: 7px 13px !important; border: 1px solid var(--ca-pc-primary) !important; border-radius: 12px !important; background: var(--ca-pc-primary) !important; color: #fff !important; box-shadow: 0 5px 12px rgba(15,61,58,.12) !important; font-family: inherit !important; font-size: 12px !important; font-weight: 850 !important; line-height: 1.4 !important; transition: background .18s ease,transform .18s ease,box-shadow .18s ease !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-write-comment-trigger>i { display: inline-flex !important; align-items: center !important; justify-content: center !important; position: static !important; flex: 0 0 25px !important; width: 25px !important; height: 25px !important; margin: 0 !important; border-radius: 8px !important; background: rgba(255,255,255,.14) !important; color: #fff !important; font-size: 10px !important; line-height: 1 !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-write-comment-trigger:hover,.ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-write-comment-trigger:focus-visible { border-color: var(--ca-pc-primary-hover) !important; background: var(--ca-pc-primary-hover) !important; color: #fff !important; box-shadow: 0 8px 16px rgba(15,61,58,.16) !important; transform: translateY(-1px) !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comments-panel { min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-list { scrollbar-color: #b8c8bf #f5f1e9; scrollbar-width: thin; scrollbar-gutter: stable; overscroll-behavior-y: contain !important; overflow-x: hidden !important; overflow-y: auto !important; max-height: min(65vh,520px) !important; display: flex !important; flex-direction: column !important; gap: 11px !important; margin: 0 !important; padding: 0 !important; list-style: none !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-item { margin: 0 !important; padding: 0 !important; background: transparent !important; list-style: none !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-card { display: flex !important; align-items: flex-start !important; gap: 13px !important; padding: 15px !important; border: 1px solid rgba(15,61,58,.105) !important; border-radius: 15px !important; background: var(--ca-pc-paper) !important; background-image: none !important; box-shadow: 0 3px 10px rgba(42,42,42,.035) !important; transition: border-color .18s ease,box-shadow .18s ease,transform .18s ease !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-card:hover { border-color: rgba(15,61,58,.22) !important; background: var(--ca-pc-paper) !important; box-shadow: 0 6px 17px rgba(15,61,58,.07) !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-avatar { display: grid !important; place-items: center !important; flex: 0 0 39px !important; width: 39px !important; height: 39px !important; border: 1px solid rgba(15,61,58,.09) !important; border-radius: 12px !important; background: var(--ca-pc-soft) !important; color: var(--ca-pc-primary) !important; font-size: 14px !important; font-weight: 900 !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-main { min-width: 0 !important; flex: 1 1 auto !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-top { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-author { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 7px !important; min-width: 0 !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-author strong { color: var(--ca-pc-text) !important; font-size: 13px !important; font-weight: 900 !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-author-badge { padding: 3px 7px !important; border: 1px solid rgba(200,154,82,.22) !important; border-radius: 7px !important; background: #f8efdf !important; color: #77572c !important; font-size: 10px !important; font-weight: 800 !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-date { flex: 0 0 auto !important; color: var(--ca-pc-muted) !important; font-size: 11px !important; line-height: 1.6 !important; white-space: nowrap !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-text { margin-top: 8px !important; color: var(--ca-pc-text) !important; font-size: 13px !important; line-height: 2.05 !important; overflow-wrap: anywhere !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-text p { margin: 0 !important; color: inherit !important; font: inherit !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-text p + p { margin-top: 5px !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-pending { display: block !important; margin: 0 0 7px !important; padding: 5px 9px !important; border-radius: 8px !important; background: #fff6e5 !important; color: #795a27 !important; font-size: 11px !important; line-height: 1.8 !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-reply { margin-top: 10px !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-reply .comment-reply-link,.ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-reply .ca-login-to-reply { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; min-width: 0 !important; min-height: 31px !important; height: auto !important; padding: 5px 10px !important; border: 1px solid rgba(15,61,58,.13) !important; border-radius: 9px !important; background: #f4f8f6 !important; color: var(--ca-pc-primary) !important; text-decoration: none !important; font-family: inherit !important; font-size: 11px !important; font-weight: 800 !important; line-height: 1.4 !important; transition: background .18s ease,border-color .18s ease,transform .18s ease !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-reply .comment-reply-link span,.ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-reply .ca-login-to-reply span { display: inline !important; width: auto !important; margin: 0 !important; padding: 0 !important; font-size: inherit !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-reply .comment-reply-link i,.ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-reply .ca-login-to-reply i { position: static !important; display: inline-block !important; flex: 0 0 auto !important; margin: 0 !important; font-size: 10px !important; line-height: 1 !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-reply .comment-reply-link:hover,.ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-reply .ca-login-to-reply:hover { border-color: rgba(15,61,58,.28) !important; background: var(--ca-pc-soft) !important; color: var(--ca-pc-primary) !important; transform: translateY(-1px) !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-item .children { margin: 11px 25px 0 0 !important; padding: 0 14px 0 0 !important; border: 0 !important; border-right: 2px solid rgba(15,61,58,.16) !important; background: transparent !important; list-style: none !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-item .children .ca-comment-card { background: #f4f8f6 !important; border-color: rgba(15,61,58,.12) !important; box-shadow: none !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comments-empty { display: flex !important; align-items: flex-start !important; gap: 9px !important; margin: 0 !important; padding: 16px !important; border: 1px dashed rgba(15,61,58,.22) !important; border-radius: 14px !important; background: rgba(255,255,255,.58) !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comments-empty strong { color: var(--ca-pc-text) !important; font-size: 12px !important; font-weight: 900 !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comments-empty span { color: var(--ca-pc-muted) !important; font-size: 12px !important; line-height: 1.8 !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comments-navigation { display: flex !important; justify-content: center !important; flex-wrap: wrap !important; gap: 8px !important; margin-top: 16px !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comments-navigation a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 34px !important; padding: 5px 11px !important; border: 1px solid var(--ca-pc-line) !important; border-radius: 9px !important; background: var(--ca-pc-paper) !important; color: var(--ca-pc-primary) !important; font-size: 11px !important; text-decoration: none !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-form-panel { margin: 16px 0 0 !important; padding: clamp(13px,2vw,19px) !important; border: 1px solid rgba(15,61,58,.12) !important; border-radius: 16px !important; background: var(--ca-pc-soft) !important; box-shadow: none !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-form-panel .ca-comment-composer { display: block !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-form-panel .ca-comment-composer[hidden] { display: none !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-form-title { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin: 0 0 14px !important; padding: 0 0 12px !important; border: 0 !important; border-bottom: 1px solid rgba(15,61,58,.12) !important; background: transparent !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-form-title strong { color: var(--ca-pc-text) !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.65 !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-form-title span { margin-top: 3px !important; color: var(--ca-pc-muted) !important; font-size: 11px !important; line-height: 1.8 !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-form-fields { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 12px !important; margin: 0 !important; padding: 0 !important; background: transparent !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-input { display: block !important; min-width: 0 !important; margin: 0 !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-input>span { display: block !important; margin: 0 0 6px !important; color: var(--ca-pc-text) !important; font-size: 11px !important; font-weight: 800 !important; line-height: 1.6 !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-form-panel .ca-input input,.ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-form-panel .ca-input textarea { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; border: 1px solid rgba(15,61,58,.17) !important; border-radius: 11px !important; outline: none !important; background: var(--ca-pc-paper) !important; color: var(--ca-pc-text) !important; box-shadow: 0 1px 2px rgba(42,42,42,.025) !important; font-family: inherit !important; font-size: 12px !important; line-height: 1.8 !important; transition: border-color .18s ease,box-shadow .18s ease !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-form-panel .ca-input input { min-height: 43px !important; height: 43px !important; padding: 0 12px !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-form-panel .ca-input textarea { min-height: 118px !important; padding: 11px 12px 28px !important; resize: vertical !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-form-panel .ca-input input::placeholder,.ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-form-panel .ca-input textarea::placeholder { color: var(--ca-pc-muted) !important; opacity: .78 !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-form-panel .ca-input input:focus,.ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-form-panel .ca-input textarea:focus { border-color: var(--ca-pc-primary) !important; box-shadow: 0 0 0 3px rgba(15,61,58,.09) !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-input-comment { margin: 13px 0 0 !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-count { left: 11px !important; bottom: 8px !important; color: var(--ca-pc-muted) !important; font-size: 10px !important; line-height: 1.4 !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-form-bottom { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 14px !important; margin: 13px 0 0 !important; padding: 0 !important; background: transparent !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-ajax-status { flex: 1 1 auto !important; min-width: 0 !important; margin: 0 !important; color: var(--ca-pc-muted) !important; font-size: 11px !important; line-height: 1.8 !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-ajax-status.is-success { color: #226c54 !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-ajax-status.is-error { color: #9b3f39 !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-submit { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; gap: 12px !important; min-width: 150px !important; min-height: 45px !important; height: auto !important; margin: 0 !important; padding: 7px 14px !important; border: 1px solid var(--ca-pc-primary) !important; border-radius: 12px !important; background: var(--ca-pc-primary) !important; color: #fff !important; box-shadow: 0 5px 13px rgba(15,61,58,.13) !important; font-family: inherit !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1.5 !important; white-space: nowrap !important; transition: background .18s ease,transform .18s ease,box-shadow .18s ease !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-submit>span { display: inline-block !important; flex: 0 1 auto !important; width: auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; color: #fff !important; font-size: inherit !important; line-height: 1.5 !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-submit>i { display: inline-flex !important; align-items: center !important; justify-content: center !important; position: static !important; flex: 0 0 27px !important; width: 27px !important; height: 27px !important; margin: 0 !important; padding: 0 !important; border-radius: 8px !important; background: rgba(255,255,255,.15) !important; color: #fff !important; font-size: 11px !important; line-height: 1 !important; transform: none !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-submit:hover:not(:disabled),.ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-submit:focus-visible { border-color: var(--ca-pc-primary-hover) !important; background: var(--ca-pc-primary-hover) !important; color: #fff !important; box-shadow: 0 8px 18px rgba(15,61,58,.17) !important; transform: translateY(-1px) !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-submit:disabled { opacity: .62 !important; cursor: not-allowed !important; transform: none !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-submit .ca-comment-spinner { flex: 0 0 11px !important; width: 11px !important; height: 11px !important; border: 2px solid rgba(255,255,255,.42) !important; border-top-color: #fff !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comments-note { margin: 0 !important; padding: 12px 14px !important; border: 1px solid var(--ca-pc-line) !important; border-radius: 12px !important; background: rgba(255,255,255,.55) !important; color: var(--ca-pc-muted) !important; font-size: 12px !important; line-height: 1.9 !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-trap { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip-path: inset(50%) !important; opacity: 0 !important; pointer-events: none !important } @media (max-width:640px) { .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments { margin-top: 22px !important; padding: 14px !important; border-radius: 17px !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comments-header { align-items: flex-start !important; gap: 12px !important; margin-bottom: 14px !important; padding-bottom: 13px !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comments-title { gap: 9px !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comments-line { height: 35px !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comments-title p { display: none !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-write-comment-trigger { min-height: 38px !important; padding: 5px 8px !important; gap: 7px !important; font-size: 11px !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-write-comment-trigger>i { flex-basis: 23px !important; width: 23px !important; height: 23px !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-card { gap: 10px !important; padding: 12px !important; border-radius: 12px !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-avatar { flex-basis: 33px !important; width: 33px !important; height: 33px !important; border-radius: 10px !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-top { align-items: flex-start !important; flex-direction: column !important; gap: 3px !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-date { font-size: 10px !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-item .children { margin: 9px 10px 0 0 !important; padding-right: 9px !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-form-fields { grid-template-columns: minmax(0,1fr) !important; gap: 11px !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-form-panel { margin-top: 13px !important; padding: 13px !important; border-radius: 13px !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-form-bottom { align-items: stretch !important; flex-direction: column-reverse !important; gap: 9px !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-submit { width: 100% !important; min-width: 0 !important; min-height: 46px !important; justify-content: center !important; gap: 13px !important; } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-ajax-status { width: 100% !important } } @media (max-width:767px) { .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-list { max-height: min(58vh,420px) !important; overflow-y: auto !important; overflow-x: hidden !important; overscroll-behavior-y: contain !important; -webkit-overflow-scrolling: touch } } @media (prefers-reduced-motion:reduce) { .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments *,.ca-single-product #comments-wrap.ca-comments-card.ca-article-comments *::before,.ca-single-product #comments-wrap.ca-comments-card.ca-article-comments *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important } } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-card,.ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-card:hover { background-color: #fffdf8 !important; background-image: none !important; border-color: #e9e0d2 !important; box-shadow: 0 3px 10px rgba(52,43,31,.035) !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-item .children,.ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-item .children:hover { background: transparent !important; background-image: none !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-item .children .ca-comment-card,.ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-item .children .ca-comment-card:hover { background-color: #f8f2e8 !important; background-image: none !important; border-color: #e7d9c3 !important; box-shadow: inset 3px 0 0 rgba(175,137,77,.18) !important } @media (max-width:767px) { .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-form-bottom { display: flex !important; align-items: stretch !important; flex-direction: column-reverse !important; gap: 10px !important; width: 100% !important; min-width: 0 !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-submit:not(.is-busy) { display: inline-flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: center !important; direction: rtl !important; gap: 15px !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; box-sizing: border-box !important; white-space: nowrap !important; overflow: visible !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-submit:not(.is-busy)>span { display: inline-block !important; flex: 0 0 auto !important; width: auto !important; max-width: calc(100% - 58px) !important; white-space: nowrap !important; position: static !important; transform: none !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-submit:not(.is-busy)>i { display: inline-flex !important; align-items: center !important; justify-content: center !important; position: static !important; inset: auto !important; flex: 0 0 29px !important; width: 29px !important; min-width: 29px !important; height: 29px !important; margin: 0 !important; margin-inline-start: 9px !important; padding: 0 !important; transform: none !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-submit.is-busy { display: inline-flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 10px !important; width: 100% !important; min-width: 0 !important; box-sizing: border-box !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-submit.is-busy>.ca-comment-spinner { display: inline-block !important; flex: 0 0 11px !important; width: 11px !important; min-width: 11px !important; height: 11px !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-submit.is-busy>span:not(.ca-comment-spinner) { display: inline-block !important; flex: 0 0 auto !important; width: auto !important } } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-list::-webkit-scrollbar { width: 7px } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-list::-webkit-scrollbar-track { background: #f5f1e9; border-radius: 999px } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-list::-webkit-scrollbar-thumb { background: #b8c8bf; border: 2px solid #f5f1e9; border-radius: 999px } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-list::-webkit-scrollbar-thumb:hover { background: #8fa99c } @media (max-width:1024px) { .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-form-bottom { align-items: flex-end !important; flex-direction: column-reverse !important; justify-content: flex-start !important; gap: 10px !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-submit,.ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-submit:not(.is-busy),.ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-submit.is-busy { display: inline-flex !important; flex: 0 0 auto !important; align-self: flex-end !important; width: auto !important; min-width: 150px !important; max-width: 100% !important; min-height: 45px !important; box-sizing: border-box !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: center !important; gap: 10px !important; padding: 7px 13px !important; white-space: nowrap !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-submit:not(.is-busy)>span,.ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-submit.is-busy>span:not(.ca-comment-spinner) { display: inline-block !important; flex: 0 1 auto !important; width: auto !important; max-width: none !important; margin: 0 !important; position: static !important; transform: none !important; white-space: nowrap !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-submit:not(.is-busy)>i { display: inline-flex !important; align-items: center !important; justify-content: center !important; position: static !important; inset: auto !important; flex: 0 0 27px !important; width: 27px !important; min-width: 27px !important; height: 27px !important; margin: 0 !important; padding: 0 !important; transform: none !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-submit.is-busy>.ca-comment-spinner { display: inline-block !important; flex: 0 0 11px !important; width: 11px !important; min-width: 11px !important; height: 11px !important; margin: 0 !important } .ca-single-product #comments-wrap.ca-comments-card.ca-article-comments .ca-comment-ajax-status { width: 100% !important; align-self: stretch !important } }