:root{--c-txt:#cecbc0;--c-txt-h:#f4f2ec;--c-bg:#282623;--c-bg2:#352f1e;--c-bg3:#23272b;--c-txt-a-visited:#535353;--c-txt-a:#000;--c-txt-a-hover:#62542a;--c-brd:var(--c-txt-a-hover);--c-brd2:#4e4426}body{color:var(--c-txt);background-color:var(--c-bg);background:linear-gradient(180deg,var(--c-bg),var(--c-bg2),var(--c-bg3));background-attachment:fixed;font-family:sans-serif;line-height:1.5;text-align:center;height:100vh}body,ul,div{margin:0;padding:0}ul.nodots{list-style:none}p{text-align:justify;padding:10px}h1,h2,h3{color:var(--c-txt-a-hover)}a{color:var(--c-txt-a)}a:hover{color:var(--c-txt-a-hover)}a:visited{color:var(--c-txt-a-visited)}div#container{margin:auto;max-width:768px;text-align:left;height:100vh;display:flex;flex-direction:column;text-align:left}header{padding:0;padding-top:10px;position:relative;a#logolink{line-height:0;img{height:125px}}div#head-outer{display:flex;flex-direction:row}div#head-inner{flex-grow:1;margin-top:10px;display:flex;flex-direction:column;justify-content:end;a#opossumcz{text-decoration:none;font-size:3em;margin:0;margin-left:30px;margin-bottom:10px;color:var(--c-txt)}}li{display:inline-block;vertical-align:top;padding:3px;font-weight:400;margin:0;font-size:1em;text-transform:none} #mainMenu{ margin-bottom: -9px; a, a:visited { text-decoration: none; color: var(--c-txt-h); } >li{ margin-right: 15px; border-radius: 7px; background-color: var(--c-brd2); border: 1px solid var(--c-brd); font-size: 0.9em; text-transform: uppercase; position: relative; padding: 0.1em 0.5em 0.8em 0.5em; } >li.active, >li.ancestor{ background-color: var(--c-txt); >a { color: var(--c-bg); font-weight: bold; } } li:last-of-type{ margin-right:0px; } ul{ display:none; width: max-content; position: absolute; top: 2.5em; left: 0; transform: translate(-50%, 0); z-index: 10; li{ padding: 0.3em 0.5em 0.3em 0.5em; } li.active > a{ font-weight: bold; border-bottom: 3px solid var(--c-brd); } a, a:visited { color: var(--c-bg); } } li.active > ul, li.ancestor > ul { display: block; } } #langFlags{ position: absolute; top: 10px; right: 10px; li{ display: inline-block; } li.active > a{ font-weight: bold; border-bottom: 3px solid var(--c-brd); } a, a:visited { text-decoration: none; color: var(--c-txt); } }}main{flex-grow:1;color:var(--c-bg);background-color:var(--c-txt);padding:10px;padding-bottom:30px;border-radius:7px;z-index:3;ul{margin-left:20px} #storesDiv{ display: flex; flex-wrap: wrap; justify-content: space-evenly; .store{ padding: 15px; background-color: var(--c-txt-h); border-radius: 7px; text-align: center; margin: 5px; ul{ text-align: left; margin-left: 5px; list-style: none; } } } #contactDiv{ font-weight: bold; span{ min-width: 7ch; font-weight: normal; display: inline-block; text-transform: capitalize; } }}main .conditions-list{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:10px;margin:10px 0 0;overflow-x:auto}main .condition-card{background-color:var(--c-txt-h);border:1px solid rgba(98,84,42,.35);border-radius:7px;padding:12px}main .condition-company{display:flex;align-items:center;gap:10px;margin-bottom:10px;min-height:54px}main .condition-logo{flex:none;max-width:72px;max-height:48px;object-fit:contain}main .condition-company h3{margin:0;color:var(--c-bg);font-size:1em;line-height:1.2}main .condition-company p{margin:2px 0 0;padding:0;color:var(--c-txt-a-visited);font-size:.9em;text-align:left}main .condition-documents{margin:0}main .condition-documents li{margin-top:6px;width:100%}main .condition-documents a{display:inline-flex;align-items:center;gap:8px;box-sizing:border-box;width:100%;padding:7px 8px;background-color:var(--c-txt);border:1px solid rgba(98,84,42,.25);border-radius:6px;font-size:.85em;line-height:1.25;text-decoration:none;white-space:nowrap}main .condition-documents a:hover{border-color:var(--c-brd);background-color:#fffdf7}main .condition-lang{display:inline-flex;align-items:center;justify-content:center;min-width:3ch;padding:1px 5px;border-radius:4px;background-color:var(--c-brd2);color:var(--c-txt-h);font-size:.8em;font-weight:700}main .ring-size-table-wrap{margin:10px 0 20px;overflow-x:auto;border:1px solid rgba(98,84,42,.35);border-radius:7px;background-color:var(--c-txt-h)}main .ring-size-table{width:100%;min-width:700px;border-collapse:collapse;table-layout:fixed;font-size:.88em}main .ring-size-table caption{padding:10px;color:var(--c-bg);font-weight:700;text-align:left}main .ring-size-table th,main .ring-size-table td{padding:6px 8px;border:1px solid rgba(98,84,42,.28);text-align:center;white-space:nowrap}main .ring-size-table th{background-color:var(--c-brd2);color:var(--c-txt-h);font-size:.86em;line-height:1.25;white-space:normal}main .ring-size-table tbody tr:nth-child(even){background-color:#e8e3d4}main .ring-size-table tbody tr:hover{background-color:#ded6bd}main .ring-size-empty{color:var(--c-txt-a-visited)}footer{color:var(--c-txt);text-align:center;padding:2em}@media(max-width:799px){header #mainMenu{margin-bottom:0;> li{margin:0;margin-right:5px;margin-bottom:5px;padding:0;padding-left:4px;padding-right:4px}}header div#head-inner{padding:5px;a#opossumcz{margin:0;padding:0}}}@media(max-width:400px){#logolink{display:none}}