:root {
    --light-gray: 240 11% 96%;
    --dark-gray: 240 9% 10%;
    --dark-cyan: 178 31% 56%;
    --brand-dark-cyan: hsl(196 51% 25%);
    --brand-off-white: hsl(41 69% 94%);
    
    --background: hsl(var(--dark-gray));
    --foreground: hsl(var(--light-gray));
    --accent: hsl(var(--dark-cyan));
    
    font-size: clamp(1rem, calc(1rem + ((1vw - 0.48rem) * 0.6944)), 1.45rem);
}

[class*="cartwin"]:not([class*="heading"]),
[class*="price"],
[class*="amount"],
[class*="descr"],
[name="phone"],
.t-input,
.t-select,
.t-input__vis-ph {
    font-family: GraphikCompact;
}

option { font-family: system-ui, sans-serif; }

.t706__cartwin-heading.t-name { color: var(--dark-gray); }

/*a[href*="hochugotovit.com"],*/
a[href^="https://vk.me"],
a[href^="tel"],
a[href^="mail"] {
    position: relative;
    display: inline-block;
}

/*a[href*="hochugotovit.com"]::before,*/
a[href^="https://vk.me"]::before,
a[href^="tel"]::before,
a[href^="mail"]::before,
/*a[href*="hochugotovit.com"]::after,*/
a[href^="https://vk.me"]::after,
a[href^="tel"]::after,
a[href^="mail"]::after {
    position: absolute;
    left: 0;
    bottom: 0;
    display: inline-block;
    width: 100%;
    height: 1.5px;
    content: "";
    opacity: var(--alpha, 1);
    background: var(--color, currentcolor);
    transform: scaleX(var(--sx));
    transform-origin: var(--offset);
    transition: transform 300ms ease-in-out;
}

/*a[href*="hochugotovit.com"]::before,*/
a[href^="https://vk.me"]::before,
a[href^="tel"]::before,
a[href^="mail"]::before {
    --sx: 0;
    --offset: bottom right;
    --color: var(--accent);
}

/*a[href*="hochugotovit.com"]:hover::before,*/
a[href^="https://vk.me"]:hover::before,
a[href^="tel"]:hover::before,
a[href^="mail"]:hover::before {
    --sx: 1;
    --offset: bottom left;
    transition-delay: 0.2s;
}

/*a[href*="hochugotovit.com"]::after,*/
a[href^="https://vk.me"]::after,
a[href^="tel"]::after,
a[href^="mail"]::after {
    --sx: 1;
    --alpha: 0.5;
    --offset: bottom left;
    --color: var(--accent);
    transition-delay: 0.2s;
}

/*a[href*="hochugotovit.com"]:hover::after,*/
a[href^="https://vk.me"]:hover::after,
a[href^="tel"]:hover::after,
a[href^="mail"]:hover::after {
    --sx: 0;
    --offset: bottom right;
    transition-delay: 0s;
}

[class*="filter"] { color: var(--dark-gray); }