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