.announcement{--base-font:"Inter", sans-serif;--small-font:.75rem;--normal-font:.875rem;--medium-font:1.125rem;--primary-color:#fa003f;--secondary-color:#fff;--base-padding:.5rem;background:var(--primary-color);font-family:var(--base-font), sans-serif;padding:var(--base-padding);z-index:50;justify-content:center;align-items:center;width:100%;transition:all .25s;display:flex;position:relative}@media (max-width:768px){.announcement{flex-wrap:wrap;gap:.25rem;padding:.5rem 2.25rem .5rem .75rem}.announcement.dock-mobile{z-index:50;flex-direction:column-reverse;width:100%;position:fixed;bottom:0;left:0;box-shadow:0 -4px 20px #00000040}}@media print{.announcement{display:none!important}}.announcement .text{color:var(--secondary-color);text-align:center;padding:0 1rem;font-size:.875rem;line-height:1.4}@media (max-width:768px){.announcement .text{padding-bottom:var(--base-padding)}}.announcement input,.announcement button.copy-btn{font-family:var(--base-font);font-size:var(--small-font);letter-spacing:1px;text-transform:uppercase;padding:var(--base-padding) .75rem;border:2px dashed var(--secondary-color);box-sizing:border-box;height:36px}.announcement input{background:var(--primary-color);color:var(--secondary-color);text-align:center;border-right:0;outline:none;width:125px;font-size:.875rem;font-weight:700}.announcement button.copy-btn{background:var(--secondary-color);color:var(--primary-color);cursor:pointer;box-shadow:none;border-radius:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;transition:opacity .2s;display:inline-flex}.announcement button.copy-btn:hover{opacity:.92}.announcement #timer{background:var(--secondary-color);color:var(--primary-color);padding:var(--base-padding) .75rem;text-align:center;border:1px dashed var(--secondary-color);letter-spacing:.5px;justify-content:center;align-items:center;min-width:140px;margin-left:1rem;margin-right:2.5rem;font-size:.8125rem;font-weight:700;line-height:1.3;display:inline-flex}.announcement .coupon{align-items:center;display:flex}@media (max-width:768px){.announcement .coupon{margin:.5rem auto}.announcement #timer{margin:0 0 .5rem}}.announcement .close{cursor:pointer;background:var(--primary-color);color:var(--secondary-color);border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:14px;transition:transform .2s,opacity .2s;display:flex;position:absolute;top:-2.25rem;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000040}@media (min-width:769px){.announcement .close{top:50%;left:inherit;background:var(--secondary-color);color:var(--primary-color);width:28px;height:28px;box-shadow:none;border-radius:50%;right:.75rem;transform:translateY(-50%)}}.announcement .close:hover{opacity:.85}.announcement .tooltip{color:var(--secondary-color);display:inline-block;position:relative}.announcement .tooltip .tooltiptext{visibility:hidden;color:#fff;text-align:center;opacity:0;z-index:20;pointer-events:none;background-color:#222;border-radius:4px;width:140px;margin-left:-70px;padding:5px 8px;font-size:11px;font-weight:600;transition:opacity .25s;position:absolute;bottom:130%;left:50%;box-shadow:0 4px 12px #00000040}.announcement .tooltip:hover .tooltiptext{visibility:visible;opacity:1}.announcement .tooltip .tooltiptext:after{content:"";border:5px solid #0000;border-top-color:#222;margin-left:-5px;position:absolute;top:100%;left:50%}
