@media all and (min-width: 769px) {


  /**** GLOBAL ***/
 .container {
    width: var(--container-md);
  }

  html:not(.html-home-page) .master-wrapper-content {
    width: var(--container-md);
  }

  .home-page-polls li {
    min-width: 100px;
  }

  /**** TOPICS ***/

  .guide-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 960px;
  }

  .guide-step {
    flex-direction: column;
    min-height: 210px;
  }

  .guide-step-copy h2 {
    margin-bottom: 8px;
  }

  .guide-tier-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }


  /**** GLOBAL TABLES ***/


  .cart tr {
    width: 31.33333%;
    margin: 40px 1% 0;
  }

  .cart tr:nth-child(2n+1) {
    clear: none;
  }

  .cart tr:nth-child(3n+1) {
    clear: both;
  }

  .order-details-page .data-table tr {
    width: 31.33333%;
    margin: 40px 1% 0;
  }

  .order-details-page .data-table tr:nth-child(2n+1) {
    clear: none;
  }

  .order-details-page .data-table tr:nth-child(3n+1) {
    clear: both;
  }


  /*** HEADER ***/


  .header-selectors-wrapper > div {
    width: 20%;
  }


  /*** CATEGORY ***/


  .product-selectors {
    text-align: left;
  }

  .product-selectors .product-viewmode {
    display: inline-block;
    float: right;
  }

  .product-selectors .product-viewmode span {
    display: none;
  }

  .product-selectors .product-viewmode a {
    display: inline-block;
    width: 24px;
    height: 32px;
    margin: 0 0 0 12px;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.5;
  }

  .product-selectors .product-viewmode a.grid {
    background-image: url('../images/view-grid.png');
  }

  .product-selectors .product-viewmode a.list {
    background-image: url('../images/view-list.png');
  }

  .product-selectors .product-viewmode a.selected {
    opacity: 1;
  }

  .html-category-page .product-selectors-bar .product-viewmode {
    display: inline-flex;
    float: none;
  }

  .html-category-page .product-selectors-bar .product-viewmode a {
    display: inline-flex;
    width: 35px;
    height: 35px;
    margin: 0;
    opacity: 1;
    background-image: none;
  }

  .html-category-page .product-selectors-bar .product-viewmode a.grid,
  .html-category-page .product-selectors-bar .product-viewmode a.list {
    background-image: none;
  }

  .html-category-page .selector-pill-text {
    flex-direction: row;
    align-items: center;
  }

  .html-category-page .selector-pill-select-wrap select,
  .html-category-page .selector-pill-select-wrap .ui-selectmenu-button {
    height: 18px;
    min-height: 18px;
    line-height: 18px;
  }

  .item-box {
    width: 32.33333%;
    margin: 0 0.5% 50px;
  }

  .item-box:nth-child(2n+1) {
    clear: none;
  }

  .item-box:nth-child(3n+1) {
    clear: both;
  }

  .product-list .item-box {
    float: none;
    width: auto;
    margin: 0 5px 20px;
  }

  .product-list .item-box .product-item:after {
    content: "";
    display: block;
    clear: both;
  }

  .product-list .item-box .picture {
    float: left;
    width: 220px;
  }

  .product-list .item-box:hover .picture a img,
  .product-list .item-box:focus .picture a img {
    opacity: 1;
  }

  .product-list .item-box .picture:hover a img,
  .product-list .item-box .picture:focus a img {
    opacity: 0.85;
  }

  .product-list .item-box .picture + .details {
    margin: 0 0 0 40px;
  }

  .product-list .item-box .product-title {
    height: auto;
    padding: 10px 0;
    font-size: 18px;
  }

  .product-list .item-box .description {
    display: none;
    margin: 0;
  }

  .product-list .item-box .prices {
    height: auto;
  }

  .product-list .item-box .buttons {
  }

  .product-list .item-box .product-box-add-to-cart-button {
    width: auto;
    min-width: 150px;
    padding: 0 20px;
  }

  .product-list .item-box .add-to-compare-list-button,
  .product-list .item-box .add-to-wishlist-button:not(.product-card-wishlist) {
    width: 42px;
  }

  .product-grid .item-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .html-category-page .category-sub-category-nav .sub-category-box {
    flex: 0 0 calc(16.666% - 7px);
  }

  .html-category-page .category-sub-category-nav .picture {
    min-height: 96px;
  }

  .html-category-page .category-sub-category-nav .picture img {
    max-height: 110px;
  }

  .product-card-actions {
    flex-direction: row;
    align-items: center;
  }

  .product-list .product-card {
    flex-direction: row;
    align-items: stretch;
  }

  .product-list .product-card-media {
    flex: 0 0 220px;
    max-width: 220px;
    margin: 0;
  }

  .product-list .product-card-actions {
    max-width: 320px;
    margin-left: auto;
    align-self: flex-end;
  }


  /*** PRODUCT PAGE ***/


  .gallery {
    width: 100%;
    max-width: 550px;
  }

  .product-details-page .gallery {
    max-width: none;
  }

  .product-details-page .overview .product-name h1 {
    font-size: 24px;
  }

  .variant-picture {
    float: left;
  }

  .variant-picture + .variant-overview {
    width: auto;
    margin: 0 0 0 240px;
  }

  .variant-overview {
    text-align: left;
  }


  /*** PRODUCT REVIEWS ***/


  .product-review-item .review-title {
    float: left;
    max-width: 600px;
  }

  .product-review-item .product-review-box {
    float: right;
  }

  .write-review .review-rating div {
    display: inline-block;
    margin: 0 0 0 5px;
    cursor: default;
    vertical-align: middle;
    font-size: 14px;
    height: 17px;
  }

  /* PDP tab reviews — keep flex layout, no floats */
  .product-details-page .product-review-item .review-title,
  .product-details-page .product-review-item .product-review-box {
    float: none;
  }

  .product-details-page .write-review .review-rating div {
    display: inline-flex;
    height: auto;
    margin: 0;
  }

  .product-details-page .write-review .review-rating .name-description {
    display: block;
    margin: 0;
  }




  /*** REGISTRATION, LOGIN, ACCOUNT ***/


  .address-list-page .section,
  .order-list-page .section,
  .return-request-list-page .section {
    display: inline-block;
    width: 45%;
    margin: 20px 1%;
    vertical-align: top;
  }

  .recurring-payments {
    width: 100% !important;
    margin: 20px 0 !important;
  }


  /*** SHOPPING CART ***/


  .order-progress {
    padding: 20px;
  }

  .order-progress li {
    margin: 0 10px;
  }

  .order-progress a {
    min-width: 80px;
  }

  .cart-options .common-buttons {
    text-align: right;
  }

  .cart-options .checkout-attributes,
  .cart-options .selected-checkout-attributes {
    padding: 0 10px;
  }

  .cart-footer .totals {
    float: right;
    width: 45%;
    margin: 0 2.5%;
  }

  .cart-footer .terms-of-service {
    text-align: left;
  }

  .cart-footer .checkout-buttons,
  .cart-footer .addon-buttons {
    text-align: right;
  }

  .cart-footer .cart-collaterals {
    float: left;
    width: 45%;
    margin: 0 2.5%;
  }

  .cart-footer .cart-collaterals .title,
  .cart-footer .cart-collaterals label {
    text-align: left;
  }

  .cart-footer .estimate-shipping label {
    display: block;
    margin: 0 0 10px;
  }

  .cart-footer .estimate-shipping .buttons {
    text-align: right;
  }

  .shopping-cart-page .cart-layout {
    flex-direction: row;
    align-items: flex-start;
    gap: 24px;
  }

  .shopping-cart-page .cart-management {
    flex: 1 1 auto;
    min-width: 0;
  }

  .shopping-cart-page .cart-summary {
    flex: 0 0 320px;
    position: sticky;
    top: 16px;
  }


  /*** CHECKOUT ***/


  .checkout-page .selected-checkout-attributes {
    float: right;
    text-align: right;
  }

  .checkout-page .cart-footer .totals {
    max-width: 350px;
    margin: 0;
  }

  .checkout-page .address-grid {
    overflow: hidden;
  }

  .checkout-page .address-item {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    width: 48%;
    margin: 0 1% 40px;
  }

  .order-confirm-page .order-review-data {
    grid-template-columns: 1fr;
  }

  .order-confirm-page .order-review-data li {
    grid-template-columns: 100px minmax(0, 1fr);
  }

  .order-confirm-page .confirm-order-summary .order-summary-content > form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 20px;
    align-items: start;
  }

  .order-confirm-page .confirm-order-actions .buttons {
    justify-content: center;
  }

  .order-completed-page .completed-hero {
    padding: 40px 40px;
  }

  .order-completed-page .page-title h1 {
    font-size: 40px;
  }

  .order-completed-page .order-details-area.order-review-data {
    grid-template-columns: 1fr;
  }

  .order-completed-page .order-summary-content.confirm-order-summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 20px;
    align-items: start;
  }

  .order-completed-page .confirm-order-summary .table-wrapper {
    grid-column: 1;
  }

  .order-completed-page .confirm-order-summary .cart-footer {
    grid-column: 2;
    grid-row: 1;
  }

  .shipping-method .method-list li,
  .payment-method .method-list li {
    display: inline-block;
    width: 25%;
    margin: 20px 2%;
    vertical-align: top;
  }

  .shipping-method .method-name {
    background-color: #f6f6f6;
    padding: 10px;
  }

  .payment-method .payment-logo {
    display: block;
    background-color: #f6f6f6;
    padding: 10px;
  }

  .payment-method .payment-details {
    display: block;
    width: auto;
    min-width: 0;
    margin: 10px 0 0;
    text-align: center;
  }

  .payment-info .info {
    padding: 30px 75px;
  }

  .order-review-data,
  .order-details-area,
  .shipment-details-area {
    overflow: hidden;
  }

  .order-review-data > div,
  .order-details-area > div,
  .shipment-details-area > div {
    float: left;
    width: 48%;
    margin: 0 1% 40px;
  }


  /*** ORDER DETAILS & SHIPPING DETAILS ***/


  .order-details-page .section.options {
    text-align: right;
  }

  .order-details-page .selected-checkout-attributes {
    padding: 0 10px;
  }

  .order-details-page .tax-shipping-info {
    text-align: right;
  }

  .order-details-page .totals {
    float: right;
    clear: both;
  }

  .shipment-details-page .tracking-number .tracking-url {
    color: var(--theme-color);
  }


  /*** BLOG & NEWS ***/


  .blog-posts .tags {
    float: right;
    width: 80%;
    text-align: right;
  }

  .blog-posts .buttons {
    float: left;
    width: 20%;
    text-align: left;
  }

  .new-comment {
    text-align: center;
  }

  .new-comment .buttons {
    text-align: center;
  }

  .comment-list .comment {
    display: table;
    width: 100%;
    margin: 0;
  }

  .comment-list .comment:last-child {
    border-bottom: 1px solid #ddd;
  }

  .comment-info {
    display: table-cell;
    width: 15%;
    margin: 0;
    vertical-align: top;
  }

  .comment-info .username {
    min-height: 40px;
    margin: 0;
    border: none;
    text-align: center;
  }

  .comment-info .avatar {
    border: none;
  }

  .comment-info .avatar img {
    max-width: 80%;
    max-height: 80%;
  }

  .comment-content {
    display: table-cell;
    width: 85%;
    border-left: 1px solid #ddd;
    vertical-align: top;
    text-align: left;
  }

  .comment-time {
    min-height: 40px;
    margin: 0;
    background-color: #f6f6f6;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: normal;
  }

  .comment-title {
    margin: 0 0 -20px;
    padding: 20px;
  }

  .comment-body {
    padding: 20px;
  }


  /*** FORUM & PROFILE ***/


  .forum-actions,
  .topic-actions {
    overflow: hidden;
  }

  .forum-actions .actions,
  .topic-actions .actions {
    float: left;
  }

  .forum-actions .pager,
  .topic-actions .pager {
    float: right;
    max-width: 450px;
  }

  .forum-actions .pager li,
  .topic-actions .pager li {
    margin: 2px 4px;
  }

  .forum-actions .pager.upper {
    display: block;
  }

  .topic-actions.lower .actions {
    display: block;
  }

  .topic-posts {
    margin: 0 0 30px;
  }

  .topic-post {
    display: table;
    width: 100%;
    margin: 0;
  }

  .topic-post .post-info {
    display: table-cell;
    width: 15%;
    margin: 0;
    vertical-align: top;
    text-align: left;
  }

  .topic-post .user-info {
    width: auto;
  }

  .topic-post .username {
    min-height: 40px;
    margin: 0;
    border: none;
    text-align: center;
  }

  .topic-post .avatar {
    margin: auto;
    border: none;
  }

  .topic-post .avatar img {
    max-width: 80%;
    max-height: 80%;
  }

  .topic-post .user-stats li {
    margin: 0;
  }

  .topic-post .send-pm {
    margin: 0 0 20px;
  }

  .topic-post .pm-button,
  .profile-info-box .pm-button {
    padding: 8px 16px;
    font-size: 13px;
  }

  .topic-post .post-content {
    display: table-cell;
    width: 85%;
    border-left: 1px solid #ddd;
    vertical-align: top;
    text-align: left;
  }

  .topic-post .post-head {
    min-height: 40px;
    overflow: hidden;
    background-color: #f6f6f6;
  }

  .topic-post .post-time {
    float: left;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
  }

  .topic-post .post-actions {
    float: right;
    margin: 0;
  }

  .topic-post .post-actions a {
    margin: 0;
    line-height: 20px;
  }

  .topic-post .post-actions .manage-post a {
  }

  .topic-post .post-actions .quote-post a {
    min-width: 70px;
  }

  .topic-post .post-actions a.post-link-button {
    margin: 0 0 0 10px;
    border-left: 1px solid #ddd;
    text-align: center;
  }

  .topic-post .post-text {
    padding: 20px 5px;
  }

  .topic-post .post-vote {
    padding: 20px 0 20px 15px;
  }

  .forum-table th.replies,
  .forum-table th.views,
  .forum-table th.votes,
  .forum-table td.replies,
  .forum-table td.views,
  .forum-table td.votes {
    display: table-cell;
  }

  .forum-table td.image {
    max-width: none;
  }

  .forum-table td.image div {
    max-width: none;
    background-size: initial;
  }

  .ui-tabs-nav {
    text-align: left;
  }

  .ui-tabs-nav li {
    margin: 0 10px -1px 0;
    /*override jQuery UI styles, do not delete doubled properties*/
    margin: 0 10px -1px 0 !important;
  }

  .profile-info-box .avatar {
    float: left;
    margin: 0 15px 15px 0;
  }

  .profile-info-box .profile-stats {
    float: left;
    text-align: left;
  }

  .profile-info-box .title {
    text-align: left;
  }

  .profile-info-box .send-pm {
    clear: both;
    text-align: left;
  }

  .post-text code {
    background-color: #f0f0f0;
    padding: 2px 4px;
    border-radius: 3px;
    font-family: monospace;
    font-size: 0.9em;
  }

  .post-text pre {
    background-color: #f0f0f0;
    padding: 10px;
    border-radius: 4px;
    overflow-x: auto;
    margin-bottom: 1em;
  }

  .post-text pre code {
    background: none;
    padding: 0;
    font-size: 0.9em;
  }

  .post-text blockquote {
    border-left: 4px solid #ccc;
    padding: 0.5em 10px;
    color: var(--gray-color);
    margin: 0 0 1em 0;
  }

  .post-text blockquote p {
    margin-bottom: 0;
  }
}