.compare-modal{z-index:99;position:fixed;bottom:0;left:0;right:0;box-shadow:2px 2px 8px #0000001a}.compare-modal .header{cursor:pointer;background:#ff8926;border-radius:24px 24px 0 0;justify-content:space-between;align-self:stretch;align-items:center;padding:16px 32px;display:flex}@media screen and (width<=767px){.compare-modal .header{padding:16px 18px}}.compare-modal .header h1{color:#fff;margin:0;font-size:12pt;font-weight:600}@media screen and (width<=767px){.compare-modal .header h1{font-size:14px}}.compare-modal .header svg{width:14px;height:14px}.compare-modal .header svg.rotate{transform:rotate(180deg)}.compare-modal .content-items{background:#f6f6f6;align-self:stretch;align-items:center;gap:16px;padding:16px 24px;display:flex}@media screen and (width<=767px){.compare-modal .content-items{flex-direction:column}}@media screen and (width>=768px) and (width<=1365px){.compare-modal .content-items{flex-wrap:wrap}}.compare-modal .content-items a.url{width:100%}.compare-modal .content-items .item{background:#fff;border:1px solid #cccccc80;border-radius:16px;flex:1 0 0;align-items:center;gap:38px;padding:6px;display:flex;position:relative}@media screen and (width<=767px){.compare-modal .content-items .item{width:100%}}@media screen and (width>=768px) and (width<=1365px){.compare-modal .content-items .item{flex:0 0 48.5%}}.compare-modal .content-items .item.no-content{background:#e2e2e2;justify-content:space-between;align-self:stretch}@media screen and (width<=1365px){.compare-modal .content-items .item.no-content{display:none}}.compare-modal .content-items .item .box{flex:1 0 0;align-items:center;gap:16px;display:flex}.compare-modal .content-items .item .box .info{flex-direction:column;flex:1 0 0;align-items:flex-start;gap:4px;display:flex}.compare-modal .content-items .item .box .info p.name{color:#333;margin:0;font-size:14px;font-weight:400;line-height:normal}.compare-modal .content-items .item .box .info p.price{color:var(--surface-brand-primary-heavy,#cc7000);font-size:var(--font-size-H2,39px)}.compare-modal .content-items .item .box img{height:70px}@media screen and (width<=767px){.compare-modal .content-items .item .box img{height:60px}}.compare-modal .content-items .item .remove{z-index:999;background:#f6f6f6;border-radius:115.5px;flex-direction:column;justify-content:center;align-items:center;gap:6.222px;width:28px;height:28px;display:flex;position:absolute;top:-7px;right:-7px;box-shadow:0 0 11px #ccc}.compare-modal .content-items .item .remove img{height:20px}.compare-modal .options{background:#f6f6f6;justify-content:space-between;align-self:stretch;align-items:center;padding:16px 24px;display:flex}.compare-modal .options p,.compare-modal .options a{cursor:pointer;margin:0;font-size:12pt!important}@media screen and (width<=767px){.compare-modal .options p,.compare-modal .options a{font-size:11pt!important}}.compare-modal .options p.clear{color:#fff;background:#434343;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-weight:500;display:flex}.compare-modal-error{z-index:999;position:fixed;bottom:10px;left:0;right:0}.compare-modal-error .content{text-align:center;color:#fff;background-color:#c00;border-radius:30px;width:fit-content;margin:0 auto;padding:12px 34px;font-weight:600}