.dauran-shop {
background: var(--dauran-white);
padding-top: 28px;
padding-bottom: 64px;
}
.dauran-shop__top {
padding-top: 8px;
padding-bottom: 12px;
}
@media (max-width: 640px) {
.dauran-shop { padding-top: 16px; }
}
.dauran-shop__header {
margin: 4px 0 24px;
}
.dauran-shop__title {
margin: 0;
font-family: var(--dauran-font-heading);
font-weight: 600;
color: var(--dauran-dark);
letter-spacing: -1px;
}
.dauran-shop__desc {
margin-top: 12px;
max-width: 880px;
color: var(--dauran-gray-500);
font-size: 15px;
line-height: 1.6;
}
.dauran-shop__desc p:last-child { margin-bottom: 0; } .dauran-shop__desc-bottom {
margin-top: 48px;
padding-top: 32px;
border-top: 1px solid var(--dauran-gray-100);
color: var(--dauran-dark);
font-size: 15px;
line-height: 1.7;
}
.dauran-shop__desc-bottom > :first-child { margin-top: 0; }
.dauran-shop__desc-bottom > :last-child  { margin-bottom: 0; }
.dauran-shop__desc-bottom p {
margin: 0 0 1em;
}
.dauran-shop__desc-bottom h2,
.dauran-shop__desc-bottom h3,
.dauran-shop__desc-bottom h4 {
font-family: var(--dauran-font-heading) !important;
font-weight: 600 !important;
color: var(--dauran-dark) !important;
margin: 1.4em 0 .5em !important;
letter-spacing: -0.3px !important;
}
.dauran-shop__desc-bottom h2 { font-size: 22px !important; }
.dauran-shop__desc-bottom h3 { font-size: 18px !important; }
.dauran-shop__desc-bottom h4 { font-size: 16px !important; }
.dauran-shop__desc-bottom ul,
.dauran-shop__desc-bottom ol {
margin: 0 0 1em;
padding-left: 22px;
}
.dauran-shop__desc-bottom li {
margin: 4px 0;
}
.dauran-shop__desc-bottom a {
color: var(--dauran-blue);
text-decoration: underline;
text-underline-offset: 2px;
}
.dauran-shop__desc-bottom a:hover {
color: var(--dauran-blue-dark);
}
.dauran-shop__desc-bottom img {
max-width: 100%;
height: auto;
border-radius: var(--dauran-radius);
}
@media (max-width: 768px) {
.dauran-shop__desc-bottom {
margin-top: 36px;
padding-top: 24px;
font-size: 14px;
}
.dauran-shop__desc-bottom h2 { font-size: 20px !important; }
.dauran-shop__desc-bottom h3 { font-size: 17px !important; }
} .dauran-subcats {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 32px 28px;
margin: 24px 0 36px;
}
@media (max-width: 1200px) { .dauran-subcats { grid-template-columns: repeat(3, 1fr); gap: 28px 24px; } }
@media (max-width: 768px)  { .dauran-subcats { grid-template-columns: repeat(2, 1fr); gap: 20px 16px; } }
@media (max-width: 360px)  { .dauran-subcats { grid-template-columns: 1fr; gap: 16px; } }
.dauran-subcat {
display: flex;
flex-direction: column;
background: var(--dauran-white);
border: 1px solid var(--dauran-gray-100);
border-radius: var(--dauran-radius);
overflow: hidden;
text-decoration: none !important;
color: var(--dauran-dark) !important;
transition:
transform var(--dauran-t) var(--dauran-ease),
box-shadow var(--dauran-t) var(--dauran-ease),
border-color var(--dauran-t) var(--dauran-ease);
}
.dauran-subcat:hover {
transform: translateY(-4px);
box-shadow: var(--dauran-shadow-md);
border-color: var(--dauran-graphite);
}
.dauran-subcat__media {
aspect-ratio: 4 / 3;
background: var(--dauran-white);
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
border-bottom: 1px solid var(--dauran-gray-100);
}
.dauran-subcat__media img {
max-width: 80%;
max-height: 80%;
object-fit: contain;
}
.dauran-subcat__placeholder {
color: var(--dauran-gray-200);
}
.dauran-subcat__body {
padding: 14px 16px 18px;
display: flex;
justify-content: space-between;
align-items: baseline;
gap: 8px;
}
.dauran-subcat__name {
font-family: var(--dauran-font-heading);
font-weight: 600;
font-size: 15px;
line-height: 1.3;
color: var(--dauran-dark);
}
.dauran-subcat__count {
font-family: var(--dauran-font-body);
font-weight: 500;
font-size: 12px;
color: var(--dauran-gray-400);
flex-shrink: 0;
} .dauran-shop__body {
padding-top: 16px;
}
.dauran-shop__layout {
display: grid;
grid-template-columns: 280px 1fr;
gap: 32px;
align-items: start;
}
@media (max-width: 992px) {
.dauran-shop__layout {
grid-template-columns: 1fr;
gap: 16px;
}
} .dauran-shop__sidebar {
background: var(--dauran-white);
border: 1px solid var(--dauran-gray-100);
border-radius: var(--dauran-radius);
padding: 20px 22px;
position: sticky;
top: 20px;
max-height: calc(100vh - 40px);
overflow-y: auto;
align-self: start;
scrollbar-width: thin;
scrollbar-color: var(--dauran-gray-200) transparent;
}
.dauran-shop__sidebar::-webkit-scrollbar { width: 6px; }
.dauran-shop__sidebar::-webkit-scrollbar-thumb { background: var(--dauran-gray-200); border-radius: 3px; }
.dauran-shop__sidebar-head {
display: none;
}
.dauran-sidebar__widget {
margin-bottom: 24px;
}
.dauran-sidebar__widget:last-child {
margin-bottom: 0;
}
.dauran-sidebar__widget-title {
font-family: var(--dauran-font-heading);
font-weight: 600;
font-size: 14px;
line-height: 1.3;
color: var(--dauran-dark);
text-transform: uppercase;
letter-spacing: .04em;
margin: 0 0 14px;
padding-bottom: 12px;
border-bottom: 1px solid var(--dauran-gray-100);
} .dauran-sidebar__cats {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
display: flex;
flex-direction: column;
}
.dauran-sidebar__cats-item {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
} .dauran-sidebar__cats--tree > .dauran-sidebar__cats-item {
border-bottom: 1px solid var(--dauran-gray-100);
}
.dauran-sidebar__cats--tree > .dauran-sidebar__cats-item:last-child {
border-bottom: none;
}
.dauran-sidebar__cats-row {
display: flex;
align-items: stretch;
}
.dauran-sidebar__cats-link {
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
padding: 9px 0;
flex: 1;
min-width: 0;
font-size: 13.5px;
line-height: 1.35;
font-weight: 500;
color: var(--dauran-graphite);
text-decoration: none !important;
transition: color 160ms ease;
}
.dauran-sidebar__cats-link:hover {
color: var(--dauran-blue);
}
.dauran-sidebar__cats-item.is-active > .dauran-sidebar__cats-row .dauran-sidebar__cats-link,
.dauran-sidebar__cats-item.is-active > .dauran-sidebar__cats-link {
color: var(--dauran-blue);
font-weight: 600;
}
.dauran-sidebar__cats-name {
flex: 1;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
}
.dauran-sidebar__cats-count {
font-size: 11.5px;
color: var(--dauran-gray-400);
font-weight: 500;
flex-shrink: 0;
} .dauran-sidebar__cats-toggle {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 28px !important;
height: 28px !important;
padding: 0 !important;
margin: 6px 0 6px 6px !important;
background: transparent !important;
border: none !important;
border-radius: 4px !important;
color: var(--dauran-gray-400) !important;
cursor: pointer;
transition: background-color 140ms ease, color 140ms ease;
flex-shrink: 0;
}
.dauran-sidebar__cats-toggle:hover {
background: var(--dauran-gray-50) !important;
color: var(--dauran-graphite) !important;
}
.dauran-sidebar__cats-toggle svg {
transition: transform 200ms ease;
}
.dauran-sidebar__cats-item.is-open > .dauran-sidebar__cats-row .dauran-sidebar__cats-toggle svg {
transform: rotate(180deg);
}
.dauran-sidebar__cats-item.is-open > .dauran-sidebar__cats-row .dauran-sidebar__cats-toggle {
color: var(--dauran-graphite) !important;
} .dauran-sidebar__cats-sub {
list-style: none !important;
margin: 0 0 8px !important;
padding: 0 0 0 12px !important;
border-left: 2px solid var(--dauran-gray-100);
display: none;
}
.dauran-sidebar__cats-item.is-open > .dauran-sidebar__cats-sub {
display: block;
}
.dauran-sidebar__cats-link--sub {
font-size: 12.5px;
padding: 6px 0;
color: var(--dauran-gray-500);
}
.dauran-sidebar__cats-link--sub .dauran-sidebar__cats-count {
font-size: 10.5px;
}  @media (max-width: 992px) {
.dauran-shop__sidebar {
position: fixed;
top: 0;
left: 0;
height: 100vh;
max-height: none;
width: min(360px, 100vw);
max-width: 100%;
z-index: 9990;
transform: translateX(-100%);
transition: transform var(--dauran-t-slow) var(--dauran-ease);
border-radius: 0;
border: none;
padding: 0;
overflow-y: auto;
box-shadow: var(--dauran-shadow-lg);
align-self: auto;
}
.dauran-shop__sidebar.is-open {
transform: translateX(0);
}
.dauran-shop__sidebar-head {
display: flex;
justify-content: space-between;
align-items: center;
padding: 16px 20px;
border-bottom: 1px solid var(--dauran-gray-100);
background: var(--dauran-white);
position: sticky;
top: 0;
z-index: 1;
}
.dauran-shop__sidebar-title {
font-family: var(--dauran-font-heading);
font-weight: 600;
font-size: 16px;
color: var(--dauran-dark);
}
.dauran-shop__sidebar-close {
background: transparent !important;
border: none !important;
color: var(--dauran-graphite) !important;
padding: 6px !important;
cursor: pointer;
border-radius: var(--dauran-radius) !important;
}
.dauran-shop__sidebar-close:hover {
background: var(--dauran-gray-50) !important;
}
.dauran-shop__sidebar-body {
padding: 20px;
} body.dauran-sidebar-open::before {
content: "";
position: fixed;
inset: 0;
background: rgba(19,42,54,.45);
z-index: 9985;
}
body.dauran-sidebar-open { overflow: hidden; }
} .dauran-shop__toolbar {
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
padding: 10px 14px;
background: var(--dauran-gray-50);
border: 1px solid var(--dauran-gray-100);
border-radius: var(--dauran-radius);
margin-bottom: 20px;
}
@media (max-width: 768px) {
.dauran-shop__toolbar {
padding: 10px 12px;
gap: 8px;
}
}
.dauran-shop__filter-trigger {
display: none;
align-items: center;
gap: 8px;
padding: 8px 14px !important;
background: var(--dauran-white) !important;
border: 1px solid var(--dauran-gray-100) !important;
color: var(--dauran-dark) !important;
border-radius: var(--dauran-radius) !important;
font-family: var(--dauran-font-body) !important;
font-size: 13px !important;
font-weight: 500 !important;
cursor: pointer;
transition: all var(--dauran-t);
}
.dauran-shop__filter-trigger:hover {
background: var(--dauran-graphite) !important;
border-color: var(--dauran-graphite) !important;
color: var(--dauran-white) !important;
}
@media (max-width: 992px) {
.dauran-shop__filter-trigger { display: inline-flex; }
}
.dauran-shop__count,
.dauran-result-count {
flex: 1;
font-size: 13px;
color: var(--dauran-gray-500);
margin: 0;
}
.dauran-shop__view {
display: flex;
gap: 4px;
background: var(--dauran-white);
border: 1px solid var(--dauran-gray-100);
border-radius: var(--dauran-radius);
padding: 3px;
}
.dauran-shop__view-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 32px;
height: 32px;
background: transparent !important;
border: none !important;
color: var(--dauran-gray-400) !important;
border-radius: var(--dauran-radius-sm) !important;
padding: 0 !important;
cursor: pointer;
transition: all var(--dauran-t);
}
.dauran-shop__view-btn:hover {
color: var(--dauran-graphite) !important;
background: var(--dauran-gray-50) !important;
}
.dauran-shop__view-btn.is-active {
background: var(--dauran-graphite) !important;
color: var(--dauran-white) !important;
}
@media (max-width: 640px) {
.dauran-shop__view { display: none; }
} .dauran-shop__sort,
.dauran-orderby {
display: inline-flex;
align-items: center;
gap: 8px;
flex-shrink: 1;
min-width: 0;
}
.dauran-orderby__select {
min-width: 0;
width: auto;
max-width: 220px;
padding: 8px 32px 8px 12px !important;
font-size: 13px !important;
background-color: var(--dauran-white) !important;
box-sizing: border-box;
}
@media (max-width: 992px) {
.dauran-shop__count, .dauran-result-count { flex: 1 1 100%; order: -1; }
}
@media (max-width: 640px) {
.dauran-shop__sort, .dauran-orderby { flex: 1; }
.dauran-orderby__select { width: 100%; max-width: 100%; }
} .dauran-shop__grid {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 32px 28px !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
} .dauran-shop__grid::before,
.dauran-shop__grid::after,
ul.products.dauran-shop__grid::before,
ul.products.dauran-shop__grid::after {
content: none !important;
display: none !important;
} ul.products.dauran-shop__grid,
.dauran-shop__grid.products {
list-style: none !important;
}
.dauran-shop__grid > li,
.dauran-shop__grid > .product,
.dauran-shop__grid > .dauran-card {
margin: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
float: none !important;
width: auto !important;
max-width: 100% !important;
clear: none !important;
display: flex !important;
flex-direction: column !important;
} .dauran-shop__grid > *:not(li):not(.product) {
display: none !important;
}
@media (max-width: 1200px) { .dauran-shop__grid { grid-template-columns: repeat(3, 1fr) !important; gap: 28px 24px !important; } }
@media (max-width: 768px)  { .dauran-shop__grid { grid-template-columns: repeat(2, 1fr) !important; gap: 20px 16px !important; } }
@media (max-width: 360px)  { .dauran-shop__grid { grid-template-columns: 1fr !important; gap: 16px !important; } } .dauran-shop__grid.is-list { grid-template-columns: 1fr !important; }
.dauran-shop__grid.is-list .dauran-card {
flex-direction: row !important;
display: flex !important;
}
.dauran-shop__grid.is-list .dauran-card__media {
flex: 0 0 240px;
aspect-ratio: 4/3;
}
.dauran-shop__grid.is-list .dauran-card__body {
flex: 1;
padding: 20px 24px !important;
}
@media (max-width: 640px) {
.dauran-shop__grid.is-list .dauran-card { flex-direction: column !important; }
.dauran-shop__grid.is-list .dauran-card__media { flex: 0 0 auto; }
} .dauran-card {
display: flex !important;
flex-direction: column;
background: var(--dauran-white);
border: 1px solid var(--dauran-gray-100);
border-radius: var(--dauran-radius);
overflow: hidden;
transition:
transform var(--dauran-t) var(--dauran-ease),
box-shadow var(--dauran-t) var(--dauran-ease),
border-color var(--dauran-t) var(--dauran-ease);
position: relative;
}
.dauran-card:hover {
transform: translateY(-4px);
box-shadow: var(--dauran-shadow-md);
border-color: var(--dauran-graphite);
}
.dauran-card__media {
display: flex;
align-items: center;
justify-content: center;
aspect-ratio: 1 / 1;
background: var(--dauran-white);
overflow: hidden;
position: relative;
text-decoration: none !important;
border-bottom: 1px solid var(--dauran-gray-100);
}
.dauran-card__media img,
.dauran-card__img {
max-width: 88%;
max-height: 88%;
width: auto !important;
height: auto !important;
object-fit: contain;
transition: transform var(--dauran-t-slow) var(--dauran-ease);
}
.dauran-card:hover .dauran-card__img {
transform: scale(1.05);
}
.dauran-card__placeholder {
color: var(--dauran-gray-200);
}
.dauran-card__badges {
position: absolute;
top: 12px;
left: 12px;
display: flex;
flex-direction: column;
gap: 6px;
}
.dauran-card__badge {
display: inline-block;
padding: 4px 10px;
border-radius: var(--dauran-radius-sm);
font-family: var(--dauran-font-body);
font-size: 10px;
font-weight: 700;
letter-spacing: .06em;
text-transform: uppercase;
line-height: 1.4;
color: var(--dauran-white);
}
.dauran-card__badge--new  { background: var(--dauran-blue); }
.dauran-card__badge--sale { background: var(--dauran-yellow); color: var(--dauran-dark); }
.dauran-card__body {
display: flex;
flex-direction: column;
gap: 8px;
padding: 16px 18px 18px;
flex: 1;
}
.dauran-card__brand {
font-family: var(--dauran-font-body);
font-size: 11px;
font-weight: 600;
letter-spacing: .08em;
text-transform: uppercase;
color: var(--dauran-gray-400);
}
.dauran-card__stock {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 12px;
font-weight: 500;
line-height: 1;
}
.dauran-card__stock.is-in  { color: var(--dauran-green); }
.dauran-card__stock.is-low { color: #c98a00; } .dauran-card__stock.is-out { color: var(--dauran-red); }
.dauran-card__title,
h3.dauran-card__title,
.dauran-shop__grid .dauran-card__title {
margin: 0 !important;
padding: 0 !important;
font-family: var(--dauran-font-heading) !important;
font-weight: 600 !important;
font-size: 15px !important;
line-height: 1.35 !important;
letter-spacing: -0.2px !important;
color: var(--dauran-dark) !important;
min-height: 2.7em;
text-transform: none !important;
}
.dauran-card__title a,
h3.dauran-card__title a,
.dauran-shop__grid .dauran-card__title a {
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
transition: color var(--dauran-t);
}
.dauran-card__title a:hover {
color: var(--dauran-blue) !important;
}
@media (max-width: 640px) {
.dauran-card__title,
h3.dauran-card__title { font-size: 14px !important; }
}
.dauran-card__price {
font-family: var(--dauran-font-heading);
font-weight: 700;
font-size: 20px;
line-height: 1.2;
color: var(--dauran-dark);
margin-top: auto;
}
.dauran-card__price .woocommerce-Price-amount,
.dauran-card__price bdi {
font-family: inherit !important;
color: inherit !important;
font-weight: inherit !important;
}
.dauran-card__price del {
color: var(--dauran-gray-400);
font-weight: 500;
font-size: 14px;
margin-right: 8px;
}
.dauran-card__price--ask {
font-size: 15px;
color: var(--dauran-gray-500);
font-weight: 600;
}
.dauran-card__actions {
display: flex;
gap: 8px;
margin-top: 8px;
}
.dauran-card__actions .button,
.dauran-card__actions .added_to_cart,
.dauran-card__actions a.button,
.dauran-card__actions a.added_to_cart {
flex: 1 1 100%;
width: 100%;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 12px 16px !important;
min-height: 42px;
font-size: 13px !important;
font-weight: 600 !important;
background: var(--dauran-graphite) !important;
color: var(--dauran-white) !important;
border: 1px solid var(--dauran-graphite) !important;
border-radius: var(--dauran-radius) !important;
text-decoration: none !important;
text-align: center !important;
cursor: pointer !important;
line-height: 1.2 !important;
letter-spacing: 0 !important;
text-transform: none !important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-family: var(--dauran-font-body) !important;
transition: all var(--dauran-t) var(--dauran-ease) !important;
}
.dauran-card__actions .button:hover,
.dauran-card__actions .added_to_cart:hover {
background: var(--dauran-blue) !important;
border-color: var(--dauran-blue) !important;
color: var(--dauran-white) !important;
} .dauran-card__actions .added_to_cart {
background: transparent !important;
color: var(--dauran-graphite) !important;
border-color: var(--dauran-gray-200) !important;
}
.dauran-card__actions .added_to_cart:hover {
background: var(--dauran-graphite) !important;
border-color: var(--dauran-graphite) !important;
color: var(--dauran-white) !important;
}
@media (max-width: 480px) {
.dauran-card__body { padding: 12px 14px 14px; }
.dauran-card__title { font-size: 14px; }
.dauran-card__price { font-size: 17px; }
.dauran-card__actions .button { padding: 10px 12px !important; font-size: 12px !important; }
} .dauran-shop__pagination {
margin-top: 40px;
display: flex;
justify-content: center;
}
.dauran-shop__pagination .woocommerce-pagination,
.dauran-shop__pagination nav {
width: 100%;
display: flex;
justify-content: center;
} .dauran-shop__pagination ul.page-numbers,
.dauran-shop__pagination .page-numbers {
display: inline-flex !important;
gap: 6px !important;
list-style: none !important;
margin: 0 !important;
padding: 6px !important;
border: 1px solid var(--dauran-gray-100) !important;
border-radius: 8px !important;
background: var(--dauran-white);
flex-wrap: wrap;
justify-content: center;
}
.dauran-shop__pagination .page-numbers li {
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: none !important;
display: inline-block !important;
list-style: none !important;
}
.dauran-shop__pagination a.page-numbers,
.dauran-shop__pagination span.page-numbers {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 40px;
height: 40px;
padding: 0 12px !important;
background: transparent !important;
color: var(--dauran-graphite) !important;
border: none !important;
border-radius: 6px !important;
font-family: var(--dauran-font-body) !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1 !important;
text-decoration: none !important;
transition: all 160ms var(--dauran-ease, ease) !important;
letter-spacing: 0 !important;
text-transform: none !important;
cursor: pointer;
}
.dauran-shop__pagination a.page-numbers:hover,
.dauran-shop__pagination a.page-numbers:focus {
background: var(--dauran-gray-50) !important;
color: var(--dauran-dark) !important;
} .dauran-shop__pagination span.page-numbers.current,
.dauran-shop__pagination .page-numbers.current {
background: var(--dauran-graphite) !important;
color: var(--dauran-white) !important;
cursor: default;
} .dauran-shop__pagination .page-numbers.dots {
color: var(--dauran-gray-400) !important;
background: transparent !important;
min-width: auto;
padding: 0 4px !important;
cursor: default;
} .dauran-shop__pagination a.page-numbers.prev,
.dauran-shop__pagination a.page-numbers.next {
color: var(--dauran-blue) !important;
font-weight: 700 !important;
font-size: 16px !important;
}
.dauran-shop__pagination a.page-numbers.prev:hover,
.dauran-shop__pagination a.page-numbers.next:hover {
background: var(--dauran-blue) !important;
color: var(--dauran-white) !important;
}
@media (max-width: 480px) {
.dauran-shop__pagination ul.page-numbers,
.dauran-shop__pagination .page-numbers {
padding: 4px !important;
gap: 2px !important;
}
.dauran-shop__pagination a.page-numbers,
.dauran-shop__pagination span.page-numbers {
min-width: 34px;
height: 34px;
font-size: 13px !important;
padding: 0 8px !important;
}
} .dauran-catalog-landing {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 40px 48px;
margin-top: 12px;
}
@media (max-width: 1200px) { .dauran-catalog-landing { grid-template-columns: repeat(3, 1fr); gap: 36px 36px; } }
@media (max-width: 768px)  { .dauran-catalog-landing { grid-template-columns: repeat(2, 1fr); gap: 28px 20px; } }
@media (max-width: 360px)  { .dauran-catalog-landing { grid-template-columns: 1fr; gap: 20px; } }
.dauran-catalog-landing__col {
display: flex;
flex-direction: column;
min-width: 0;
} .dauran-catalog-landing__media {
display: flex;
align-items: center;
justify-content: center;
aspect-ratio: 4 / 3;
background: var(--dauran-white);
border: 1px solid var(--dauran-gray-100);
border-radius: var(--dauran-radius);
overflow: hidden;
text-decoration: none !important;
transition: border-color 200ms var(--dauran-ease, ease), transform 200ms var(--dauran-ease, ease);
}
.dauran-catalog-landing__media:hover {
border-color: var(--dauran-graphite);
transform: translateY(-2px);
}
.dauran-catalog-landing__media img {
max-width: 78%;
max-height: 78%;
object-fit: contain;
transition: transform 320ms var(--dauran-ease, ease);
}
.dauran-catalog-landing__media:hover img {
transform: scale(1.04);
}
.dauran-catalog-landing__placeholder {
color: var(--dauran-gray-200);
} .dauran-catalog-landing__title {
display: inline-flex;
flex-wrap: wrap;
align-items: baseline;
gap: 6px;
margin-top: 14px;
padding: 0;
font-family: var(--dauran-font-heading);
font-weight: 600;
font-size: 17px;
line-height: 1.25;
color: var(--dauran-blue);
text-decoration: none !important;
letter-spacing: -0.3px;
transition: color 160ms ease;
}
.dauran-catalog-landing__title:hover {
color: var(--dauran-blue-dark);
}
.dauran-catalog-landing__title-name {
min-width: 0;
}
.dauran-catalog-landing__title-count {
font-family: var(--dauran-font-body);
font-weight: 500;
font-size: 14px;
color: var(--dauran-gray-500);
} .dauran-catalog-landing__sub {
list-style: none !important;
margin: 8px 0 0 !important;
padding: 0 !important;
display: flex;
flex-direction: column;
gap: 2px;
}
.dauran-catalog-landing__sub-item {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.dauran-catalog-landing__sub-link {
display: flex;
align-items: baseline;
gap: 6px;
padding: 4px 0;
font-size: 13px;
line-height: 1.4;
color: var(--dauran-graphite);
text-decoration: none !important;
transition: color 120ms ease, transform 120ms ease;
}
.dauran-catalog-landing__sub-link:hover {
color: var(--dauran-blue);
transform: translateX(2px);
}
.dauran-catalog-landing__sub-name {
flex: 1;
min-width: 0;
}
.dauran-catalog-landing__sub-count {
font-size: 12px;
color: var(--dauran-gray-400);
font-weight: 500;
flex-shrink: 0;
}
@media (max-width: 640px) {
.dauran-catalog-landing__title { font-size: 15px; }
.dauran-catalog-landing__sub-link { font-size: 12.5px; }
} .dauran-product {
background: var(--dauran-white);
padding-top: 28px;
padding-bottom: 80px;
}
.dauran-product__top {
padding-top: 8px;
padding-bottom: 16px;
}
@media (max-width: 640px) {
.dauran-product { padding-top: 16px; }
}
.dauran-product__layout {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: start;
}
@media (max-width: 992px) {
.dauran-product__layout {
grid-template-columns: 1fr;
gap: 28px;
}
} .dauran-product__gallery {
position: relative;
}
.dauran-product__gallery .woocommerce-product-gallery {
width: 100% !important;
max-width: 100% !important;
float: none !important;
margin: 0 !important;
opacity: 1 !important;
}
.dauran-product__gallery .woocommerce-product-gallery__wrapper {
background: var(--dauran-white);
border: 1px solid var(--dauran-gray-100);
border-radius: var(--dauran-radius);
overflow: hidden;
padding: 24px;
}
.dauran-product__gallery .woocommerce-product-gallery__image img {
width: auto !important;
max-width: 100% !important;
max-height: 540px;
margin: 0 auto !important;
object-fit: contain !important;
}
.dauran-product__gallery .flex-control-thumbs {
display: flex !important;
gap: 8px !important;
margin: 12px 0 0 !important;
padding: 0 !important;
list-style: none !important;
flex-wrap: wrap;
}
.dauran-product__gallery .flex-control-thumbs li {
width: 80px !important;
height: 80px !important;
margin: 0 !important;
border: 1px solid var(--dauran-gray-100);
border-radius: var(--dauran-radius);
overflow: hidden;
cursor: pointer;
transition: border-color var(--dauran-t);
}
.dauran-product__gallery .flex-control-thumbs li:hover,
.dauran-product__gallery .flex-control-thumbs .flex-active {
border-color: var(--dauran-graphite);
}
.dauran-product__gallery .flex-control-thumbs img {
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
background: var(--dauran-white);
} .dauran-product__gallery .woocommerce-product-gallery--columns-1 .woocommerce-product-gallery__image {
width: 100% !important;
}
.dauran-product__gallery .woocommerce-product-gallery__trigger {
background: var(--dauran-white) !important;
border: 1px solid var(--dauran-gray-100) !important;
border-radius: var(--dauran-radius) !important;
width: 40px !important;
height: 40px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-decoration: none !important;
font-size: 0 !important;
top: 12px !important;
right: 12px !important;
color: var(--dauran-graphite) !important;
z-index: 5 !important;
}
.dauran-product__gallery .woocommerce-product-gallery__trigger::before {
content: "🔍";
font-size: 18px;
} .dauran-product__summary {
padding: 0;
}
.dauran-product__header {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid var(--dauran-gray-100);
}
.dauran-product__title {
margin: 0 0 12px !important;
font-family: var(--dauran-font-heading);
font-weight: 600;
font-size: 28px;
line-height: 1.2;
letter-spacing: -0.5px;
color: var(--dauran-dark);
}
@media (max-width: 640px) {
.dauran-product__title { font-size: 22px; }
}
.dauran-product__sku {
display: inline-flex;
gap: 6px;
font-size: 13px;
margin-right: 16px;
}
.dauran-product__sku-label { color: var(--dauran-gray-500); }
.dauran-product__sku-value { color: var(--dauran-dark); font-weight: 600; font-family: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace; }
.dauran-product__status {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 13px;
font-weight: 600;
margin-top: 8px;
padding: 6px 10px;
border-radius: 4px;
background: var(--dauran-gray-50);
}
.dauran-product__status.is-in  { color: var(--dauran-green); background: rgba(43, 168, 74, .08); }
.dauran-product__status.is-low { color: #c98a00; background: rgba(201, 138, 0, .1); }
.dauran-product__status.is-out { color: var(--dauran-red); background: rgba(217, 54, 47, .08); }
.dauran-product__price-row {
margin-bottom: 20px;
}
.dauran-product__price {
font-family: var(--dauran-font-heading);
font-weight: 700;
font-size: 36px;
line-height: 1.1;
color: var(--dauran-dark);
letter-spacing: -1px;
}
.dauran-product__price .woocommerce-Price-amount,
.dauran-product__price bdi {
font-family: inherit !important;
color: inherit !important;
font-weight: inherit !important;
}
.dauran-product__price del {
color: var(--dauran-gray-400);
font-weight: 500;
font-size: 22px;
margin-right: 12px;
}
.dauran-product__price--ask {
font-size: 22px;
font-weight: 600;
color: var(--dauran-gray-500);
}
@media (max-width: 640px) {
.dauran-product__price { font-size: 28px; }
} .dauran-product__cart {
margin: 0 0 24px;
}
.dauran-product__cart form.cart {
display: flex !important;
flex-wrap: wrap;
align-items: center;
gap: 12px;
margin: 0 !important;
}
.dauran-product__cart .quantity {
display: inline-flex !important;
align-items: center;
border: 1px solid var(--dauran-gray-100);
border-radius: var(--dauran-radius);
background: var(--dauran-white);
overflow: hidden;
}
.dauran-product__cart .quantity input.qty {
width: 60px !important;
border: none !important;
background: transparent !important;
text-align: center !important;
padding: 12px 6px !important;
font-family: var(--dauran-font-body) !important;
font-weight: 600 !important;
font-size: 15px !important;
color: var(--dauran-dark) !important;
-moz-appearance: textfield;
}
.dauran-product__cart .quantity input.qty::-webkit-outer-spin-button,
.dauran-product__cart .quantity input.qty::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.dauran-product__cart button.single_add_to_cart_button,
.dauran-product__cart .single_add_to_cart_button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
padding: 14px 28px !important;
background: var(--dauran-blue) !important;
color: var(--dauran-white) !important;
border: 1px solid var(--dauran-blue) !important;
border-radius: var(--dauran-radius) !important;
font-family: var(--dauran-font-body) !important;
font-size: 14px !important;
font-weight: 600 !important;
letter-spacing: .02em !important;
text-transform: none !important;
cursor: pointer !important;
box-shadow: none !important;
transition: all var(--dauran-t) var(--dauran-ease) !important;
flex: 1;
min-width: 200px;
}
.dauran-product__cart button.single_add_to_cart_button:hover,
.dauran-product__cart button.single_add_to_cart_button:focus {
background: var(--dauran-blue-dark) !important;
border-color: var(--dauran-blue-dark) !important;
}
.dauran-product__excerpt {
color: var(--dauran-gray-500);
font-size: 14px;
line-height: 1.6;
margin: 0 0 20px;
} .dauran-product__keys {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px 24px;
margin: 24px 0;
padding: 20px 22px;
background: var(--dauran-gray-50);
border-radius: var(--dauran-radius);
}
@media (max-width: 480px) { .dauran-product__keys { grid-template-columns: 1fr; padding: 14px 16px; } }
.dauran-product__key {
display: flex;
flex-direction: column;
gap: 2px;
padding: 6px 0;
border-bottom: 1px dashed var(--dauran-gray-200);
}
.dauran-product__key:nth-last-child(-n+2) { border-bottom: none; }
@media (max-width: 480px) {
.dauran-product__key { border-bottom: 1px dashed var(--dauran-gray-200); }
.dauran-product__key:last-child { border-bottom: none; }
}
.dauran-product__key-label {
font-size: 12px;
color: var(--dauran-gray-500);
text-transform: uppercase;
letter-spacing: .04em;
font-weight: 500;
}
.dauran-product__key-value {
font-size: 14px;
color: var(--dauran-dark);
font-weight: 500;
}
.dauran-product__meta {
margin-top: 16px;
padding-top: 16px;
border-top: 1px solid var(--dauran-gray-100);
font-size: 13px;
color: var(--dauran-gray-500);
}
.dauran-product__meta-label { margin-right: 4px; }
.dauran-product__meta-value a {
color: var(--dauran-graphite);
text-decoration: none;
}
.dauran-product__meta-value a:hover { color: var(--dauran-blue); } .dauran-product__tabs-wrap { margin-top: 56px; }
.dauran-tabs {
display: grid;
grid-template-columns: 260px 1fr;
gap: 24px;
align-items: start;
}
@media (max-width: 991px) {
.dauran-tabs { grid-template-columns: 1fr; gap: 16px; }
} .dauran-tabs__nav {
display: flex;
flex-direction: column;
gap: 4px;
padding: 8px;
background: var(--dauran-white);
border: 1px solid var(--dauran-gray-100);
border-radius: 12px;
position: sticky;
top: 24px;
}
.dauran-tabs__btn {
display: inline-flex !important;
align-items: center !important;
gap: 12px !important;
padding: 12px 14px !important;
background: transparent !important;
border: none !important;
border-radius: 8px !important;
color: var(--dauran-graphite) !important;
font-family: var(--dauran-font-body) !important;
font-weight: 600 !important;
font-size: 14px !important;
text-align: left !important;
cursor: pointer;
transition: background-color 160ms ease, color 160ms ease;
white-space: normal;
width: 100%;
line-height: 1.3 !important;
letter-spacing: 0 !important;
text-transform: none !important;
position: relative;
}
.dauran-tabs__btn-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
flex-shrink: 0;
color: var(--dauran-gray-500);
background: var(--dauran-gray-50);
border-radius: 6px;
transition: all 160ms ease;
}
.dauran-tabs__btn-icon svg { width: 18px; height: 18px; }
.dauran-tabs__btn-label {
flex: 1;
min-width: 0;
}
.dauran-tabs__btn-arrow {
color: var(--dauran-gray-300);
opacity: 0;
transform: translateX(-4px);
transition: all 160ms ease;
}
.dauran-tabs__btn:hover {
background: var(--dauran-gray-50) !important;
color: var(--dauran-dark) !important;
}
.dauran-tabs__btn:hover .dauran-tabs__btn-icon {
color: var(--dauran-graphite);
}
.dauran-tabs__btn:hover .dauran-tabs__btn-arrow {
opacity: .6;
transform: translateX(0);
}
.dauran-tabs__btn.is-active {
background: var(--dauran-graphite) !important;
color: var(--dauran-white) !important;
}
.dauran-tabs__btn.is-active .dauran-tabs__btn-icon {
background: rgba(255, 255, 255, .14);
color: var(--dauran-white);
}
.dauran-tabs__btn.is-active .dauran-tabs__btn-arrow {
color: var(--dauran-white);
opacity: 1;
transform: translateX(0);
} @media (max-width: 991px) {
.dauran-tabs__nav {
flex-direction: row;
gap: 6px;
padding: 6px;
position: static;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.dauran-tabs__nav::-webkit-scrollbar { display: none; }
.dauran-tabs__btn {
flex: 0 0 auto;
width: auto;
padding: 8px 14px !important;
font-size: 13px !important;
}
.dauran-tabs__btn-icon {
width: 24px;
height: 24px;
background: transparent;
}
.dauran-tabs__btn-icon svg { width: 15px; height: 15px; }
.dauran-tabs__btn-arrow { display: none; }
.dauran-tabs__btn.is-active .dauran-tabs__btn-icon {
background: rgba(255, 255, 255, .14);
}
} .dauran-tabs__panels {
min-width: 0;
}
.dauran-tabs__panel {
display: none;
background: var(--dauran-white);
border: 1px solid var(--dauran-gray-100);
border-radius: 12px;
overflow: hidden;
}
.dauran-tabs__panel.is-active {
display: block;
animation: dauran-tab-fade 260ms var(--dauran-ease, ease);
}
@keyframes dauran-tab-fade {
from { opacity: 0; transform: translateY(6px); }
to   { opacity: 1; transform: translateY(0); }
} .dauran-tabs__panel-head {
display: flex;
align-items: center;
gap: 14px;
padding: 22px 28px;
border-bottom: 1px solid var(--dauran-gray-100);
background: linear-gradient(180deg, var(--dauran-gray-50) 0%, var(--dauran-white) 100%);
}
.dauran-tabs__panel-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
flex-shrink: 0;
color: var(--dauran-white);
background: var(--dauran-graphite);
border-radius: 8px;
}
.dauran-tabs__panel-icon svg { width: 22px; height: 22px; }
.dauran-tabs__panel-title {
margin: 0 !important;
font-family: var(--dauran-font-heading) !important;
font-weight: 600 !important;
font-size: 18px !important;
line-height: 1.2 !important;
letter-spacing: -0.3px !important;
color: var(--dauran-dark) !important;
}
.dauran-tabs__panel-body {
padding: 24px 28px 28px;
font-size: 15px;
color: var(--dauran-dark);
line-height: 1.7;
}
@media (max-width: 640px) {
.dauran-tabs__panel-head { padding: 16px 18px; gap: 12px; }
.dauran-tabs__panel-icon { width: 36px; height: 36px; }
.dauran-tabs__panel-icon svg { width: 18px; height: 18px; }
.dauran-tabs__panel-title { font-size: 16px !important; }
.dauran-tabs__panel-body { padding: 18px 18px 20px; font-size: 14px; }
}
.dauran-tabs__panel-body > :first-child { margin-top: 0; }
.dauran-tabs__panel-body > :last-child  { margin-bottom: 0; }
.dauran-tabs__panel-body h2,
.dauran-tabs__panel-body h3 {
font-family: var(--dauran-font-heading);
font-weight: 600;
margin-top: 1.2em;
margin-bottom: .5em;
color: var(--dauran-dark);
letter-spacing: -0.3px;
}
.dauran-tabs__panel-body h2 { font-size: 20px; }
.dauran-tabs__panel-body h3 { font-size: 17px; }
.dauran-tabs__panel-body p { margin: 0 0 1em; }
.dauran-tabs__panel-body a { color: var(--dauran-blue); text-decoration: underline; text-underline-offset: 2px; }
.dauran-tabs__panel-body a:hover { color: var(--dauran-blue-dark); }
.dauran-tabs__panel-body ul,
.dauran-tabs__panel-body ol {
margin: 0 0 1em;
padding-left: 22px;
}
.dauran-tabs__panel-body li { margin: 4px 0; } .dauran-tabs__panel-body table,
.dauran-tabs__panel-body .shop_attributes,
.dauran-tabs__panel-body .woocommerce-product-attributes {
width: 100% !important;
border-collapse: separate !important;
border-spacing: 0 !important;
margin: 8px 0 16px !important;
border: 1px solid var(--dauran-gray-100);
border-radius: 8px;
overflow: hidden;
background: var(--dauran-white);
}
.dauran-tabs__panel-body table tr,
.dauran-tabs__panel-body .shop_attributes tr,
.dauran-tabs__panel-body .woocommerce-product-attributes tr {
transition: background-color 160ms ease;
}
.dauran-tabs__panel-body .shop_attributes tr:hover,
.dauran-tabs__panel-body .woocommerce-product-attributes tr:hover {
background-color: rgba(0, 116, 149, .04);
} .dauran-tabs__panel-body table th,
.dauran-tabs__panel-body .shop_attributes th,
.dauran-tabs__panel-body .woocommerce-product-attributes-item__label {
text-align: left !important;
padding: 14px 18px !important;
background: var(--dauran-gray-50) !important;
font-family: var(--dauran-font-body) !important;
font-weight: 600 !important;
font-size: 12.5px !important;
color: var(--dauran-gray-500) !important;
text-transform: uppercase !important;
letter-spacing: 0.04em !important;
width: 38% !important;
border-bottom: 1px solid var(--dauran-gray-100) !important;
border-right: 1px solid var(--dauran-gray-100) !important;
vertical-align: top !important;
} .dauran-tabs__panel-body table td,
.dauran-tabs__panel-body .shop_attributes td,
.dauran-tabs__panel-body .woocommerce-product-attributes-item__value {
padding: 14px 18px !important;
font-family: var(--dauran-font-body) !important;
font-size: 14px !important;
font-weight: 500 !important;
color: var(--dauran-dark) !important;
background: var(--dauran-white) !important;
border-bottom: 1px solid var(--dauran-gray-100) !important;
vertical-align: top !important;
line-height: 1.55 !important;
}
.dauran-tabs__panel-body table td p,
.dauran-tabs__panel-body .shop_attributes td p,
.dauran-tabs__panel-body .woocommerce-product-attributes-item__value p {
margin: 0 !important;
} .dauran-tabs__panel-body table tr:last-child th,
.dauran-tabs__panel-body table tr:last-child td,
.dauran-tabs__panel-body .shop_attributes tr:last-child th,
.dauran-tabs__panel-body .shop_attributes tr:last-child td,
.dauran-tabs__panel-body .woocommerce-product-attributes tr:last-child th,
.dauran-tabs__panel-body .woocommerce-product-attributes tr:last-child td {
border-bottom: none !important;
} @media (max-width: 640px) {
.dauran-tabs__panel-body table,
.dauran-tabs__panel-body .shop_attributes,
.dauran-tabs__panel-body .woocommerce-product-attributes {
display: block;
}
.dauran-tabs__panel-body table thead,
.dauran-tabs__panel-body .shop_attributes thead { display: none; }
.dauran-tabs__panel-body table tbody,
.dauran-tabs__panel-body .shop_attributes tbody,
.dauran-tabs__panel-body .woocommerce-product-attributes tbody { display: block; }
.dauran-tabs__panel-body table tr,
.dauran-tabs__panel-body .shop_attributes tr,
.dauran-tabs__panel-body .woocommerce-product-attributes tr {
display: grid;
grid-template-columns: 1fr;
border-bottom: 1px solid var(--dauran-gray-100);
}
.dauran-tabs__panel-body table tr:last-child,
.dauran-tabs__panel-body .shop_attributes tr:last-child,
.dauran-tabs__panel-body .woocommerce-product-attributes tr:last-child {
border-bottom: none;
}
.dauran-tabs__panel-body table th,
.dauran-tabs__panel-body .shop_attributes th,
.dauran-tabs__panel-body .woocommerce-product-attributes-item__label {
width: 100% !important;
padding: 10px 14px 4px !important;
border-right: none !important;
border-bottom: none !important;
font-size: 11.5px !important;
}
.dauran-tabs__panel-body table td,
.dauran-tabs__panel-body .shop_attributes td,
.dauran-tabs__panel-body .woocommerce-product-attributes-item__value {
width: 100% !important;
padding: 0 14px 10px !important;
border-bottom: none !important;
}
} .dauran-product__related {
margin-top: 64px;
}
.dauran-product__related > h2,
.dauran-product__related .related > h2,
.related.products > h2 {
font-family: var(--dauran-font-heading) !important;
font-weight: 600 !important;
font-size: 24px !important;
color: var(--dauran-dark) !important;
margin: 0 0 24px !important;
padding-bottom: 16px;
border-bottom: 1px solid var(--dauran-gray-100);
letter-spacing: -0.5px;
}
.dauran-product__related ul.products,
.dauran-product__related .related ul.products,
.related.products ul.products {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 20px !important;
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
@media (max-width: 1200px) { .dauran-product__related ul.products, .related.products ul.products { grid-template-columns: repeat(3, 1fr) !important; } }
@media (max-width: 768px)  { .dauran-product__related ul.products, .related.products ul.products { grid-template-columns: repeat(2, 1fr) !important; } }
@media (max-width: 400px)  { .dauran-product__related ul.products, .related.products ul.products { grid-template-columns: 1fr !important; } }
.dauran-product__related ul.products li.product,
.related.products ul.products li.product {
width: 100% !important;
margin: 0 !important;
float: none !important;
clear: none !important;
} .dauran-product__related ul.products::before,
.dauran-product__related ul.products::after,
.related.products ul.products::before,
.related.products ul.products::after {
content: none !important;
display: none !important;
} .dauran-shop .woocommerce-message,
.dauran-product .woocommerce-message,
.woocommerce-message {
padding: 14px 18px !important;
border-left: 4px solid var(--dauran-blue) !important;
background: var(--dauran-gray-50) !important;
color: var(--dauran-dark) !important;
border-radius: var(--dauran-radius) !important;
font-size: 14px !important;
margin-bottom: 20px !important;
}
.woocommerce-message::before { color: var(--dauran-blue) !important; }