:root {
--dlcs-primary: #1B4332;
--dlcs-hover: #2D6A4F;
--dlcs-border: #e4e4e4;
--dlcs-error: #c62828;
--dlcs-bg: #FAFAFA;
--dlcs-text: #333;
--dlcs-light-bg: #f8f9fa;
--dlcs-success: #2E7D32;
--dlcs-chat-bg: #ffffff;
--dlcs-primary-dark: #357ABD;
--dlcs-text-light: #6B7C93;
--dlcs-bg-light: #F8F9FA;
--dlcs-warning: #FF9800;
}
.dlcs-bakery-preorder-container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
} .bakery-preorder-header {
text-align: center;
margin-bottom: 40px;
padding: 40px 30px;
background: linear-gradient(135deg, #E8EDE8, #F5F7F5);
border-radius: 20px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}
.bakery-preorder-title {
font-size: 2.5em;
color: var(--dlcs-primary);
margin: 0 0 15px 0;
font-weight: 600;
}
.bakery-preorder-subtitle {
font-size: 1.3em;
color: var(--dlcs-text);
margin: 0 0 25px 0;
font-weight: 500;
}
.bakery-preorder-notice {
background: rgba(255, 255, 255, 0.9);
padding: 20px;
border-radius: 16px;
backdrop-filter: blur(10px);
border: 1px solid rgba(27, 67, 50, 0.1);
box-shadow: 0 4px 12px rgba(27, 67, 50, 0.08);
margin-top: 20px;
}
.bakery-preorder-notice p {
margin: 10px 0;
line-height: 1.6;
color: var(--dlcs-text);
}
.bakery-notice-highlight {
background: #fff3cd;
border: 1px solid #ffeaa7;
padding: 15px;
border-radius: 12px;
color: #856404;
font-weight: 500;
} .bakery-products-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 30px;
margin: 40px 0;
align-items: stretch;
}
.bakery-product-card {
background: white;
border-radius: 24px;
overflow: hidden;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
transition: all 0.3s ease;
border: 1px solid var(--dlcs-border);
display: flex;
flex-direction: column;
height: 100%;
min-height: 450px;
}
.bakery-product-card:hover {
transform: translateY(-8px);
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
}
.bakery-product-image {
width: 100%;
height: 350px;
overflow: hidden;
flex-shrink: 0;
position: relative;
background: var(--dlcs-bg-light);
}
.bakery-product-image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center bottom;
transition: transform 0.3s ease;
border-radius: 0;
display: block;
}
.bakery-product-card:hover .bakery-product-image img {
transform: scale(1.05);
}
.bakery-product-info {
padding: 20px;
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: space-between;
}
.bakery-product-content {
flex-grow: 1;
margin-bottom: 15px;
}
.bakery-product-controls {
margin-top: auto;
display: flex;
flex-direction: column;
gap: 10px;
}
.bakery-product-name {
font-size: 1.3em;
font-weight: 600;
color: var(--dlcs-primary);
margin: 0 0 10px 0;
line-height: 1.3;
}
.bakery-product-description {
color: var(--dlcs-text-light);
line-height: 1.6;
margin: 0 0 15px 0;
font-size: 0.95em;
}
.bakery-product-price {
font-size: 1.2em;
font-weight: 600;
color: var(--dlcs-primary);
margin: 0;
text-align: center;
padding: 12px 0;
background: linear-gradient(135deg, var(--dlcs-bg-light), #f8f9fa);
border-radius: 12px;
border: 1px solid var(--dlcs-border);
box-shadow: 0 2px 8px rgba(27, 67, 50, 0.05);
font-size: 1.3em;
} .dlcs-bakery-preorder-container .bakery-product-card .bakery-quantity-controls,
.bakery-quantity-controls {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 0 !important;
background: var(--dlcs-bg-light) !important;
border-radius: 12px !important;
padding: 8px !important;
border: 2px solid var(--dlcs-border) !important;
transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
width: auto !important;
max-width: none !important;
min-width: auto !important;
}
.dlcs-bakery-preorder-container .bakery-product-card .bakery-quantity-controls:hover,
.bakery-quantity-controls:hover {
border-color: var(--dlcs-primary) !important;
box-shadow: 0 4px 12px rgba(27, 67, 50, 0.15) !important;
}
.dlcs-bakery-preorder-container .bakery-product-card .bakery-quantity-controls .bakery-quantity-btn,
.dlcs-bakery-preorder-container .bakery-quantity-controls .bakery-quantity-btn,
.bakery-quantity-btn.minus,
.bakery-quantity-btn.plus,
button.bakery-quantity-btn {
width: 36px !important;
height: 36px !important;
border: none !important;
background: var(--dlcs-primary) !important;
color: white !important;
border-radius: 50% !important;
font-size: 18px !important;
font-weight: 600 !important;
cursor: pointer !important;
transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
box-shadow: 0 2px 8px rgba(27, 67, 50, 0.15) !important;
padding: 0 !important;
margin: 0 !important;
min-width: 36px !important;
max-width: 36px !important;
min-height: 36px !important;
max-height: 36px !important;
line-height: 1 !important;
text-align: center !important;
vertical-align: middle !important;
appearance: none !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
}
.dlcs-bakery-preorder-container .bakery-product-card .bakery-quantity-controls .bakery-quantity-btn:hover,
.dlcs-bakery-preorder-container .bakery-quantity-controls .bakery-quantity-btn:hover,
.bakery-quantity-btn.minus:hover,
.bakery-quantity-btn.plus:hover,
button.bakery-quantity-btn:hover {
background: var(--dlcs-hover) !important;
transform: translateY(-2px) scale(1.05) !important;
box-shadow: 0 4px 16px rgba(27, 67, 50, 0.25) !important;
border-radius: 50% !important;
}
.dlcs-bakery-preorder-container .bakery-product-card .bakery-quantity-controls .bakery-quantity-btn:active,
.dlcs-bakery-preorder-container .bakery-quantity-controls .bakery-quantity-btn:active,
.bakery-quantity-btn.minus:active,
.bakery-quantity-btn.plus:active,
button.bakery-quantity-btn:active {
transform: translateY(0) scale(0.95) !important;
transition: all 0.1s ease !important;
border-radius: 50% !important;
}
.dlcs-bakery-preorder-container .bakery-product-card .bakery-quantity-controls .bakery-quantity-input,
.dlcs-bakery-preorder-container .bakery-quantity-controls .bakery-quantity-input,
.bakery-quantity-input,
input.bakery-quantity-input {
width: 60px !important;
text-align: center !important;
border: none !important;
background: transparent !important;
font-size: 16px !important;
font-weight: 600 !important;
color: var(--dlcs-text) !important;
margin: 0 10px !important;
padding: 4px 0 !important;
min-width: 60px !important;
max-width: 60px !important;
height: auto !important;
border-radius: 0 !important;
appearance: none !important;
-webkit-appearance: none !important;
-moz-appearance: textfield !important;
}
.dlcs-bakery-preorder-container .bakery-product-card .bakery-quantity-controls .bakery-quantity-input:focus,
.dlcs-bakery-preorder-container .bakery-quantity-controls .bakery-quantity-input:focus,
.bakery-quantity-input:focus,
input.bakery-quantity-input:focus {
outline: none !important;
box-shadow: none !important;
border: none !important;
} .bakery-order-form {
background: white;
padding: 40px;
border-radius: 24px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
margin: 40px 0;
border: 1px solid var(--dlcs-border);
}
.bakery-order-form h3 {
color: var(--dlcs-primary);
font-size: 1.8em;
margin: 0 0 30px 0;
font-weight: 600;
text-align: center;
}
.bakery-form-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-bottom: 20px;
}
.bakery-form-group {
margin-bottom: 25px;
}
.bakery-form-group label {
display: block;
margin-bottom: 8px;
font-weight: 500;
color: var(--dlcs-text);
font-size: 15px;
}
.dlcs-bakery-preorder-container .bakery-form-group input,
.dlcs-bakery-preorder-container .bakery-form-group textarea,
.dlcs-bakery-preorder-container .bakery-form-group select,
.bakery-form-group input,
.bakery-form-group textarea,
.bakery-form-group select,
input#customer_name,
input#customer_email,
input#customer_phone,
input#pickup_date,
textarea#order_notes {
width: 100% !important;
padding: 12px 16px !important;
border: 2px solid var(--dlcs-border) !important;
border-radius: 12px !important;
font-size: 16px !important;
transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
background: white !important;
color: var(--dlcs-text) !important;
box-sizing: border-box !important;
appearance: none !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
font-family: inherit !important;
line-height: 1.5 !important;
display: block !important;
margin: 0 !important;
min-height: 48px !important;
}
.dlcs-bakery-preorder-container .bakery-form-group input:focus,
.dlcs-bakery-preorder-container .bakery-form-group textarea:focus,
.dlcs-bakery-preorder-container .bakery-form-group select:focus,
.bakery-form-group input:focus,
.bakery-form-group textarea:focus,
.bakery-form-group select:focus,
input#customer_name:focus,
input#customer_email:focus,
input#customer_phone:focus,
input#pickup_date:focus,
textarea#order_notes:focus {
outline: none !important;
border-color: var(--dlcs-primary) !important;
box-shadow: 0 0 0 3px rgba(27, 67, 50, 0.1) !important;
transform: translateY(-1px) !important;
border-radius: 12px !important;
}
.dlcs-bakery-preorder-container .bakery-form-group textarea,
.bakery-form-group textarea,
textarea#order_notes {
resize: vertical !important;
min-height: 80px !important;
font-family: inherit !important;
}
.bakery-form-group textarea {
resize: vertical;
min-height: 80px;
} .bakery-order-summary {
background: var(--dlcs-bg-light);
padding: 20px;
border-radius: 12px;
margin: 30px 0;
border: 1px solid var(--dlcs-border);
}
.bakery-order-summary h4 {
color: var(--dlcs-primary);
margin: 0 0 15px 0;
font-size: 1.2em;
}
.bakery-order-summary .no-items {
color: var(--dlcs-text-light);
font-style: italic;
margin: 0;
}
.bakery-order-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px 0;
border-bottom: 1px solid var(--dlcs-border);
}
.bakery-order-item:last-child {
border-bottom: none;
}
.bakery-order-item-name {
font-weight: 500;
color: var(--dlcs-text);
flex-grow: 1;
}
.bakery-order-item-details {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 4px;
}
.bakery-order-item-quantity {
font-weight: 500;
color: var(--dlcs-text-light);
font-size: 0.9em;
}
.bakery-order-item-total {
font-weight: 600;
color: var(--dlcs-primary);
font-size: 1.1em;
} .bakery-order-total {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 0 0 0;
margin-top: 15px;
border-top: 2px solid var(--dlcs-primary);
font-size: 1.1em;
}
.bakery-order-total-label {
font-weight: 600;
color: var(--dlcs-primary);
}
.bakery-order-total-amount {
font-weight: 700;
color: var(--dlcs-primary);
font-size: 1.3em;
text-shadow: 0 1px 2px rgba(27, 67, 50, 0.1);
} .bakery-checkbox-group {
margin: 30px 0;
}
.bakery-checkbox-label {
display: flex;
align-items: flex-start;
cursor: pointer;
gap: 12px;
position: relative;
}
.bakery-checkbox-label input[type="checkbox"] {
width: 20px !important;
height: 20px !important;
margin: 0 !important;
margin-top: 2px !important;
accent-color: var(--dlcs-primary) !important;
flex-shrink: 0 !important;
cursor: pointer !important;
position: relative !important;
z-index: 2 !important;
-webkit-appearance: auto !important;
-moz-appearance: auto !important;
appearance: auto !important;
background: white !important;
border: 2px solid var(--dlcs-border) !important;
border-radius: 3px !important;
pointer-events: auto !important;
}
.bakery-checkbox-label input[type="checkbox"]:checked {
background: var(--dlcs-primary) !important;
border-color: var(--dlcs-primary) !important;
}
.bakery-checkbox-label input[type="checkbox"]:focus {
outline: 2px solid var(--dlcs-primary) !important;
outline-offset: 2px !important;
}
.bakery-checkbox-label input[type="checkbox"]:hover {
border-color: var(--dlcs-primary) !important;
}
.bakery-checkbox-text {
flex: 1;
line-height: 1.6;
color: var(--dlcs-text);
margin-top: 2px;
user-select: none;
} .dlcs-bakery-preorder-container .bakery-submit-btn,
.dlcs-bakery-preorder-container button.bakery-submit-btn,
.dlcs-bakery-preorder-container input[type="submit"].bakery-submit-btn,
.bakery-submit-btn,
button.bakery-submit-btn,
input[type="submit"].bakery-submit-btn {
width: 100% !important;
padding: 16px 32px !important;
background: var(--dlcs-primary) !important;
color: white !important;
border: none !important;
border-radius: 30px !important;
font-size: 18px !important;
font-weight: 600 !important;
cursor: pointer !important;
transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
position: relative !important;
overflow: hidden !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 10px !important;
min-height: 56px !important;
box-shadow: 0 4px 12px rgba(27, 67, 50, 0.2) !important;
text-decoration: none !important;
white-space: nowrap !important;
appearance: none !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
font-family: inherit !important;
line-height: 1 !important;
margin: 0 !important;
max-width: 100% !important;
}
.dlcs-bakery-preorder-container .bakery-submit-btn:hover,
.dlcs-bakery-preorder-container button.bakery-submit-btn:hover,
.dlcs-bakery-preorder-container input[type="submit"].bakery-submit-btn:hover,
.bakery-submit-btn:hover,
button.bakery-submit-btn:hover,
input[type="submit"].bakery-submit-btn:hover {
background: var(--dlcs-hover) !important;
transform: translateY(-2px) !important;
box-shadow: 0 8px 20px rgba(27, 67, 50, 0.25) !important;
border-radius: 30px !important;
}
.dlcs-bakery-preorder-container .bakery-submit-btn:active,
.dlcs-bakery-preorder-container button.bakery-submit-btn:active,
.dlcs-bakery-preorder-container input[type="submit"].bakery-submit-btn:active,
.bakery-submit-btn:active,
button.bakery-submit-btn:active,
input[type="submit"].bakery-submit-btn:active {
transform: translateY(0) !important;
transition: all 0.1s ease !important;
border-radius: 30px !important;
}
.dlcs-bakery-preorder-container .bakery-submit-btn:focus,
.dlcs-bakery-preorder-container button.bakery-submit-btn:focus,
.dlcs-bakery-preorder-container input[type="submit"].bakery-submit-btn:focus,
.bakery-submit-btn:focus,
button.bakery-submit-btn:focus,
input[type="submit"].bakery-submit-btn:focus {
outline: 2px solid var(--dlcs-primary) !important;
outline-offset: 2px !important;
border-radius: 30px !important;
}
.bakery-submit-btn.loading {
background: #ccc !important;
cursor: not-allowed !important;
pointer-events: none !important;
opacity: 0.7 !important;
}
.bakery-submit-btn .btn-loader {
display: none !important;
width: 20px !important;
height: 20px !important;
border: 2px solid transparent !important;
border-top: 2px solid white !important;
border-radius: 50% !important;
animation: spin 1s linear infinite !important;
position: absolute !important;
left: 50% !important;
top: 50% !important;
transform: translate(-50%, -50%) !important;
}
.bakery-submit-btn.loading .btn-text {
opacity: 0 !important;
}
.bakery-submit-btn.loading .btn-loader {
display: block !important;
}
@keyframes spin {
0% { transform: translate(-50%, -50%) rotate(0deg); }
100% { transform: translate(-50%, -50%) rotate(360deg); }
} .bakery-how-it-works {
background: linear-gradient(135deg, #F5F7F5, #FFFFFF);
padding: 40px;
border-radius: 24px;
margin: 40px 0;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}
.bakery-how-it-works h3 {
color: var(--dlcs-primary);
font-size: 1.8em;
margin: 0 0 30px 0;
font-weight: 600;
text-align: center;
}
.bakery-steps {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, auto);
gap: 25px;
max-width: 800px;
margin: 0 auto;
}
.bakery-step {
display: flex;
align-items: flex-start;
gap: 15px;
padding: 20px;
background: rgba(255, 255, 255, 0.8);
border-radius: 16px;
backdrop-filter: blur(10px);
border: 1px solid rgba(27, 67, 50, 0.1);
transition: all 0.3s ease;
}
.bakery-step:hover {
transform: translateY(-5px);
box-shadow: 0 8px 20px rgba(27, 67, 50, 0.12);
}
.bakery-step-number {
width: 40px;
height: 40px;
background: var(--dlcs-primary);
color: white;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 18px;
flex-shrink: 0;
}
.bakery-step-content h4 {
margin: 0 0 8px 0;
color: var(--dlcs-text);
font-size: 1.1em;
}
.bakery-step-content p {
margin: 0;
color: var(--dlcs-text-light);
line-height: 1.6;
} .bakery-store-info {
background: white;
padding: 40px;
border-radius: 24px;
margin: 40px 0;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
border: 1px solid var(--dlcs-border);
}
.bakery-store-info h3 {
color: var(--dlcs-primary);
font-size: 1.8em;
margin: 0 0 30px 0;
font-weight: 600;
text-align: center;
}
.bakery-store-details {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 30px;
}
.bakery-store-address,
.bakery-store-contact {
text-align: center;
padding: 20px;
background: var(--dlcs-bg-light);
border-radius: 16px;
}
.bakery-store-address h4,
.bakery-store-contact h4 {
color: var(--dlcs-primary);
margin: 0 0 15px 0;
font-size: 1.2em;
}
.bakery-store-address p,
.bakery-store-contact p {
margin: 0;
line-height: 1.6;
color: var(--dlcs-text);
} .bakery-modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.5);
z-index: 1000; justify-content: center;
align-items: center;
padding: 20px;
box-sizing: border-box;
overflow: auto;
}
.bakery-modal.show {
display: flex !important;
}
.bakery-modal-content {
background: white;
border-radius: 20px;
max-width: 500px;
width: 90%;
max-height: calc(100vh - 40px);
overflow-y: auto;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
animation: modalFadeIn 0.3s ease; margin: auto;
position: relative; flex-shrink: 0;
transform: none !important;
}
@keyframes modalFadeIn {
0% { 
opacity: 0; 
transform: scale(0.95) translateY(10px); 
}
100% { 
opacity: 1; 
transform: scale(1) translateY(0); 
}
}
.bakery-modal-header {
padding: 30px 30px 20px;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid var(--dlcs-border);
}
.bakery-modal-header h3 {
margin: 0;
color: var(--dlcs-primary);
font-size: 1.5em;
}
.bakery-modal-close {
width: 32px !important;
height: 32px !important;
background: var(--dlcs-light-bg) !important;
border: 2px solid var(--dlcs-border) !important;
border-radius: 50% !important;
font-size: 20px !important;
cursor: pointer !important;
transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: var(--dlcs-text) !important;
line-height: 1 !important;
padding: 0 !important;
}
.bakery-modal-close:hover {
background: var(--dlcs-primary) !important;
border-color: var(--dlcs-primary) !important;
color: white !important;
transform: rotate(90deg) scale(1.05) !important;
}
.bakery-modal-close:focus {
outline: 2px solid var(--dlcs-primary) !important;
outline-offset: 2px !important;
}
.bakery-modal-body {
padding: 30px;
}
.bakery-modal-body p {
margin: 0 0 15px 0;
line-height: 1.6;
color: var(--dlcs-text);
}
.bakery-modal-body p:last-child {
margin-bottom: 0;
} .bakery-notification {
position: fixed !important;
bottom: 30px !important;
left: 50% !important;
transform: translateX(-50%) !important;
padding: 16px 28px !important;
border-radius: 50px !important;
color: white !important;
font-weight: 500 !important;
z-index: 1001 !important;
animation: bakery-slideUpFade 0.4s ease-out forwards !important;
min-width: 320px !important;
text-align: center !important;
backdrop-filter: blur(10px) !important;
border: 1px solid rgba(255, 255, 255, 0.15) !important;
font-size: 14px !important;
}
.bakery-notification.success {
background: linear-gradient(135deg, var(--dlcs-primary), var(--dlcs-primary-dark)) !important;
box-shadow: 0 8px 32px rgba(27, 67, 50, 0.3) !important;
}
.bakery-notification.success::before {
content: "✓" !important;
display: inline-block !important;
margin-right: 8px !important;
font-size: 16px !important;
font-weight: bold !important;
}
.bakery-notification.error {
background: linear-gradient(135deg, #e74c3c, #c0392b) !important;
box-shadow: 0 8px 32px rgba(231, 76, 60, 0.3) !important;
}
.bakery-notification.error::before {
content: "✕" !important;
display: inline-block !important;
margin-right: 8px !important;
font-size: 16px !important;
font-weight: bold !important;
}
@keyframes slideIn {
from { transform: translateX(100%); opacity: 0; }
to { transform: translateX(0); opacity: 1; }
}
@keyframes bakery-slideUpFade {
0% { 
opacity: 0; 
transform: translateX(-50%) translateY(20px) scale(0.9); 
}
100% { 
opacity: 1; 
transform: translateX(-50%) translateY(0) scale(1); 
}
}
@keyframes bakery-slideDownFade {
0% { 
opacity: 1; 
transform: translateX(-50%) translateY(0) scale(1); 
}
100% { 
opacity: 0; 
transform: translateX(-50%) translateY(20px) scale(0.9); 
}
} @media screen and (max-width: 768px) {
.dlcs-bakery-preorder-container {
padding: 15px;
}
.bakery-preorder-header {
padding: 30px 20px;
}
.bakery-preorder-title {
font-size: 2em;
}
.bakery-preorder-subtitle {
font-size: 1.1em;
}
.bakery-products-grid {
grid-template-columns: 1fr;
gap: 20px;
align-items: stretch;
}
.bakery-product-card {
min-height: 380px;
}
.bakery-form-row {
grid-template-columns: 1fr;
gap: 0;
}
.bakery-order-form {
padding: 30px 20px;
}
.bakery-steps {
grid-template-columns: 1fr;
grid-template-rows: repeat(4, auto);
gap: 20px;
max-width: none;
}
.bakery-step {
padding: 15px;
}
.bakery-store-details {
grid-template-columns: 1fr;
}
.bakery-how-it-works {
padding: 30px 20px;
}
.bakery-store-info {
padding: 30px 20px;
}
.bakery-modal-content {
margin: auto;
width: calc(100% - 40px);
max-width: 450px; position: relative;
transform: none !important;
}
.bakery-modal-header {
padding: 20px;
}
.bakery-modal-body {
padding: 20px;
}
.bakery-notification {
bottom: 20px !important;
left: 20px !important;
right: 20px !important;
transform: none !important;
min-width: unset !important;
border-radius: 16px !important;
padding: 14px 20px !important;
font-size: 15px !important;
}
@keyframes bakery-slideUpFade {
0% { 
opacity: 0; 
transform: translateY(20px) scale(0.9); 
}
100% { 
opacity: 1; 
transform: translateY(0) scale(1); 
}
}
@keyframes bakery-slideDownFade {
0% { 
opacity: 1; 
transform: translateY(0) scale(1); 
}
100% { 
opacity: 0; 
transform: translateY(20px) scale(0.9); 
}
}
} @media screen and (max-width: 600px) {
.bakery-steps {
grid-template-columns: 1fr;
grid-template-rows: repeat(4, auto);
gap: 22px;
max-width: 500px;
}
}
@media screen and (max-width: 480px) {
.bakery-preorder-title {
font-size: 1.8em;
}
.bakery-product-info {
padding: 15px;
}
.bakery-quantity-controls {
padding: 6px;
}
.bakery-quantity-btn {
width: 32px;
height: 32px;
font-size: 16px;
}
.bakery-quantity-input {
width: 50px;
margin: 0 8px;
}
.bakery-product-content {
margin-bottom: 15px;
}
.bakery-product-controls {
margin-top: 10px;
} .bakery-order-item {
flex-direction: column;
align-items: flex-start;
gap: 8px;
padding: 15px 0;
}
.bakery-order-item-name {
font-size: 0.95em;
line-height: 1.4;
}
.bakery-order-item-details {
align-items: flex-start;
width: 100%;
gap: 6px;
}
.bakery-order-total {
flex-direction: column;
align-items: flex-start;
gap: 8px;
padding-top: 20px;
}
.bakery-order-total-amount {
font-size: 1.4em;
} .bakery-modal {
padding: 15px !important;
}
.bakery-modal-content {
width: calc(100% - 30px) !important;
margin: auto !important;
min-height: auto !important;
}
.bakery-modal-header {
padding: 15px 20px 10px !important;
}
.bakery-modal-body {
padding: 15px 20px 20px !important;
}
} .bakery-product-card.has-quantity {
border-color: var(--dlcs-primary);
box-shadow: 0 4px 20px rgba(27, 67, 50, 0.15);
}
.bakery-product-card.has-quantity .bakery-quantity-controls {
border-color: var(--dlcs-primary);
background: rgba(27, 67, 50, 0.05);
} .bakery-quantity-input.changed {
animation: quantityPulse 0.3s ease;
}
@keyframes quantityPulse {
0% { transform: scale(1); }
50% { transform: scale(1.1); }
100% { transform: scale(1); }
} .bakery-loading {
opacity: 0.6;
pointer-events: none;
}
.bakery-loading::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
border: 2px solid var(--dlcs-primary);
border-top: 2px solid transparent;
border-radius: 50%;
animation: spin 1s linear infinite;
transform: translate(-50%, -50%);
} .bakery-form-group.error input,
.bakery-form-group.error textarea {
border-color: var(--dlcs-error);
box-shadow: 0 0 0 3px rgba(198, 40, 40, 0.1);
}
.bakery-form-group.error label {
color: var(--dlcs-error);
}
.bakery-error-message {
color: var(--dlcs-error);
font-size: 0.9em;
margin-top: 5px;
display: block;
} .bakery-form-group.success input,
.bakery-form-group.success textarea {
border-color: var(--dlcs-success);
box-shadow: 0 0 0 3px rgba(46, 125, 50, 0.1);
} .bakery-quantity-btn:focus,
.bakery-submit-btn:focus,
.bakery-modal-close:focus {
outline: 2px solid var(--dlcs-primary);
outline-offset: 2px;
}
.bakery-form-group input:focus,
.bakery-form-group textarea:focus {
outline: none;
} .bakery-no-image {
width: 100%;
height: 100%;
background: linear-gradient(135deg, #f8f9fa, #e9ecef);
display: flex;
align-items: center;
justify-content: center;
border: 2px dashed #ddd;
border-radius: 12px;
}
.bakery-no-image .dashicons {
font-size: 48px;
color: #ccc;
opacity: 0.7;
}
.bakery-no-image::before {
content: "Kein Bild";
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
font-size: 12px;
color: #999;
font-weight: 500;
} @media print {
.bakery-modal,
.bakery-notification {
display: none !important;
}
.bakery-submit-btn {
display: none !important;
}
.dlcs-bakery-preorder-container {
padding: 0;
}
.bakery-products-grid {
grid-template-columns: repeat(2, 1fr);
}
.bakery-product-card {
break-inside: avoid;
}
} .dlcs-bakery-preorder-container button,
.dlcs-bakery-preorder-container input[type="submit"],
.dlcs-bakery-preorder-container input[type="button"] {
font-family: inherit !important;
outline: none !important;
}
.dlcs-bakery-preorder-container button:not(.bakery-quantity-btn):not(.bakery-modal-close):not(.bakery-submit-btn) {
background: var(--dlcs-primary) !important;
color: white !important;
border: none !important;
border-radius: 12px !important;
padding: 12px 24px !important;
cursor: pointer !important;
transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
font-weight: 500 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
text-decoration: none !important;
}
.dlcs-bakery-preorder-container button:not(.bakery-quantity-btn):not(.bakery-modal-close):not(.bakery-submit-btn):hover {
background: var(--dlcs-hover) !important;
transform: translateY(-2px) !important;
box-shadow: 0 4px 12px rgba(27, 67, 50, 0.2) !important;
} .dlcs-bakery-preorder-container * {
box-sizing: border-box !important;
}
.dlcs-bakery-preorder-container .bakery-form-group input,
.dlcs-bakery-preorder-container .bakery-form-group textarea,
.dlcs-bakery-preorder-container .bakery-form-group select {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
} .dlcs-bakery-preorder-container input[type="number"]::-webkit-inner-spin-button,
.dlcs-bakery-preorder-container input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none !important;
margin: 0 !important;
}
.dlcs-bakery-preorder-container input[type="number"] {
-moz-appearance: textfield !important;
} .dlcs-bakery-preorder-container *:focus-visible {
outline: 2px solid var(--dlcs-primary) !important;
outline-offset: 2px !important;
} @media (prefers-color-scheme: dark) {
.dlcs-bakery-preorder-container {
color-scheme: light !important;
}
} @media (prefers-contrast: high) {
.dlcs-bakery-preorder-container {
--dlcs-border: #000 !important;
--dlcs-text: #000 !important;
}
.bakery-product-card,
.bakery-order-form,
.bakery-how-it-works,
.bakery-store-info {
border: 2px solid #000 !important;
}
} .dlcs-bakery-preorder-container input,
.dlcs-bakery-preorder-container textarea,
.dlcs-bakery-preorder-container select,
.dlcs-bakery-preorder-container button {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
font-family: inherit !important;
border-radius: 12px !important;
} .dlcs-bakery-preorder-container button.bakery-quantity-btn {
border-radius: 50% !important;
width: 36px !important;
height: 36px !important;
padding: 0 !important;
min-width: 36px !important;
max-width: 36px !important;
min-height: 36px !important;
max-height: 36px !important;
background: var(--dlcs-primary) !important;
color: white !important;
border: none !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 18px !important;
font-weight: 600 !important;
line-height: 1 !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
margin: 0 !important;
vertical-align: middle !important;
text-align: center !important;
box-shadow: 0 2px 8px rgba(27, 67, 50, 0.15) !important;
} .dlcs-bakery-preorder-container input[type="button"],
.dlcs-bakery-preorder-container input[type="submit"],
.dlcs-bakery-preorder-container input[type="reset"] {
background: var(--dlcs-primary) !important;
color: white !important;
border: none !important;
border-radius: 12px !important;
padding: 12px 24px !important;
cursor: pointer !important;
font-weight: 500 !important;
transition: all 0.3s ease !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
} .dlcs-bakery-preorder-container input[type="text"],
.dlcs-bakery-preorder-container input[type="email"],
.dlcs-bakery-preorder-container input[type="tel"],
.dlcs-bakery-preorder-container input[type="date"],
.dlcs-bakery-preorder-container input[type="number"] {
-webkit-appearance: none !important;
-moz-appearance: textfield !important;
appearance: none !important;
background: white !important;
border: 2px solid var(--dlcs-border) !important;
border-radius: 12px !important;
padding: 12px 16px !important;
font-size: 16px !important;
line-height: 1.5 !important;
transition: all 0.3s ease !important;
width: 100% !important;
box-sizing: border-box !important;
} .dlcs-bakery-preorder-container input[type="number"]::-webkit-outer-spin-button,
.dlcs-bakery-preorder-container input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none !important;
margin: 0 !important;
} .dlcs-bakery-preorder-container select {
background: white !important;
border: 2px solid var(--dlcs-border) !important;
border-radius: 12px !important;
padding: 12px 16px !important;
font-size: 16px !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") !important;
background-position: right 12px center !important;
background-repeat: no-repeat !important;
background-size: 16px !important;
padding-right: 40px !important;
width: 100% !important;
box-sizing: border-box !important;
} .dlcs-bakery-preorder-container .bakery-quantity-btn.minus,
.dlcs-bakery-preorder-container .bakery-quantity-btn.plus {
border-radius: 50% !important;
width: 36px !important;
height: 36px !important;
min-width: 36px !important;
max-width: 36px !important;
min-height: 36px !important;
max-height: 36px !important;
padding: 0 !important;
margin: 0 !important;
background: var(--dlcs-primary) !important;
color: white !important;
border: none !important;
font-size: 18px !important;
font-weight: 600 !important;
line-height: 1 !important;
text-align: center !important;
vertical-align: middle !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
box-shadow: 0 2px 8px rgba(27, 67, 50, 0.15) !important;
}
.dlcs-bakery-preorder-container .bakery-quantity-btn.minus:hover,
.dlcs-bakery-preorder-container .bakery-quantity-btn.plus:hover {
background: var(--dlcs-hover) !important;
border-radius: 50% !important;
transform: translateY(-2px) scale(1.05) !important;
} @media (max-width: 768px) {
.dlcs-bakery-preorder-container .bakery-quantity-btn,
.dlcs-bakery-preorder-container .bakery-quantity-btn.minus,
.dlcs-bakery-preorder-container .bakery-quantity-btn.plus {
width: 32px !important;
height: 32px !important;
min-width: 32px !important;
max-width: 32px !important;
min-height: 32px !important;
max-height: 32px !important;
border-radius: 50% !important;
font-size: 16px !important;
}
} .dlcs-bakery-preorder-container .bakery-checkbox-label input[type="checkbox"],
.dlcs-bakery-preorder-container .bakery-checkbox-group input[type="checkbox"] {
width: 20px !important;
height: 20px !important;
margin: 0 !important;
margin-top: 2px !important;
padding: 0 !important;
box-sizing: border-box !important;
cursor: pointer !important;
pointer-events: auto !important;
position: relative !important;
z-index: 10 !important;
opacity: 1 !important;
visibility: visible !important;
display: inline-block !important;
appearance: auto !important;
-webkit-appearance: auto !important;
-moz-appearance: auto !important;
background: white !important;
border: 2px solid var(--dlcs-border) !important;
border-radius: 3px !important;
transform: none !important;
transition: all 0.2s ease !important;
}
.dlcs-bakery-preorder-container .bakery-checkbox-label input[type="checkbox"]:checked,
.dlcs-bakery-preorder-container .bakery-checkbox-group input[type="checkbox"]:checked {
background: var(--dlcs-primary) !important;
border-color: var(--dlcs-primary) !important;
accent-color: var(--dlcs-primary) !important;
}
.dlcs-bakery-preorder-container .bakery-checkbox-label input[type="checkbox"]:focus,
.dlcs-bakery-preorder-container .bakery-checkbox-group input[type="checkbox"]:focus {
outline: 2px solid var(--dlcs-primary) !important;
outline-offset: 2px !important;
}
.dlcs-bakery-preorder-container .bakery-checkbox-label input[type="checkbox"]:hover,
.dlcs-bakery-preorder-container .bakery-checkbox-group input[type="checkbox"]:hover {
border-color: var(--dlcs-primary) !important;
} .dlcs-bakery-preorder-container .bakery-checkbox-label,
.dlcs-bakery-preorder-container .bakery-checkbox-group label {
cursor: pointer !important;
user-select: none !important;
display: flex !important;
align-items: flex-start !important;
gap: 12px !important;
}
.dlcs-bakery-preorder-container .bakery-checkbox-text {
flex: 1 !important;
line-height: 1.6 !important;
color: var(--dlcs-text) !important;
margin-top: 2px !important;
user-select: none !important;
} .dlcs-bakery-preorder-container .bakery-form-group.bakery-checkbox-group input[type="checkbox"] {
min-width: 20px !important;
min-height: 20px !important;
max-width: 20px !important;
max-height: 20px !important;
flex-shrink: 0 !important;
flex-grow: 0 !important;
touch-action: manipulation !important;
-webkit-touch-callout: none !important;
-webkit-user-select: none !important;
-khtml-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
}
.dlcs-bakery-preorder-container .bakery-form-group.bakery-checkbox-group label.bakery-checkbox-label {
display: flex !important;
flex-direction: row !important;
align-items: flex-start !important;
justify-content: flex-start !important;
gap: 12px !important;
cursor: pointer !important;
position: relative !important;
width: 100% !important;
min-height: 24px !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
background: none !important;
-webkit-tap-highlight-color: transparent !important;
touch-action: manipulation !important;
}
.dlcs-bakery-preorder-container .bakery-form-group.bakery-checkbox-group label.bakery-checkbox-label:active {
transform: none !important;
} .dlcs-bakery-preorder-container .bakery-checkbox-group {
position: relative !important;
}
.dlcs-bakery-preorder-container .bakery-checkbox-group::before {
content: "" !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
pointer-events: none !important;
z-index: -1 !important;
}:root {
--dlcs-primary: #1B4332;
--dlcs-hover: #2D6A4F;
--dlcs-border: #e4e4e4;
--dlcs-error: #c62828;
--dlcs-bg: #FAFAFA;
--dlcs-text: #333;
--dlcs-light-bg: #f8f9fa;
--dlcs-success: #2E7D32;
--dlcs-chat-bg: #ffffff;
--dlcs-product-bg: #f2f7f5;
--dlcs-product-border: #d1e7dd;
--dlcs-price-color: #2D6A4F;
--dlcs-weight-color: #6c757d;
}
.dlcs-product-assistant {
max-width: 800px;
margin: 20px auto;
padding: 20px;
background: var(--dlcs-bg);
border-radius: 12px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.product-assistant-header {
margin-bottom: 20px;
}
.assistant-toggle {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
background: var(--dlcs-primary);
color: white;
border: none;
padding: 15px 25px;
border-radius: 10px;
cursor: pointer;
transition: all 0.3s ease;
font-size: 16px;
font-weight: 500;
}
.assistant-toggle:hover {
background: var(--dlcs-hover);
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(27, 67, 50, 0.2);
}
.robot-icon {
width: 24px;
height: 24px;
fill: currentColor;
}
.product-chips-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 12px;
margin-bottom: 20px;
}
.product-chip {
padding: 15px 20px;
background: var(--dlcs-light-bg);
border: 2px solid var(--dlcs-border);
border-radius: 10px;
cursor: pointer;
font-size: 15px;
transition: all 0.3s ease;
text-align: left;
color: var(--dlcs-text);
display: flex;
align-items: center;
gap: 10px;
}
.product-chip:hover {
background: var(--dlcs-primary);
color: white;
border-color: var(--dlcs-primary);
transform: translateY(-2px);
}
.product-chip svg {
width: 20px;
height: 20px;
}
#product-assistant-response {
margin-top: 20px;
padding: 0;
background: var(--dlcs-chat-bg);
border-radius: 10px;
border: 1px solid var(--dlcs-border);
display: none;
overflow: hidden;
}
.assistant-message {
line-height: 1.6;
color: var(--dlcs-text);
padding: 20px;
}
.response-text {
margin-bottom: 20px;
line-height: 1.6;
color: var(--dlcs-text);
}
.product-list {
margin-top: 15px;
padding-top: 20px;
border-top: 1px solid var(--dlcs-border);
}
.product-list-header {
font-size: 18px;
font-weight: 600;
margin-bottom: 15px;
color: var(--dlcs-primary);
}
.product-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 15px;
}
.product-card {
background: var(--dlcs-product-bg);
border: 1px solid var(--dlcs-product-border);
border-radius: 8px;
padding: 15px;
transition: all 0.2s ease;
cursor: pointer;
position: relative;
}
.product-card:hover {
transform: translateY(-3px);
box-shadow: 0 5px 15px rgba(45, 106, 79, 0.1);
border-color: var(--dlcs-primary);
}
.product-name {
font-weight: 600;
margin-bottom: 10px;
color: var(--dlcs-primary);
font-size: 16px;
line-height: 1.3;
}
.product-details {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 10px;
}
.product-price {
font-weight: 700;
color: var(--dlcs-price-color);
font-size: 16px;
}
.product-weight {
color: var(--dlcs-weight-color);
font-size: 14px;
}
.no-products-message {
padding: 15px;
color: var(--dlcs-text);
font-style: italic;
background: var(--dlcs-light-bg);
border-radius: 8px;
margin-top: 10px;
}
.loading-message {
display: flex;
align-items: center;
gap: 12px;
color: var(--dlcs-text);
padding: 15px;
background: var(--dlcs-light-bg);
border-radius: 8px;
}
.loader-circle {
width: 24px;
height: 24px;
border: 3px solid var(--dlcs-primary);
border-top-color: transparent;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
to { transform: rotate(360deg); }
}
.error-message {
padding: 15px;
background-color: #ffebee;
border: 1px solid #ffcdd2;
color: var(--dlcs-error);
border-radius: 8px;
}
@media screen and (max-width: 768px) {
.dlcs-product-assistant {
margin: 15px;
padding: 15px;
}
.product-chips-container {
grid-template-columns: 1fr;
}
.product-chip {
padding: 16px;
font-size: 16px;
}
.product-grid {
grid-template-columns: 1fr;
}
.product-details {
flex-direction: column;
align-items: flex-start;
gap: 5px;
}
}
.message-content h1,
.message-content h2,
.message-content h3 {
margin: 6px 0;
font-size: 1.2em;
font-weight: 600;
}
.message-content p {
margin: 8px 0;
}
.message-content ul,
.message-content ol {
margin: 8px 0;
padding-left: 20px;
}
.message-content li {
margin: 4px 0;
}
.message-content code {
background: var(--dlcs-light-bg);
padding: 2px 4px;
border-radius: 4px;
font-family: monospace;
font-size: 0.9em;
}
.message-content hr {
border: none;
border-top: 1px solid var(--dlcs-border);
margin: 12px 0;
}
.message-content em {
font-style: italic;
}
.message-content strong {
font-weight: bold;
}
.product-link {
display: inline-block;
background: var(--dlcs-primary);
color: white;
padding: 6px 12px;
border-radius: 6px;
font-size: 14px;
cursor: pointer;
transition: all 0.2s ease;
margin: 5px 0;
}
.product-link:hover {
background: var(--dlcs-hover);
transform: translateY(-1px);
}:root {
--dlcs-primary: #1B4332;
--dlcs-hover: #2D6A4F;
--dlcs-border: #e4e4e4;
--dlcs-error: #c62828;
--dlcs-bg: #FAFAFA;
--dlcs-text: #333;
--dlcs-light-bg: #f8f9fa;
--dlcs-success: #2E7D32;
--dlcs-chat-bg: #ffffff;
--dlcs-primary-dark: #357ABD;
--dlcs-text-light: #6B7C93;
--dlcs-bg-light: #F8F9FA;
}
.dlcs-recipe-product-assistant {
max-width: 800px;
margin: 20px auto;
padding: 20px;
background: var(--dlcs-bg);
border-radius: 12px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.recipe-product-assistant-header {
margin-bottom: 20px;
}
.recipe-assistant-toggle {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
background: var(--dlcs-primary);
color: white;
border: none;
padding: 15px 25px;
border-radius: 10px;
cursor: pointer;
transition: all 0.3s ease;
font-size: 16px;
font-weight: 500;
}
.recipe-assistant-toggle:hover {
background: var(--dlcs-hover);
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(27, 67, 50, 0.2);
}
.recipe-robot-icon {
width: 24px;
height: 24px;
fill: currentColor;
}
.recipe-product-chips-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 12px;
margin-bottom: 20px;
}
.recipe-product-chip {
padding: 15px 20px;
background: var(--dlcs-light-bg);
border: 2px solid var(--dlcs-border);
border-radius: 10px;
cursor: pointer;
font-size: 15px;
transition: all 0.3s ease;
text-align: left;
color: var(--dlcs-text);
display: flex;
align-items: center;
gap: 10px;
}
.recipe-product-chip:hover {
background: var(--dlcs-primary);
color: white;
border-color: var(--dlcs-primary);
transform: translateY(-2px);
}
.recipe-product-chip svg {
width: 20px;
height: 20px;
}
#recipe-product-assistant-response {
margin-top: 20px;
padding: 20px;
background: var(--dlcs-chat-bg);
border-radius: 10px;
border: 1px solid var(--dlcs-border);
display: none;
}
.recipe-assistant-message {
line-height: 1.6;
color: var(--dlcs-text);
}
.recipe-loading-message {
display: flex;
flex-direction: column;
align-items: center;
gap: 15px;
color: var(--dlcs-text);
padding: 30px;
background: var(--dlcs-light-bg);
border-radius: 8px;
margin: 20px auto;
width: fit-content;
justify-content: center;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.recipe-loader-circle {
width: 40px;
height: 40px;
border: 3px solid var(--dlcs-primary);
border-top-color: transparent;
border-radius: 50%;
animation: recipe-spin 1s linear infinite;
}
@keyframes recipe-spin {
to { transform: rotate(360deg); }
}
.recipe-error-message {
padding: 25px;
background-color: #ffebee;
border: 1px solid #ffcdd2;
color: var(--dlcs-error);
border-radius: 8px;
margin: 25px auto;
text-align: center;
max-width: 600px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
.dlcs-recipe-product-assistant {
margin: 15px;
padding: 15px;
}
.recipe-product-chips-container {
grid-template-columns: 1fr;
}
.recipe-product-chip {
padding: 16px;
font-size: 16px;
}
}
.recipe-message-content h1,
.recipe-message-content h2,
.recipe-message-content h3,
.recipe-message-content h4,
.recipe-message-content h5,
.recipe-message-content h6 {
margin: 6px 0;
font-size: 1.2em;
font-weight: 600;
}
.recipe-message-content p {
margin: 8px 0;
}
.recipe-message-content ul,
.recipe-message-content ol {
margin: 8px 0;
padding-left: 20px;
}
.recipe-message-content li {
margin: 4px 0;
}
.recipe-message-content code {
background: var(--dlcs-light-bg);
padding: 2px 4px;
border-radius: 4px;
font-family: monospace;
font-size: 0.9em;
}
.recipe-message-content hr {
border: none;
border-top: 1px solid var(--dlcs-border);
margin: 12px 0;
}
.recipe-message-content em {
font-style: italic;
}
.recipe-message-content strong {
font-weight: bold;
}
.dlcs-recipe-categories {
max-width: 1200px;
margin: 40px auto;
padding: 0 20px;
}
.recipe-categories-header {
text-align: center;
margin-bottom: 30px;
}
.recipe-categories-header h2 {
font-size: 2.5em;
color: var(--dlcs-primary);
margin: 0;
}
.recipe-filter-buttons {
display: flex;
flex-wrap: wrap;
gap: 12px;
justify-content: center;
margin-bottom: 40px;
}
.recipe-filter-btn {
padding: 12px 24px;
border: 2px solid var(--dlcs-border);
border-radius: 30px;
background: white;
color: var(--dlcs-text);
font-size: 15px;
font-weight: 500;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.recipe-filter-btn:hover,
.recipe-filter-btn.active {
background: var(--dlcs-primary);
color: white;
border-color: var(--dlcs-primary);
transform: translateY(-2px);
box-shadow: 0 6px 16px rgba(27, 67, 50, 0.15);
}
@media screen and (max-width: 768px) {
.dlcs-recipe-categories {
padding: 0 15px;
}
.recipe-categories-header h2 {
font-size: 2em;
}
.recipe-filter-btn {
padding: 10px 20px;
font-size: 14px;
}
.recipe-author-info {
flex-direction: column;
text-align: center;
gap: 12px;
padding: 20px 16px;
}
.recipe-author-avatar-large {
width: 80px;
height: 80px;
}
.recipe-author-details {
align-items: center;
}
.recipe-author-badge {
top: 8px;
left: 8px;
padding: 4px 8px;
}
.recipe-author-avatar {
width: 20px;
height: 20px;
border-radius: 50% !important;
}
.recipe-author-name {
font-size: 11px;
}
}
.recipe-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: 30px;
margin-top: 30px;
}
.recipe-grid .recipe-loading-message {
grid-column: 1 / -1;
justify-content: center;
padding: 40px;
}
.recipe-card {
text-decoration: none;
display: flex;
flex-direction: column;
gap: 15px;
transition: transform 0.3s ease;
background: white;
border-radius: 24px;
overflow: hidden;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.recipe-card:hover {
transform: translateY(-8px);
}
.recipe-card-image-container {
position: relative;
width: 100%;
}
.recipe-image {
width: 100%;
aspect-ratio: 1;
object-fit: cover;
border-radius: 24px !important;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.recipe-author-badge {
position: absolute;
top: 12px;
left: 12px;
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px);
border-radius: 20px;
padding: 6px 12px;
display: flex;
align-items: center;
gap: 8px;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
transition: all 0.3s ease;
border: 1px solid rgba(255, 255, 255, 0.2);
}
.recipe-card:hover .recipe-author-badge {
background: rgba(255, 255, 255, 1);
transform: scale(1.05);
}
.recipe-author-avatar {
width: 24px;
height: 24px;
border-radius: 50% !important;
object-fit: cover;
border: 2px solid var(--dlcs-primary);
}
.recipe-author-name {
font-size: 12px;
font-weight: 600;
color: var(--dlcs-primary);
text-decoration: none;
}
.recipe-card-content {
padding: 15px 20px 20px;
}
.recipe-title {
font-size: 32px;
font-weight: 500;
margin-bottom: 20px !important;
color: var(--dlcs-text);
text-align: center;
margin: 0;
padding: 0;
line-height: 1.3;
}
.recipe-description,
.recipe-excerpt {
color: #4A4A4A;
font-size: 18px;
line-height: 1.6;
margin: 15px 0;
max-width: 800px;
}
.recipe-meta,
.recipe-tags {
display: none;
}
.recipe-search-container {
position: relative;
margin: 20px auto 30px;
max-width: 600px;
}
#recipe-search {
width: 100%;
padding: 16px 24px 16px 50px;
border: 2px solid var(--dlcs-border);
border-radius: 30px;
font-size: 16px;
transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.recipe-search-icon {
position: absolute;
left: 20px;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
color: var(--dlcs-primary);
}
.recipe-search-clear {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
cursor: pointer;
display: none;
color: var(--dlcs-text);
opacity: 0.5;
transition: opacity 0.3s ease;
}
.recipe-search-clear:hover {
opacity: 1;
}
.recipe-search-results {
position: absolute;
top: 100%;
left: 0;
right: 0;
background: white;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
margin-top: 8px;
display: none;
z-index: 1000;
max-height: 400px;
overflow-y: auto;
}
.recipe-meta-item svg {
width: 18px;
height: 18px;
color: var(--dlcs-primary);
}
.recipe-single {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
.recipe-header {
background: linear-gradient(135deg, #E8EDE8, #F5F7F5);
padding: 32px;
border-radius: 20px;
margin-bottom: 40px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}
.recipe-header-content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.recipe-author-info {
display: flex;
align-items: center;
gap: 15px;
margin: 20px 0;
padding: 16px;
background: rgba(255, 255, 255, 0.8);
border-radius: 16px;
backdrop-filter: blur(10px);
border: 1px solid rgba(27, 67, 50, 0.1);
box-shadow: 0 4px 12px rgba(27, 67, 50, 0.08);
transition: all 0.3s ease;
}
.recipe-author-info:hover {
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(27, 67, 50, 0.12);
}
.recipe-author-info:not(:has(.recipe-author-avatar-large)) {
justify-content: center;
text-align: center;
}
.recipe-author-avatar-large {
width: 60px;
height: 60px;
border-radius: 50% !important;
object-fit: cover;
border: 3px solid var(--dlcs-primary);
flex-shrink: 0;
transition: transform 0.3s ease;
}
.recipe-author-info:hover .recipe-author-avatar-large {
transform: scale(1.05);
}
.recipe-author-details {
display: flex;
flex-direction: column;
gap: 4px;
}
.recipe-author-label {
font-size: 14px;
color: var(--dlcs-text-light);
font-weight: 500;
}
.recipe-author-link {
font-size: 18px;
font-weight: 600;
color: var(--dlcs-primary);
text-decoration: none;
transition: all 0.3s ease;
position: relative;
}
.recipe-author-link:hover {
color: var(--dlcs-hover);
transform: translateX(3px);
}
.recipe-author-link::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
height: 2px;
background: var(--dlcs-primary);
transform: scaleX(0);
transition: transform 0.3s ease;
}
.recipe-author-link:hover::after {
transform: scaleX(1);
}
.recipe-actions {
display: flex !important;
gap: 12px !important;
margin-bottom: 16px !important;
justify-content: center !important;
}
.recipe-action-button {
padding: 12px 24px !important;
border-radius: 30px !important;
font-size: 15px !important;
font-weight: 500 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
min-width: 180px !important;
width: 180px !important;
height: 48px !important;
text-decoration: none !important;
cursor: pointer !important;
border: none !important;
transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
white-space: nowrap !important;
}
.recipe-action-button svg {
width: 16px !important;
height: 16px !important;
display: inline-block !important;
stroke: currentColor !important;
stroke-width: 2 !important;
fill: none !important;
}
.recipe-action-button.primary svg {
stroke: white !important;
}
.recipe-action-button.secondary svg {
stroke: var(--dlcs-text) !important;
}
.recipe-action-button.secondary:hover svg {
stroke: var(--dlcs-primary) !important;
}
.recipe-action-button.primary {
background: var(--dlcs-primary) !important;
color: white !important;
border: none !important;
box-shadow: 0 4px 12px rgba(27, 67, 50, 0.2) !important;
}
.recipe-action-button.primary:hover {
background: var(--dlcs-hover) !important;
box-shadow: 0 8px 20px rgba(27, 67, 50, 0.25) !important;
transform: translateY(-2px) !important;
}
.recipe-action-button.primary:active {
transform: translateY(0);
}
.recipe-action-button.secondary {
background: white !important;
border: 2px solid var(--dlcs-border) !important;
color: var(--dlcs-text) !important;
}
.recipe-action-button.secondary:hover {
border-color: var(--dlcs-primary) !important;
color: var(--dlcs-primary) !important;
transform: translateY(-2px) !important;
}
.recipe-main-image {
width: 100%;
border-radius: 12px;
overflow: hidden;
}
.recipe-main-image img {
width: 100%;
height: auto;
display: block;
}
.recipe-meta-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin: 30px 0;
justify-content: space-between;
}
.recipe-meta-item {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 20px;
background: var(--dlcs-light-bg);
border-radius: 8px;
}
.recipe-meta-item .recipe-label {
font-size: 14px;
color: var(--dlcs-text-light);
margin-bottom: 8px;
}
.recipe-meta-item .recipe-value {
font-size: 16px;
font-weight: 500;
color: var(--dlcs-primary);
}
.recipe-content {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 32px;
}
.recipe-ingredients {
background: var(--dlcs-bg-light);
border-radius: 16px;
padding: 24px;
margin-bottom: 32px;
}
.recipe-ingredients-title {
font-size: 24px;
font-weight: 600;
color: var(--dlcs-text);
margin-bottom: 20px;
display: flex;
align-items: center;
gap: 12px;
}
.recipe-ingredients-title::before {
content: '';
display: inline-block;
width: 28px;
height: 28px;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' fill='none' xmlns='http://www.w3.org/2000/svg' color='%23000000'%3E%3Cpath d='M9 6L20 6' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M5 6.01L5.01 5.99889' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M5 12.01L5.01 11.9989' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M3.80005 17.8L4.60005 18.6L6.60004 16.6' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M9 12L20 12' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M9 18L20 18' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
}
.recipe-ingredients-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 12px;
}
.recipe-ingredient-item {
display: grid;
grid-template-columns: 3fr 1fr 40px;
gap: 16px;
padding: 12px 16px;
background: white;
border-radius: 12px;
transition: all 0.2s ease;
border: 1px solid var(--dlcs-border);
align-items: center;
font-size: 16px;
}
.recipe-ingredient-item.purchasable {
background: linear-gradient(to right, rgba(27, 67, 50, 0.03), transparent);
border-left: 3px solid var(--dlcs-primary);
}
.recipe-ingredient-name-wrapper {
display: flex;
align-items: center;
gap: 12px;
}
.recipe-ingredient-link {
color: var(--dlcs-text);
text-decoration: none;
position: relative;
font-weight: 500;
}
.recipe-ingredient-link::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
height: 1px;
background: var(--dlcs-primary);
transform: scaleX(0);
transition: transform 0.2s ease;
opacity: 0.5;
}
.recipe-ingredient-link:hover::after {
transform: scaleX(1);
}
.recipe-ingredient-amount {
font-size: 15px;
color: var(--dlcs-text-light);
font-weight: 500;
padding: 4px 8px !important;
background: var(--dlcs-bg-light);
border-radius: 6px;
text-align: center;
width: 95px !important;
margin-left: auto;
}
.recipe-cart-button-wrapper {
width: 32px;
height: 32px;
display: flex;
justify-content: center;
align-items: center;
}
.recipe-add-to-cart-btn {
background: var(--dlcs-primary);
color: white;
border: none;
width: 32px;
height: 32px;
border-radius: 8px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s ease;
}
.recipe-add-to-cart-btn:hover {
background: var(--dlcs-primary-dark);
transform: scale(1.05);
}
.recipe-add-to-cart-btn svg {
width: 18px;
height: 18px;
stroke: currentColor;
}
.recipe-add-to-cart-btn.added {
background: var(--dlcs-success);
}
@keyframes recipe-addToCart {
0% { transform: scale(1); }
50% { transform: scale(0.8); }
100% { transform: scale(1); }
}
.recipe-add-to-cart-btn.added {
animation: recipe-addToCart 0.3s ease;
}
.recipe-add-to-cart-btn.loading {
opacity: 0.6;
pointer-events: none;
}
.recipe-add-to-cart-btn:disabled,
.recipe-add-to-cart-btn.out-of-stock {
background: #ccc !important;
color: #999 !important;
cursor: not-allowed !important;
opacity: 0.6;
pointer-events: none;
}
.recipe-add-to-cart-btn.out-of-stock::after {
content: none !important;
}
.recipe-add-to-cart-btn.loading::after {
content: '';
position: absolute;
width: 16px;
height: 16px;
border: 2px solid transparent;
border-top: 2px solid currentColor;
border-radius: 50%;
animation: recipe-spin 1s linear infinite;
}
.recipe-cart-success-notification {
position: fixed;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
background: linear-gradient(135deg, var(--dlcs-primary), var(--dlcs-primary-dark));
color: white;
padding: 16px 28px;
border-radius: 50px;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
z-index: 1001;
font-weight: 500;
min-width: 320px;
text-align: center;
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.15);
font-size: 14px;
animation: recipe-slideUpFade 0.4s ease-out forwards;
}
.recipe-cart-success-notification::before {
content: "✓";
display: inline-block;
margin-right: 8px;
font-size: 16px;
font-weight: bold;
}
.recipe-cart-error-notification {
position: fixed;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
background: linear-gradient(135deg, #e74c3c, #c0392b);
color: white;
padding: 16px 28px;
border-radius: 50px;
box-shadow: 0 8px 32px rgba(231, 76, 60, 0.3);
z-index: 1001;
font-weight: 500;
min-width: 320px;
text-align: center;
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.15);
font-size: 14px;
animation: recipe-slideUpFade 0.4s ease-out forwards;
}
.recipe-cart-error-notification::before {
content: "✕";
display: inline-block;
margin-right: 8px;
font-size: 16px;
font-weight: bold;
} .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-message,
.wc-forward,
.added_to_cart.wc-forward {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
height: 0 !important;
overflow: hidden !important;
} @media screen and (max-width: 768px) {
.recipe-cart-success-notification,
.recipe-cart-error-notification {
bottom: 20px;
left: 20px;
right: 20px;
transform: none;
min-width: unset;
border-radius: 16px;
padding: 14px 20px;
font-size: 15px;
}
@keyframes recipe-slideUpFade {
0% { 
opacity: 0; 
transform: translateY(20px) scale(0.9); 
}
100% { 
opacity: 1; 
transform: translateY(0) scale(1); 
}
}
@keyframes recipe-slideDownFade {
0% { 
opacity: 1; 
transform: translateY(0) scale(1); 
}
100% { 
opacity: 0; 
transform: translateY(20px) scale(0.9); 
}
}
}
@keyframes recipe-slideInOut {
0% { 
opacity: 0; 
transform: translateX(100%); 
}
15% { 
opacity: 1; 
transform: translateX(0); 
}
85% { 
opacity: 1; 
transform: translateX(0); 
}
100% { 
opacity: 0; 
transform: translateX(100%); 
}
}
@keyframes recipe-slideUpFade {
0% { 
opacity: 0; 
transform: translateX(-50%) translateY(20px) scale(0.9); 
}
100% { 
opacity: 1; 
transform: translateX(-50%) translateY(0) scale(1); 
}
}
@keyframes recipe-slideDownFade {
0% { 
opacity: 1; 
transform: translateX(-50%) translateY(0) scale(1); 
}
100% { 
opacity: 0; 
transform: translateX(-50%) translateY(20px) scale(0.9); 
}
}
.recipe-instruction-step {
margin-bottom: 24px;
display: flex;
gap: 16px;
padding: 16px;
background: var(--dlcs-light-bg);
border-radius: 8px;
transition: all 0.3s ease;
}
.recipe-instruction-step:hover {
transform: translateY(-2px);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.recipe-step-number {
flex: 0 0 32px;
height: 32px;
background: var(--dlcs-primary);
color: white;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 14px;
}
.recipe-step-content {
flex: 1;
color: var(--dlcs-text);
font-size: 18px;
line-height: 1.6;
}
.recipe-no-instructions {
padding: 20px;
text-align: center;
color: var(--dlcs-text);
background: var(--dlcs-light-bg);
border-radius: 8px;
}
@media screen and (max-width: 968px) {
.recipe-header {
grid-template-columns: 1fr;
}
.recipe-content {
grid-template-columns: 1fr;
}
}
.recipe-servings-calculator {
display: flex;
align-items: center;
gap: 8px;
margin: 10px 0;
}
.recipe-servings-btn {
width: 32px;
height: 32px;
border: 2px solid var(--dlcs-border);
background: white;
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
transition: all 0.3s ease;
}
.recipe-servings-btn:hover {
border-color: var(--dlcs-primary);
color: var(--dlcs-primary);
}
#recipe-servings-input {
width: 60px;
text-align: center;
padding: 8px;
border: 2px solid var(--dlcs-border);
border-radius: 6px;
font-size: 16px;
}
#recipe-servings-input::-webkit-inner-spin-button,
#recipe-servings-input::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.recipe-nutrition-info {
grid-column: span 4;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 15px;
padding: 20px;
background: var(--dlcs-light-bg);
border-radius: 10px;
margin-top: 20px;
}
.recipe-nutrition-item {
text-align: center;
padding: 15px;
background: white;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
.recipe-nutrition-item .recipe-label {
font-size: 0.9em;
color: #666;
margin-bottom: 5px;
}
.recipe-nutrition-item .recipe-value {
font-size: 1.2em;
font-weight: 600;
color: var(--dlcs-primary);
}
.recipe-additional-info {
margin: 40px 0;
padding: 25px;
background: var(--dlcs-light-bg);
border-radius: 12px;
border: 1px solid var(--dlcs-border);
}
.recipe-additional-section {
margin-bottom: 25px;
}
.recipe-additional-section h3 {
color: var(--dlcs-primary);
font-size: 1.1em;
margin-bottom: 12px;
padding-bottom: 8px;
border-bottom: 2px solid var(--dlcs-primary);
}
.recipe-notes-content,
.recipe-tips-content {
line-height: 1.6;
font-size: 16px;
}
.recipe-additional-section p:last-child {
margin-bottom: 0;
}
.recipe-diet-tags {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 15px 0;
}
.recipe-diet-tag {
padding: 6px 15px;
background: var(--dlcs-primary);
color: white;
border-radius: 20px;
font-size: 14px;
}
.recipe-difficulty-badge {
display: inline-flex;
align-items: center;
gap: 5px;
padding: 6px 12px;
background: var(--dlcs-light-bg);
border-radius: 6px;
font-size: 0.9em;
}
.recipe-difficulty-badge.easy { color: var(--dlcs-success); }
.recipe-difficulty-badge.medium { color: #F57C00; }
.recipe-difficulty-badge.hard { color: var(--dlcs-error); }
@media print {
.recipe-single {
max-width: 100%;
margin: 0;
padding: 20px;
}
.recipe-meta {
grid-template-columns: repeat(3, 1fr);
}
.recipe-main-image {
max-height: 300px;
object-fit: cover;
}
}
.recipe-ingredients-container {
margin: 20px 0;
}
.recipe-ingredient-row {
display: grid;
grid-template-columns: 3fr 1fr 1fr auto;
gap: 15px;
margin-bottom: 15px;
align-items: center;
background: var(--dlcs-light-bg);
padding: 15px;
border-radius: 12px;
transition: all 0.3s ease;
}
.recipe-ingredient-row:hover {
background: #f0f2f5;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}
.recipe-ingredient-name-container {
position: relative;
}
.recipe-ingredient-name-input,
.recipe-ingredient-amount,
.recipe-ingredient-unit {
width: 100%;
padding: 10px 14px;
border: 1px solid var(--dlcs-border);
border-radius: 8px;
font-size: 14px;
transition: all 0.3s ease;
}
.recipe-ingredient-name-input:focus,
.recipe-ingredient-amount:focus,
.recipe-ingredient-unit:focus {
border-color: var(--dlcs-primary);
outline: none;
box-shadow: 0 0 0 2px rgba(27, 67, 50, 0.1);
}
.recipe-ingredient-display-name {
margin-top: 8px;
display: block;
}
.recipe-remove-ingredient {
width: 32px;
height: 32px;
padding: 0;
font-size: 18px;
border-radius: 8px;
background: #f8d7da;
color: #842029;
border: none;
cursor: pointer;
transition: all 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
}
.recipe-remove-ingredient:hover {
background: #f5c2c7;
transform: scale(1.05);
}
.recipe-product-search-results {
position: absolute;
top: 100%;
left: 0;
right: 0;
background: white;
border: 1px solid var(--dlcs-border);
border-radius: 8px;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
z-index: 1000;
display: none;
margin-top: 5px;
overflow: hidden;
}
.recipe-product-search-item {
padding: 12px 16px;
cursor: pointer;
transition: all 0.3s ease;
border-bottom: 1px solid var(--dlcs-border);
}
.recipe-product-search-item:last-child {
border-bottom: none;
}
.recipe-product-search-item:hover {
background: var(--dlcs-light-bg);
padding-left: 20px;
}
.recipe-card-content {
padding: 15px;
}
.recipe-card .recipe-title {
font-size: 20px;
margin-bottom: 10px;
color: var(--dlcs-text);
}
.recipe-card .recipe-excerpt {
font-size: 16px;
color: #666;
line-height: 1.4;
}
.recipe-additional-fields textarea {
margin: 10px 0;
padding: 8px;
border: 1px solid var(--dlcs-border);
border-radius: 4px;
}
.recipe-additional-fields label {
font-weight: 600;
color: #23282d;
}
.recipe-additional-fields .wp-editor-wrap {
margin-bottom: 20px;
}
.recipe-additional-fields .wp-editor-container {
border: 1px solid var(--dlcs-border);
border-radius: 4px;
}
.recipe-additional-fields .wp-editor-tools {
padding: 8px;
background: #f5f5f5;
border-bottom: 1px solid var(--dlcs-border);
}
.recipe-additional-fields .mce-toolbar .mce-btn button {
padding: 4px;
}
.recipe-additional-fields .wp-editor-area {
border: none !important;
}
#recipe-save-recipe-btn.saved svg {
fill: #ff0000;
stroke: #ff0000;
animation: recipe-heartBeat 0.6s ease;
}
@keyframes recipe-heartBeat {
0% { transform: scale(1); }
25% { transform: scale(1.2); }
50% { transform: scale(0.95); }
75% { transform: scale(1.1); }
100% { transform: scale(1); }
}
#recipe-instructions {
scroll-margin-top: 100px;
}
.recipe-ingredient-name-container {
display: flex;
flex-direction: column;
gap: 8px;
flex: 2;
}
.recipe-ingredient-display-name {
font-size: 14px;
padding: 6px 10px;
border: 1px solid #ddd;
border-radius: 4px;
width: 100%;
display: none;
}
.recipe-has-product .recipe-ingredient-display-name {
display: block;
}
.recipe-ingredient-name.recipe-product-link {
color: var(--dlcs-primary);
text-decoration: none;
transition: color 0.2s;
}
.recipe-ingredient-name.recipe-product-link:hover {
color: var(--dlcs-hover);
text-decoration: underline;
}
.recipe-ingredient-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px 16px;
margin-bottom: 8px;
background: #f8f9fa;
border-radius: 12px;
transition: all 0.2s ease;
}
.recipe-ingredient-item:hover {
background: #f0f2f5;
transform: translateX(4px);
}
.recipe-ingredient-name-wrapper {
display: flex;
align-items: center;
gap: 8px;
flex: 1;
}
.recipe-ingredient-name,
.recipe-ingredient-link {
color: var(--dlcs-text);
text-decoration: none;
font-weight: 500;
}
.recipe-ingredient-amount {
color: #666;
font-weight: 500;
margin-right: 16px;
}
.recipe-add-to-cart-btn {
background: var(--dlcs-primary);
color: white;
border: none;
padding: 6px 12px;
border-radius: 8px;
cursor: pointer;
transition: all 0.2s ease;
}
.recipe-add-to-cart-btn:hover {
background: var(--dlcs-hover);
transform: scale(1.05);
}
.recipe-add-to-cart-btn svg {
width: 16px;
height: 16px;
stroke: currentColor;
}
.recipe-product-recipes {
margin: 40px auto;
padding: 40px;
background: linear-gradient(135deg, #F5F7F5, #FFFFFF);
border-radius: 24px;
box-shadow: 0 8px 32px rgba(27, 67, 50, 0.08);
max-width: 1200px;
position: relative;
}
.recipe-product-recipes h2 {
color: var(--dlcs-primary);
font-size: 32px;
font-weight: 600;
margin-bottom: 40px;
text-align: center;
position: relative;
}
.recipe-product-recipes h2::after {
content: '';
position: absolute;
bottom: -12px;
left: 50%;
transform: translateX(-50%);
width: 60px;
height: 3px;
background: var(--dlcs-primary);
border-radius: 2px;
}
.recipe-recipes-slider {
display: flex;
gap: 32px;
overflow-x: hidden;
padding: 20px;
position: relative;
margin: 0 -20px;
justify-content: center;
}
.recipe-recipe-slide {
flex: 0 0 300px;
max-width: 300px;
position: relative;
transition: transform 0.3s ease;
}
.recipe-recipe-card {
background: #fff;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 4px 16px rgba(27, 67, 50, 0.06);
transition: all 0.3s ease;
display: block;
text-decoration: none;
height: 100%;
}
.recipe-recipe-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 24px rgba(27, 67, 50, 0.12);
}
.recipe-recipe-image {
width: 100%;
height: 200px;
overflow: hidden;
}
.recipe-recipe-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.recipe-recipe-card:hover .recipe-recipe-image img {
transform: scale(1.05);
}
.recipe-recipe-card-content {
padding: 24px;
flex-grow: 1;
display: flex;
flex-direction: column;
gap: 12px;
}
.recipe-recipe-card .recipe-recipe-title {
font-size: 20px;
font-weight: 600;
color: var(--dlcs-text);
margin: 0;
line-height: 1.4;
}
.recipe-recipe-card .recipe-recipe-excerpt {
font-size: 15px;
color: var(--dlcs-text-light);
line-height: 1.6;
margin: 0;
}
@media screen and (max-width: 768px) {
.recipe-product-recipes {
padding: 24px;
margin: 24px 0;
}
.recipe-recipes-slider {
grid-template-columns: 1fr;
padding: 0;
gap: 24px;
}
.recipe-recipe-image {
height: 180px;
}
.recipe-product-recipes h2 {
font-size: 24px;
margin-bottom: 32px;
}
}
.recipe-slider-nav {
width: 44px;
height: 44px;
border: 2px solid var(--dlcs-border);
background: white;
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.recipe-slider-nav.prev {
left: -22px;
}
.recipe-slider-nav.next {
right: -22px;
}
.recipe-slider-nav:hover {
border-color: var(--dlcs-primary);
background: var(--dlcs-primary);
}
.recipe-slider-nav:hover svg {
color: white;
}
.recipe-slider-nav svg {
width: 24px;
height: 24px;
color: var(--dlcs-primary);
transition: color 0.3s ease;
}
@media screen and (max-width: 768px) {
.recipe-slider-nav {
display: none;
}
}
.recipe-slider-nav.hidden {
display: none;
} .recipe-share-modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1000;
justify-content: center;
align-items: center;
}
.recipe-share-modal.active {
display: flex;
}
.recipe-share-modal-content {
background-color: white;
border-radius: 12px;
width: 90%;
max-width: 500px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
overflow: hidden;
animation: recipe-modalFadeIn 0.3s ease;
}
@keyframes recipe-modalFadeIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
.recipe-share-modal-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 16px 20px;
border-bottom: 1px solid var(--dlcs-border);
}
.recipe-share-modal-header h3 {
margin: 0;
color: var(--dlcs-primary);
font-size: 20px;
font-weight: 600;
}
.recipe-close-modal {
width: 32px;
height: 32px;
background: var(--dlcs-light-bg);
border: 2px solid var(--dlcs-border);
border-radius: 50%;
color: var(--dlcs-text);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
line-height: 1;
padding: 0;
transition: all 0.2s ease;
}
.recipe-close-modal:hover {
background: var(--dlcs-primary);
border-color: var(--dlcs-primary);
color: white;
transform: rotate(90deg);
}
.recipe-share-modal-body {
padding: 20px;
}
.recipe-share-buttons {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
}
.recipe-share-button {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 12px 16px;
border-radius: 8px;
text-decoration: none;
color: #333;
font-weight: 500;
transition: all 0.2s ease;
border: 1px solid var(--dlcs-border);
background-color: white;
cursor: pointer;
}
.recipe-share-button:hover {
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.recipe-share-button.whatsapp:hover {
background-color: #e9f7ec;
border-color: #25D366;
}
.recipe-share-button.instagram:hover {
background-color: #fcf0f6;
border-color: #C837AB;
}
.recipe-share-button.email:hover {
background-color: #ffebee;
border-color: #D32F2F;
}
.recipe-share-button.facebook:hover {
background-color: #e3f2fd;
border-color: #1877F2;
}
.recipe-share-button.copy-link:hover {
background-color: #e8f5e9;
border-color: #4CAF50;
}
.recipe-share-success-message {
position: fixed;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
background-color: var(--dlcs-primary);
color: white;
padding: 12px 20px;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
z-index: 1001;
animation: recipe-fadeInOut 2s ease forwards;
}
@keyframes recipe-fadeInOut {
0% { opacity: 0; transform: translate(-50%, 20px); }
15% { opacity: 1; transform: translate(-50%, 0); }
85% { opacity: 1; transform: translate(-50%, 0); }
100% { opacity: 0; transform: translate(-50%, -20px); }
}
@media screen and (max-width: 480px) {
.recipe-share-buttons {
grid-template-columns: 1fr;
}
}
@media print {
body {
background: white !important;
color: black !important;
font-size: 12pt !important;
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
}
header, footer, nav, .recipe-actions, .recipe-share-recipe-container, 
.recipe-servings-calculator,
.elementor-element-4eccb486, footer.site-footer, .site-footer,
.elementor-location-footer, 
.recipe-meta-item:has(.recipe-servings-calculator) {
display: none !important;
}
.recipe-single {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
box-shadow: none !important;
overflow: visible !important;
}
.recipe-header {
display: block !important;
background: none !important;
box-shadow: none !important;
padding: 0 !important;
margin-bottom: 20pt !important;
}
.recipe-title {
font-size: 24pt !important;
margin-bottom: 10pt !important;
}
.recipe-ingredients {
page-break-inside: avoid !important;
margin-bottom: 20pt !important;
}
.recipe-ingredients-title {
font-size: 18pt !important;
margin-bottom: 10pt !important;
}
.recipe-ingredient-item {
background: none !important;
padding: 5pt 0 !important;
border-bottom: 1pt solid #eee !important;
}
.recipe-add-to-cart-btn {
display: none !important;
}
.recipe-instructions {
page-break-before: auto !important;
}
.recipe-instructions-title {
font-size: 18pt !important;
margin-bottom: 10pt !important;
}
.recipe-instruction-step {
page-break-inside: avoid !important;
margin-bottom: 10pt !important;
}
h2, h3 {
page-break-after: avoid !important;
}
img {
max-width: 100% !important;
page-break-inside: avoid !important;
}
.recipe-content {
display: block !important;
}
.recipe-nutrition-info {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 10pt !important;
margin-bottom: 20pt !important;
}
* {
box-shadow: none !important;
text-shadow: none !important;
transform: none !important;
transition: none !important;
}
a {
text-decoration: underline !important;
color: black !important;
}
a[href]:after {
content: " (" attr(href) ")";
font-size: 10pt;
font-style: italic;
}
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
}
#recipe-share-recipe-btn.recipe-action-button {
background: white !important;
border: 2px solid var(--dlcs-border) !important;
color: var(--dlcs-text) !important;
}
#recipe-share-recipe-btn.recipe-action-button:hover {
border-color: var(--dlcs-primary) !important;
color: var(--dlcs-primary) !important;
transform: translateY(-2px) !important;
}
@media screen and (max-width: 768px) {
.recipe-actions {
flex-direction: column;
gap: 10px;
}
.recipe-action-button {
width: 100% !important;
min-width: 100% !important;
padding: 12px 20px !important;
}
}
@media screen and (max-width: 767px) {
.recipe-meta-grid {
display: flex !important;
flex-direction: column !important;
gap: 15px !important;
padding: 15px !important;
overflow-x: hidden !important;
}
.recipe-meta-item {
width: 100% !important;
flex-basis: 100% !important;
}
.recipe-nutrition-info {
grid-template-columns: repeat(2, 1fr) !important;
overflow-x: hidden !important;
}
}
#recipe-grid .recipe-loading-message {
justify-content: center;
width: 100%;
padding: 40px;
margin: 20px auto;
max-width: 400px;
text-align: center;
background: var(--dlcs-light-bg);
border-radius: 12px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
#recipe-grid .recipe-loading-message .recipe-loader-circle {
margin: 0 auto;
}.woocommerce img.pswp__img,.woocommerce-page img.pswp__img{max-width:none}button.pswp__button{box-shadow:none!important;background-image:url(//dlcs.store/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.png)!important}button.pswp__button,button.pswp__button--arrow--left::before,button.pswp__button--arrow--right::before,button.pswp__button:hover{background-color:transparent!important}button.pswp__button--arrow--left,button.pswp__button--arrow--left:hover,button.pswp__button--arrow--right,button.pswp__button--arrow--right:hover{background-image:none!important}button.pswp__button--close:hover{background-position:0 -44px}button.pswp__button--zoom:hover{background-position:-88px 0} .pswp{display:none;position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;-ms-touch-action:none;touch-action:none;z-index:1500;-webkit-text-size-adjust:100%;-webkit-backface-visibility:hidden;outline:0}.pswp *{-webkit-box-sizing:border-box;box-sizing:border-box}.pswp img{max-width:none}.admin-bar .pswp{height:calc(100% - 32px);top:32px}@media screen and (max-width:782px){.admin-bar .pswp{height:calc(100% - 46px);top:46px}}.pswp--animate_opacity{opacity:.001;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--open{display:block}.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.pswp--zoomed-in .pswp__img{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.pswp--dragging .pswp__img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.pswp__bg{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;will-change:opacity}.pswp__scroll-wrap{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}.pswp__container,.pswp__zoom-wrap{-ms-touch-action:none;touch-action:none;position:absolute;left:0;right:0;top:0;bottom:0}.pswp__container,.pswp__img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.pswp__zoom-wrap{position:absolute;width:100%;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 333ms cubic-bezier(.4,0,.22,1);transition:transform 333ms cubic-bezier(.4,0,.22,1)}.pswp__bg{will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{-webkit-transition:none;transition:none}.pswp__container,.pswp__zoom-wrap{-webkit-backface-visibility:hidden}.pswp__item{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden}.pswp__img{position:absolute;width:auto;height:auto;top:0;left:0}.pswp__img--placeholder{-webkit-backface-visibility:hidden}.pswp__img--placeholder--blank{background:#222}.pswp--ie .pswp__img{width:100%!important;height:auto!important;left:0;top:0}.pswp__error-msg{position:absolute;left:0;top:50%;width:100%;text-align:center;font-size:14px;line-height:16px;margin-top:-8px;color:#ccc}.pswp__error-msg a{color:#ccc;text-decoration:underline}.pswp__button{width:44px;height:44px;position:relative;background:0 0;cursor:pointer;overflow:visible;-webkit-appearance:none;display:block;border:0;padding:0;margin:0;float:left;opacity:.75;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-box-shadow:none;box-shadow:none}.pswp__button:focus,.pswp__button:hover{opacity:1}.pswp__button:active{outline:0;opacity:.9}.pswp__button::-moz-focus-inner{padding:0;border:0}.pswp__ui--over-close .pswp__button--close{opacity:1}.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{background:url(//dlcs.store/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.png) 0 0 no-repeat;background-size:264px 88px;width:44px;height:44px}@media (-webkit-min-device-pixel-ratio:1.1),(-webkit-min-device-pixel-ratio:1.09375),(min-resolution:105dpi),(min-resolution:1.1dppx){.pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before{background-image:url(//dlcs.store/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.svg)}.pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right{background:0 0}}.pswp__button--close{background-position:0 -44px}.pswp__button--share{background-position:-44px -44px}.pswp__button--fs{display:none}.pswp--supports-fs .pswp__button--fs{display:block}.pswp--fs .pswp__button--fs{background-position:-44px 0}.pswp__button--zoom{display:none;background-position:-88px 0}.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--zoomed-in .pswp__button--zoom{background-position:-132px 0}.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right{visibility:hidden}.pswp__button--arrow--left,.pswp__button--arrow--right{background:0 0;top:50%;margin-top:-50px;width:70px;height:100px;position:absolute}.pswp__button--arrow--left{left:0}.pswp__button--arrow--right{right:0}.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{content:'';top:35px;background-color:rgba(0,0,0,.3);height:30px;width:32px;position:absolute}.pswp__button--arrow--left:before{left:6px;background-position:-138px -44px}.pswp__button--arrow--right:before{right:6px;background-position:-94px -44px}.pswp__counter,.pswp__share-modal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pswp__share-modal{display:block;background:rgba(0,0,0,.5);width:100%;height:100%;top:0;left:0;padding:10px;position:absolute;z-index:1600;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;-webkit-backface-visibility:hidden;will-change:opacity}.pswp__share-modal--hidden{display:none}.pswp__share-tooltip{z-index:1620;position:absolute;background:#fff;top:56px;border-radius:2px;display:block;width:auto;right:44px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.25);box-shadow:0 2px 5px rgba(0,0,0,.25);-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);-webkit-transition:-webkit-transform .25s;transition:transform .25s;-webkit-backface-visibility:hidden;will-change:transform}.pswp__share-tooltip a{display:block;padding:8px 12px;color:#000;text-decoration:none;font-size:14px;line-height:18px}.pswp__share-tooltip a:hover{text-decoration:none;color:#000}.pswp__share-tooltip a:first-child{border-radius:2px 2px 0 0}.pswp__share-tooltip a:last-child{border-radius:0 0 2px 2px}.pswp__share-modal--fade-in{opacity:1}.pswp__share-modal--fade-in .pswp__share-tooltip{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.pswp--touch .pswp__share-tooltip a{padding:16px 12px}a.pswp__share--facebook:before{content:'';display:block;width:0;height:0;position:absolute;top:-12px;right:15px;border:6px solid transparent;border-bottom-color:#fff;-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none}a.pswp__share--facebook:hover{background:#3e5c9a;color:#fff}a.pswp__share--facebook:hover:before{border-bottom-color:#3e5c9a}a.pswp__share--twitter:hover{background:#55acee;color:#fff}a.pswp__share--pinterest:hover{background:#ccc;color:#ce272d}a.pswp__share--download:hover{background:#ddd}.pswp__counter{position:relative;left:0;top:0;height:44px;font-size:13px;line-height:44px;color:#fff;opacity:.75;padding:0 10px;margin-inline-end:auto}.pswp__caption{position:absolute;left:0;bottom:0;width:100%;min-height:44px}.pswp__caption small{font-size:11px;color:#bbb}.pswp__caption__center{text-align:left;max-width:420px;margin:0 auto;font-size:13px;padding:10px;line-height:20px;color:#ccc}.pswp__caption--empty{display:none}.pswp__caption--fake{visibility:hidden}.pswp__preloader{width:44px;height:44px;position:absolute;top:0;left:50%;margin-left:-22px;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;will-change:opacity;direction:ltr}.pswp__preloader__icn{width:20px;height:20px;margin:12px}.pswp__preloader--active{opacity:1}.pswp__preloader--active .pswp__preloader__icn{background:url(//dlcs.store/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/preloader.gif) 0 0 no-repeat}.pswp--css_animation .pswp__preloader--active{opacity:1}.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{-webkit-animation:clockwise .5s linear infinite;animation:clockwise .5s linear infinite}.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{-webkit-animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite;animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite}.pswp--css_animation .pswp__preloader__icn{background:0 0;opacity:.75;width:14px;height:14px;position:absolute;left:15px;top:15px;margin:0}.pswp--css_animation .pswp__preloader__cut{position:relative;width:7px;height:14px;overflow:hidden}.pswp--css_animation .pswp__preloader__donut{-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border:2px solid #fff;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;background:0 0;margin:0}@media screen and (max-width:1024px){.pswp__preloader{position:relative;left:auto;top:auto;margin:0;float:right}}@-webkit-keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}.pswp__ui{-webkit-font-smoothing:auto;visibility:visible;opacity:1;z-index:1550}.pswp__top-bar{position:absolute;left:0;top:0;height:44px;width:100%;display:flex;justify-content:flex-end}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar{-webkit-backface-visibility:hidden;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{visibility:visible}.pswp__caption,.pswp__top-bar{background-color:rgba(0,0,0,.5)}.pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar{background-color:rgba(0,0,0,.3)}.pswp__ui--idle .pswp__top-bar{opacity:0}.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right{opacity:0}.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar{opacity:.001}.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{display:none}.pswp__element--disabled{display:none!important}.pswp--minimal--dark .pswp__top-bar{background:0 0}:root{--woocommerce:#720eec;--wc-green:#7ad03a;--wc-red:#a00;--wc-orange:#ffba00;--wc-blue:#2ea2cc;--wc-primary:#720eec;--wc-primary-text:#fcfbfe;--wc-secondary:#e9e6ed;--wc-secondary-text:#515151;--wc-highlight:#958e09;--wc-highligh-text:white;--wc-content-bg:#fff;--wc-subtext:#767676;--wc-form-border-color:rgba(32, 7, 7, 0.8);--wc-form-border-radius:4px;--wc-form-border-width:1px}.woocommerce .woocommerce-error .button,.woocommerce .woocommerce-info .button,.woocommerce .woocommerce-message .button,.woocommerce-page .woocommerce-error .button,.woocommerce-page .woocommerce-info .button,.woocommerce-page .woocommerce-message .button{float:right}.woocommerce .col2-set,.woocommerce-page .col2-set{width:100%}.woocommerce .col2-set::after,.woocommerce .col2-set::before,.woocommerce-page .col2-set::after,.woocommerce-page .col2-set::before{content:" ";display:table}.woocommerce .col2-set::after,.woocommerce-page .col2-set::after{clear:both}.woocommerce .col2-set .col-1,.woocommerce-page .col2-set .col-1{float:left;width:48%}.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-2{float:right;width:48%}.woocommerce img,.woocommerce-page img{height:auto;max-width:100%}.woocommerce #content div.product div.images,.woocommerce div.product div.images,.woocommerce-page #content div.product div.images,.woocommerce-page div.product div.images{float:left;width:48%}.woocommerce #content div.product div.thumbnails::after,.woocommerce #content div.product div.thumbnails::before,.woocommerce div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::before,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::before,.woocommerce-page div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::before{content:" ";display:table}.woocommerce #content div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::after{clear:both}.woocommerce #content div.product div.thumbnails a,.woocommerce div.product div.thumbnails a,.woocommerce-page #content div.product div.thumbnails a,.woocommerce-page div.product div.thumbnails a{float:left;width:30.75%;margin-right:3.8%;margin-bottom:1em}.woocommerce #content div.product div.thumbnails a.last,.woocommerce div.product div.thumbnails a.last,.woocommerce-page #content div.product div.thumbnails a.last,.woocommerce-page div.product div.thumbnails a.last{margin-right:0}.woocommerce #content div.product div.thumbnails a.first,.woocommerce div.product div.thumbnails a.first,.woocommerce-page #content div.product div.thumbnails a.first,.woocommerce-page div.product div.thumbnails a.first{clear:both}.woocommerce #content div.product div.thumbnails.columns-1 a,.woocommerce div.product div.thumbnails.columns-1 a,.woocommerce-page #content div.product div.thumbnails.columns-1 a,.woocommerce-page div.product div.thumbnails.columns-1 a{width:100%;margin-right:0;float:none}.woocommerce #content div.product div.thumbnails.columns-2 a,.woocommerce div.product div.thumbnails.columns-2 a,.woocommerce-page #content div.product div.thumbnails.columns-2 a,.woocommerce-page div.product div.thumbnails.columns-2 a{width:48%}.woocommerce #content div.product div.thumbnails.columns-4 a,.woocommerce div.product div.thumbnails.columns-4 a,.woocommerce-page #content div.product div.thumbnails.columns-4 a,.woocommerce-page div.product div.thumbnails.columns-4 a{width:22.05%}.woocommerce #content div.product div.thumbnails.columns-5 a,.woocommerce div.product div.thumbnails.columns-5 a,.woocommerce-page #content div.product div.thumbnails.columns-5 a,.woocommerce-page div.product div.thumbnails.columns-5 a{width:16.9%}.woocommerce #content div.product div.summary,.woocommerce div.product div.summary,.woocommerce-page #content div.product div.summary,.woocommerce-page div.product div.summary{float:right;width:48%;clear:none}.woocommerce #content div.product .woocommerce-tabs,.woocommerce div.product .woocommerce-tabs,.woocommerce-page #content div.product .woocommerce-tabs,.woocommerce-page div.product .woocommerce-tabs{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::before{content:" ";display:table}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs li,.woocommerce div.product .woocommerce-tabs ul.tabs li,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,.woocommerce-page div.product .woocommerce-tabs ul.tabs li{display:inline-block}.woocommerce #content div.product #reviews .comment::after,.woocommerce #content div.product #reviews .comment::before,.woocommerce div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::before,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::before,.woocommerce-page div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::before{content:" ";display:table}.woocommerce #content div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::after{clear:both}.woocommerce #content div.product #reviews .comment img,.woocommerce div.product #reviews .comment img,.woocommerce-page #content div.product #reviews .comment img,.woocommerce-page div.product #reviews .comment img{float:right;height:auto}.woocommerce ul.products,.woocommerce-page ul.products{clear:both}.woocommerce ul.products::after,.woocommerce ul.products::before,.woocommerce-page ul.products::after,.woocommerce-page ul.products::before{content:" ";display:table}.woocommerce ul.products::after,.woocommerce-page ul.products::after{clear:both}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{float:left;margin:0 3.8% 2.992em 0;padding:0;position:relative;width:22.05%;margin-left:0}.woocommerce ul.products li.first,.woocommerce-page ul.products li.first{clear:both}.woocommerce ul.products li.last,.woocommerce-page ul.products li.last{margin-right:0}.woocommerce ul.products.columns-1 li.product,.woocommerce-page ul.products.columns-1 li.product{width:100%;margin-right:0}.woocommerce ul.products.columns-2 li.product,.woocommerce-page ul.products.columns-2 li.product{width:48%}.woocommerce ul.products.columns-3 li.product,.woocommerce-page ul.products.columns-3 li.product{width:30.75%}.woocommerce ul.products.columns-5 li.product,.woocommerce-page ul.products.columns-5 li.product{width:16.95%}.woocommerce ul.products.columns-6 li.product,.woocommerce-page ul.products.columns-6 li.product{width:13.5%}.woocommerce-page.columns-1 ul.products li.product,.woocommerce.columns-1 ul.products li.product{width:100%;margin-right:0}.woocommerce-page.columns-2 ul.products li.product,.woocommerce.columns-2 ul.products li.product{width:48%}.woocommerce-page.columns-3 ul.products li.product,.woocommerce.columns-3 ul.products li.product{width:30.75%}.woocommerce-page.columns-5 ul.products li.product,.woocommerce.columns-5 ul.products li.product{width:16.95%}.woocommerce-page.columns-6 ul.products li.product,.woocommerce.columns-6 ul.products li.product{width:13.5%}.woocommerce .woocommerce-result-count,.woocommerce-page .woocommerce-result-count{float:left}.woocommerce .woocommerce-ordering,.woocommerce-page .woocommerce-ordering{float:right}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce .woocommerce-pagination ul.page-numbers::before,.woocommerce-page .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::before{content:" ";display:table}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::after{clear:both}.woocommerce .woocommerce-pagination ul.page-numbers li,.woocommerce-page .woocommerce-pagination ul.page-numbers li{display:inline-block}.woocommerce #content table.cart img,.woocommerce table.cart img,.woocommerce-page #content table.cart img,.woocommerce-page table.cart img{height:auto}.woocommerce #content table.cart td.actions,.woocommerce table.cart td.actions,.woocommerce-page #content table.cart td.actions,.woocommerce-page table.cart td.actions{text-align:right}.woocommerce #content table.cart td.actions .input-text,.woocommerce table.cart td.actions .input-text,.woocommerce-page #content table.cart td.actions .input-text,.woocommerce-page table.cart td.actions .input-text{width:80px}.woocommerce #content table.cart td.actions .coupon,.woocommerce table.cart td.actions .coupon,.woocommerce-page #content table.cart td.actions .coupon,.woocommerce-page table.cart td.actions .coupon{float:left}.woocommerce .cart-collaterals,.woocommerce-page .cart-collaterals{width:100%}.woocommerce .cart-collaterals::after,.woocommerce .cart-collaterals::before,.woocommerce-page .cart-collaterals::after,.woocommerce-page .cart-collaterals::before{content:" ";display:table}.woocommerce .cart-collaterals::after,.woocommerce-page .cart-collaterals::after{clear:both}.woocommerce .cart-collaterals .related,.woocommerce-page .cart-collaterals .related{width:30.75%;float:left}.woocommerce .cart-collaterals .cross-sells,.woocommerce-page .cart-collaterals .cross-sells{width:48%;float:left}.woocommerce .cart-collaterals .cross-sells ul.products,.woocommerce-page .cart-collaterals .cross-sells ul.products{float:none}.woocommerce .cart-collaterals .cross-sells ul.products li,.woocommerce-page .cart-collaterals .cross-sells ul.products li{width:48%}.woocommerce .cart-collaterals .shipping_calculator,.woocommerce-page .cart-collaterals .shipping_calculator{width:48%;clear:right;float:right}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce .cart-collaterals .shipping_calculator::before,.woocommerce-page .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::before{content:" ";display:table}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::after{clear:both}.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-2,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-2{width:47%}.woocommerce .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cart_totals{float:right;width:48%}.woocommerce ul.cart_list li::after,.woocommerce ul.cart_list li::before,.woocommerce ul.product_list_widget li::after,.woocommerce ul.product_list_widget li::before,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.cart_list li::before,.woocommerce-page ul.product_list_widget li::after,.woocommerce-page ul.product_list_widget li::before{content:" ";display:table}.woocommerce ul.cart_list li::after,.woocommerce ul.product_list_widget li::after,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.product_list_widget li::after{clear:both}.woocommerce ul.cart_list li img,.woocommerce ul.product_list_widget li img,.woocommerce-page ul.cart_list li img,.woocommerce-page ul.product_list_widget li img{float:right;height:auto}.woocommerce form .form-row::after,.woocommerce form .form-row::before,.woocommerce-page form .form-row::after,.woocommerce-page form .form-row::before{content:" ";display:table}.woocommerce form .form-row::after,.woocommerce-page form .form-row::after{clear:both}.woocommerce form .form-row label,.woocommerce-page form .form-row label{display:block}.woocommerce form .form-row label.checkbox,.woocommerce-page form .form-row label.checkbox{display:inline}.woocommerce form .form-row select,.woocommerce-page form .form-row select{width:100%}.woocommerce form .form-row .input-text,.woocommerce-page form .form-row .input-text{box-sizing:border-box;width:100%}.woocommerce form .form-row-first,.woocommerce form .form-row-last,.woocommerce-page form .form-row-first,.woocommerce-page form .form-row-last{width:47%;overflow:visible}.woocommerce form .form-row-first,.woocommerce-page form .form-row-first{float:left}.woocommerce form .form-row-last,.woocommerce-page form .form-row-last{float:right}.woocommerce form .form-row-wide,.woocommerce-page form .form-row-wide{clear:both}.woocommerce form .password-input,.woocommerce-page form .password-input{display:flex;flex-direction:column;justify-content:center;position:relative}.woocommerce form .password-input input[type=password],.woocommerce-page form .password-input input[type=password]{padding-right:2.5rem}.woocommerce form .password-input input::-ms-reveal,.woocommerce-page form .password-input input::-ms-reveal{display:none}.woocommerce form .show-password-input,.woocommerce-page form .show-password-input{background-color:transparent;border-radius:0;border:0;color:var(--wc-form-color-text,#000);cursor:pointer;font-size:inherit;line-height:inherit;margin:0;padding:0;position:absolute;right:.7em;text-decoration:none;top:50%;transform:translateY(-50%);-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-webkit-font-smoothing:inherit}.woocommerce form .show-password-input::before,.woocommerce-page form .show-password-input::before{background-repeat:no-repeat;background-size:cover;background-image:url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.3 3.3C16.9 2.9 16.2 2.9 15.7 3.3L13.3 5.7C12.2437 5.3079 11.1267 5.1048 10 5.1C6.2 5.2 2.8 7.2 1 10.5C1.2 10.9 1.5 11.3 1.8 11.7C2.6 12.8 3.6 13.7 4.7 14.4L3 16.1C2.6 16.5 2.5 17.2 3 17.7C3.4 18.1 4.1 18.2 4.6 17.7L17.3 4.9C17.7 4.4 17.7 3.7 17.3 3.3ZM6.7 12.3L5.4 13.6C4.2 12.9 3.1 11.9 2.3 10.7C3.5 9 5.1 7.8 7 7.2C5.7 8.6 5.6 10.8 6.7 12.3ZM10.1 9C9.6 8.5 9.7 7.7 10.2 7.2C10.7 6.8 11.4 6.8 11.9 7.2L10.1 9ZM18.3 9.5C17.8 8.8 17.2 8.1 16.5 7.6L15.5 8.6C16.3 9.2 17 9.9 17.6 10.8C15.9 13.4 13 15 9.9 15H9.1L8.1 16C8.8 15.9 9.4 16 10 16C13.3 16 16.4 14.4 18.3 11.7C18.6 11.3 18.8 10.9 19.1 10.5C18.8 10.2 18.6 9.8 18.3 9.5ZM14 10L10 14C12.2 14 14 12.2 14 10Z" fill="%23111111"/></svg>');content:"";display:block;height:22px;width:22px}.woocommerce form .show-password-input.display-password::before,.woocommerce-page form .show-password-input.display-password::before{background-image:url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.3 9.49999C15 4.89999 8.50002 3.79999 3.90002 7.19999C2.70002 8.09999 1.70002 9.29999 0.900024 10.6C1.10002 11 1.40002 11.4 1.70002 11.8C5.00002 16.4 11.3 17.4 15.9 14.2C16.8 13.5 17.6 12.8 18.3 11.8C18.6 11.4 18.8 11 19.1 10.6C18.8 10.2 18.6 9.79999 18.3 9.49999ZM10.1 7.19999C10.6 6.69999 11.4 6.69999 11.9 7.19999C12.4 7.69999 12.4 8.49999 11.9 8.99999C11.4 9.49999 10.6 9.49999 10.1 8.99999C9.60003 8.49999 9.60003 7.69999 10.1 7.19999ZM10 14.9C6.90002 14.9 4.00002 13.3 2.30002 10.7C3.50002 8.99999 5.10002 7.79999 7.00002 7.19999C6.30002 7.99999 6.00002 8.89999 6.00002 9.89999C6.00002 12.1 7.70002 14 10 14C12.2 14 14.1 12.3 14.1 9.99999V9.89999C14.1 8.89999 13.7 7.89999 13 7.19999C14.9 7.79999 16.5 8.99999 17.7 10.7C16 13.3 13.1 14.9 10 14.9Z" fill="%23111111"/></svg>')}.woocommerce #payment .form-row select,.woocommerce-page #payment .form-row select{width:auto}.woocommerce #payment .terms,.woocommerce #payment .wc-terms-and-conditions,.woocommerce-page #payment .terms,.woocommerce-page #payment .wc-terms-and-conditions{text-align:left;padding:0 1em 0 0;float:left}.woocommerce #payment #place_order,.woocommerce-page #payment #place_order{float:right}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-billing-fields::before,.woocommerce .woocommerce-shipping-fields::after,.woocommerce .woocommerce-shipping-fields::before,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-billing-fields::before,.woocommerce-page .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-shipping-fields::before{content:" ";display:table}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-shipping-fields::after{clear:both}.woocommerce .woocommerce-terms-and-conditions,.woocommerce-page .woocommerce-terms-and-conditions{margin-bottom:1.618em;padding:1.618em}.woocommerce .woocommerce-oembed,.woocommerce-page .woocommerce-oembed{position:relative}.woocommerce-account .woocommerce-MyAccount-navigation{float:left;width:30%}.woocommerce-account .woocommerce-MyAccount-content{float:right;width:68%}.woocommerce-account .woocommerce-MyAccount-content mark{background-color:transparent;color:inherit;font-weight:700}.woocommerce-page.left-sidebar #content.twentyeleven{width:58.4%;margin:0 7.6%;float:right}.woocommerce-page.right-sidebar #content.twentyeleven{margin:0 7.6%;width:58.4%;float:left}.twentyfourteen .tfwc{padding:12px 10px 0;max-width:474px;margin:0 auto}.twentyfourteen .tfwc .product .entry-summary{padding:0!important;margin:0 0 1.618em!important}.twentyfourteen .tfwc div.product.hentry.has-post-thumbnail{margin-top:0}@media screen and (min-width:673px){.twentyfourteen .tfwc{padding-right:30px;padding-left:30px}}@media screen and (min-width:1040px){.twentyfourteen .tfwc{padding-right:15px;padding-left:15px}}@media screen and (min-width:1110px){.twentyfourteen .tfwc{padding-right:30px;padding-left:30px}}@media screen and (min-width:1218px){.twentyfourteen .tfwc{margin-right:54px}.full-width .twentyfourteen .tfwc{margin-right:auto}}.twentyfifteen .t15wc{padding-left:7.6923%;padding-right:7.6923%;padding-top:7.6923%;margin-bottom:7.6923%;background:#fff;box-shadow:0 0 1px rgba(0,0,0,.15)}.twentyfifteen .t15wc .page-title{margin-left:0}@media screen and (min-width:38.75em){.twentyfifteen .t15wc{margin-right:7.6923%;margin-left:7.6923%;margin-top:8.3333%}}@media screen and (min-width:59.6875em){.twentyfifteen .t15wc{margin-left:8.3333%;margin-right:8.3333%;padding:10%}.single-product .twentyfifteen .entry-summary{padding:0!important}}.twentysixteen .site-main{margin-right:7.6923%;margin-left:7.6923%}.twentysixteen .entry-summary{margin-right:0;margin-left:0}#content .twentysixteen div.product div.images,#content .twentysixteen div.product div.summary{width:46.42857%}@media screen and (min-width:44.375em){.twentysixteen .site-main{margin-right:23.0769%}}@media screen and (min-width:56.875em){.twentysixteen .site-main{margin-right:0;margin-left:0}.no-sidebar .twentysixteen .site-main{margin-right:15%;margin-left:15%}.no-sidebar .twentysixteen .entry-summary{margin-right:0;margin-left:0}}.rtl .woocommerce .col2-set .col-1,.rtl .woocommerce-page .col2-set .col-1{float:right}.rtl .woocommerce .col2-set .col-2,.rtl .woocommerce-page .col2-set .col-2{float:left}