wrapped-preset { /\* breakpoints: not-implemented / reference only */ /\* --shadow-breakpoint-xs: 320px; */ /\* --shadow-breakpoint-sm: 490px; */ /\* --shadow-breakpoint-md: 768px; */ /\* --shadow-breakpoint-lg: 1040px; */ /\* --shadow-breakpoint-xl: 1440px; */

--shadow-thumbnail-position-start: "media gift-dialog-header" "media content" "media gift-block-actions"; --shadow-thumbnail-position-end: "gift-dialog-header media" "content media" "gift-block-actions media";

/\* border radius */ --shadow-border-radius-xs: calc(var(--shadow-border-radius-scale, 65) / 100 * 1rem); --shadow-border-radius-sm: calc(var(--shadow-border-radius-scale, 65) / 100 * 1.5rem); --shadow-border-radius-base: calc(var(--shadow-border-radius-scale, 65) / 100 * 2.5rem);

--shadow-outline-width: calc(var(--shadow-field-border-width) + 0.5px);

/\* buttons */

--shadow-hover-style-light: #ffffff; --shadow-hover-style-dark: #000000;

--shadow-primary-button-surface--active: color-mix(in srgb, var(--shadow-primary-button-surface), var(--shadow-hover-style) 20%); --shadow-primary-button-surface--hover: color-mix(in srgb, var(--shadow-primary-button-surface), var(--shadow-hover-style) 16%);

--shadow-launcher-button-surface--active: color-mix(in srgb, var(--shadow-launcher-button-surface), var(--shadow-hover-style) 20%); --shadow-launcher-button-surface--hover: color-mix(in srgb, var(--shadow-launcher-button-surface), var(--shadow-hover-style) 16%);

--shadow-primary-button-text-color--active: color-mix(in srgb, var(--shadow-primary-button-text-color), var(--shadow-hover-style) 20%); --shadow-primary-button-text-color--hover: color-mix(in srgb, var(--shadow-primary-button-text-color), var(--shadow-hover-style) 16%);

--shadow-secondary-button-surface--active: color-mix(in srgb, var(--shadow-secondary-button-surface), var(--shadow-hover-style) 20%); --shadow-secondary-button-surface--hover: color-mix(in srgb, var(--shadow-secondary-button-surface), var(--shadow-hover-style) 16%);

--shadow-secondary-button-text-color--active: color-mix(in srgb, var(--shadow-secondary-button-text-color), var(--shadow-hover-style) 20%); --shadow-secondary-button-text-color--hover: color-mix(in srgb, var(--shadow-secondary-button-text-color), var(--shadow-hover-style) 16%);

/\* text and fonts */ --shadow-font-size-sm: clamp(12px, calc(14px * var(--shadow-font-scale)), 16px); --shadow-font-size-base: clamp(12px, calc(16px * var(--shadow-font-scale)), 20px); --shadow-font-size-lg: clamp(16px, calc(24px * var(--shadow-font-scale)), 28px); --shadow-font-weight-md: 500; --shadow-font-weight-lg: 600; --shadow-line-height-base: 1.5em;

/\* transitions */ --shadow-transition-duration: 0.1s; --shadow-spinner-duration: 0.7s;

/\* disabled */ --shadow-disabled-opacity-sm: 0.16; --shadow-disabled-opacity: 0.32; --shadow-disabled-opacity-md: 0.4; --shadow-disabled-opacity-lg: 0.64;

/\* precalculated percentages for color-mix */ --shadow-disabled-opacity-percent: 32%; --shadow-disabled-opacity-sm-percent: 16%; --shadow-disabled-opacity-md-percent: 40%; --shadow-disabled-opacity-lg-percent: 64%; --shadow-disabled-cursor: not-allowed;

/\* form elements */ --shadow-form-element-surface--disabled: color-mix(in srgb, var(--shadow-form-element-surface) var(--shadow-disabled-opacity-percent), var(--shadow-secondary-text-color) 8%);

--shadow-form-element-border-color--active: color-mix(in srgb, var(--shadow-form-element-border-color), white 83%); --shadow-form-element-border-color--disabled: color-mix(in srgb, var(--shadow-form-element-border-color) var(--shadow-disabled-opacity-percent), var(--shadow-secondary-text-color) 8%);

--shadow-form-element-text-color--disabled: color-mix(in srgb, var(--shadow-form-element-text-color), var(--shadow-secondary-text-color) 8%);

--shadow-form-element-placeholder-text-color: color-mix(in srgb, var(--shadow-form-element-text-color) var(--shadow-disabled-opacity-percent), transparent); --shadow-form-element-placeholder-text-color--disabled: color-mix(in srgb, var(--shadow-form-element-text-color) var(--shadow-disabled-opacity-percent), var(--shadow-secondary-text-color) 8%);

--shadow-form-element-selection-color--active: color-mix(in srgb, var(--shadow-form-element-selection-color), var(--shadow-hover-style) 40%); --shadow-form-element-selection-color--hover: color-mix(in srgb, var(--shadow-form-element-selection-color), var(--shadow-hover-style) 32%);

/\* primary colors */ --shadow-primary-text-color--hover: color-mix(in srgb, var(--shadow-primary-text-color), var(--shadow-hover-style) 32%);

/\* secondary colors */ --shadow-secondary-text-color--disabled: color-mix(in srgb, var(--shadow-secondary-text-color) var(--shadow-disabled-opacity-lg-percent), var(--shadow-secondary-text-color) 8%);

/\* spacing */ --shadow-spacing-fixed: 4px; --shadow-spacing-base: clamp(12px, calc(16px * var(--shadow-spacing-scale)), 24px); --shadow-spacing-lg: clamp(16px, calc(24px * var(--shadow-spacing-scale)), 28px); --shadow-spacing-sm: clamp(8px, calc(12px * var(--shadow-spacing-scale)), 14px);

/\* inline block */ --shadow-feature-max-height: 500px; --shadow-textarea-min-height: 80px;

/\* shadows */ --shadow-shadow-blur: 1.5rem; --shadow-shadow-color: rgba(0, 0, 0, 0.25); --shadow-shadow-offset: 0.75rem;

/\* the default look: what a shop without a presets entry paints; a saved entry overrides these per option type below */ --shadow-font-family: inherit; --shadow-header-font-family: inherit; --shadow-font-weight-base: 400; --shadow-letter-spacing: normal; --shadow-button-text-transform: none; --shadow-button-letter-spacing: normal; --shadow-button-font-style: normal; --shadow-launcher-button-font-weight: 400; --shadow-launcher-button-max-width: 500px; --shadow-launcher-button-alignment: center; --shadow-launcher-button-content-justify-content: space-between; --shadow-launcher-button-content-flex-direction: row-reverse; --shadow-grid-template-areas: var(--shadow-thumbnail-position-start); --shadow-border-radius-scale: 60; --shadow-block-border-surface: #00000000; --shadow-border-width: 1px; --shadow-field-border-width: var(--shadow-border-width); --shadow-hover-style: var(--shadow-hover-style-light, --shadow-hover-style-light); --shadow-launcher-button-surface: #000000; --shadow-launcher-button-text-color: #ffffff; --shadow-launcher-button-border-surface: #00000000; --shadow-launcher-button-border-surface--active: transparent; --shadow-launcher-button-border-surface--hover: transparent; --shadow-primary-button-surface: #000000; --shadow-primary-button-text-color: #ffffff; --shadow-primary-button-border-surface: #00000000; --shadow-primary-button-border-surface--active: transparent; --shadow-primary-button-border-surface--hover: transparent; --shadow-secondary-button-surface: #0000000f; --shadow-secondary-button-text-color: #333333; --shadow-secondary-button-border-surface: #00000000; --shadow-secondary-button-border-surface--active: transparent; --shadow-secondary-button-border-surface--hover: transparent; --shadow-font-scale: calc(100 / 100); --shadow-form-element-surface: #ffffff; --shadow-form-element-border-color: #0000000f; --shadow-form-element-text-color: #333333; --shadow-form-element-selection-color: #000000; --shadow-selection-accent-color: var(--shadow-form-element-selection-color); --shadow-selection-checked-surface: var(--shadow-form-element-selection-color); --shadow-selection-swatch-color: var(--shadow-form-element-selection-color); --shadow-primary-surface: #ffffff; --shadow-primary-text-color: #000000; --shadow-secondary-surface: #f3f3f3; --shadow-secondary-text-color: #333333; --shadow-gift-thumbnail-size: 60px; --shadow-thumbnail-size: clamp(40px, var(--shadow-gift-thumbnail-size), 200px); --shadow-thumbnail-flex-direction: row; --shadow-thumbnail-order: -1; --shadow-thumbnail-margin-left: 0; --shadow-thumbnail-margin-right: 0.6em; --shadow-block-padding: var(--shadow-block-padding-block-start, var(--shadow-spacing-sm)) var(--shadow-block-padding-inline-end, var(--shadow-spacing-sm)) var(--shadow-block-padding-block-end, var(--shadow-spacing-sm)) var(--shadow-block-padding-inline-start, var(--shadow-spacing-sm));

font-family: var(--shadow-font-family); line-height: var(--shadow-line-height-base); letter-spacing: var(--shadow-letter-spacing); }

:host { /\* do not change the root text size */ --shadow-font-size: 16px;

/\* spacing */

--shadow-spacing-scale-base: 1; --shadow-spacing-scale-less: 0.75; --shadow-spacing-scale-more: 1.166; --shadow-spacing-scale: var(--shadow-spacing-scale-base, 1); --shadow-spacing-xs: clamp(6px, calc(8px * var(--shadow-spacing-scale)), 10px);

/\* inline block */ --shadow-block-margin-block-start: calc(1em * var(--shadow-spacing-scale)); --shadow-block-margin-block-end: calc(2em * var(--shadow-spacing-scale));

/\* default styles */ all: revert; box-sizing: border-box; cursor: default; display: block; font-size: var(--shadow-font-size); margin-block-start: var(--shadow-block-margin-start, var(--shadow-spacing-xs)) !important; margin-block-end: var(--shadow-block-margin-end, var(--shadow-spacing-xs)) !important; margin-inline-start: var(--shadow-block-margin-inline-start, 0) !important; margin-inline-end: var(--shadow-block-margin-inline-end, 0) !important; text-align: start; width: -webkit-fill-available; white-space: normal; }

:host([option-type="product"]) { --shadow-spacing-scale: var(--shadow-spacing-scale-base, 1); }

:host([option-type="product"]) wrapped-preset { --shadow-font-family: inherit; --shadow-header-font-family: inherit; --shadow-font-weight-base: 400; --shadow-letter-spacing: normal; --shadow-button-text-transform: none; --shadow-button-letter-spacing: normal; --shadow-button-font-style: normal; --shadow-launcher-button-font-weight: 400; --shadow-launcher-button-max-width: 500px; --shadow-launcher-button-alignment: center; --shadow-launcher-button-content-justify-content: space-between; --shadow-launcher-button-content-flex-direction: row-reverse; --shadow-grid-template-areas: var(--shadow-thumbnail-position-start);

/\* border radius */ --shadow-border-radius-scale: 6;

--shadow-block-border-surface: #000000; --shadow-border-width: 1px;

/\* buttons */ --shadow-hover-style: var(--shadow-hover-style-light, --shadow-hover-style-light);

--shadow-launcher-button-surface: #000000; --shadow-launcher-button-text-color: #ffffff; --shadow-launcher-button-border-surface: #00000000;

--shadow-launcher-button-border-surface--active: transparent; --shadow-launcher-button-border-surface--hover: transparent;

--shadow-primary-button-surface: #000000; --shadow-primary-button-text-color: #ffffff; --shadow-primary-button-border-surface: #00000000;

--shadow-primary-button-border-surface--active: transparent; --shadow-primary-button-border-surface--hover: transparent;

--shadow-secondary-button-surface: #0000000f; --shadow-secondary-button-text-color: #333333; --shadow-secondary-button-border-surface: #00000000;

--shadow-secondary-button-border-surface--active: transparent; --shadow-secondary-button-border-surface--hover: transparent;

/\* text and fonts */ --shadow-font-scale: calc(100 / 100);

/\* form elements */ --shadow-form-element-surface: #ffffff; --shadow-form-element-border-color: #000000; --shadow-form-element-text-color: #333333; --shadow-form-element-selection-color: rgba(0,0,0,0);

--shadow-selection-accent-color: auto; --shadow-selection-checked-surface: var(--shadow-primary-text-color); --shadow-selection-swatch-color: var(--shadow-form-element-border-color);

/\* primary colors */ --shadow-primary-surface: #ffffff; --shadow-primary-text-color: #000000;

/\* secondary colors */ --shadow-secondary-surface: #f3f3f3; --shadow-secondary-text-color: #333333;

/\* media */ --shadow-gift-thumbnail-size: 75px; --shadow-thumbnail-size: clamp(40px, var(--shadow-gift-thumbnail-size), 200px);

--shadow-thumbnail-flex-direction: row; --shadow-thumbnail-order: -1; --shadow-thumbnail-margin-left: 0; --shadow-thumbnail-margin-right: 0.6em; }

:host([option-type="order"]) { --shadow-spacing-scale: var(--shadow-spacing-scale-base, 1); }

:host([option-type="order"]) wrapped-preset { --shadow-font-family: inherit; --shadow-header-font-family: inherit; --shadow-font-weight-base: 400; --shadow-letter-spacing: normal; --shadow-button-text-transform: none; --shadow-button-letter-spacing: normal; --shadow-button-font-style: normal; --shadow-launcher-button-font-weight: 400; --shadow-launcher-button-max-width: 500px; --shadow-launcher-button-alignment: center; --shadow-launcher-button-content-justify-content: space-between; --shadow-launcher-button-content-flex-direction: row-reverse; --shadow-grid-template-areas: var(--shadow-thumbnail-position-start);

/\* border radius */ --shadow-border-radius-scale: 6;

--shadow-block-border-surface: #000000; --shadow-border-width: 1px;

/\* buttons */ --shadow-hover-style: var(--shadow-hover-style-light, --shadow-hover-style-light);

--shadow-launcher-button-surface: #000000; --shadow-launcher-button-text-color: #ffffff; --shadow-launcher-button-border-surface: #00000000;

--shadow-launcher-button-border-surface--active: transparent; --shadow-launcher-button-border-surface--hover: transparent;

--shadow-primary-button-surface: #000000; --shadow-primary-button-text-color: #ffffff; --shadow-primary-button-border-surface: #00000000;

--shadow-primary-button-border-surface--active: transparent; --shadow-primary-button-border-surface--hover: transparent;

--shadow-secondary-button-surface: #0000000f; --shadow-secondary-button-text-color: #333333; --shadow-secondary-button-border-surface: #00000000;

--shadow-secondary-button-border-surface--active: transparent; --shadow-secondary-button-border-surface--hover: transparent;

/\* text and fonts */ --shadow-font-scale: calc(100 / 100);

/\* primary colors */ --shadow-primary-surface: #ffffff; --shadow-primary-text-color: #000000;

/\* secondary colors */ --shadow-secondary-surface: #f3f3f3; --shadow-secondary-text-color: #333333;

/\* media */ --shadow-gift-thumbnail-size: 75px; --shadow-thumbnail-size: clamp(40px, var(--shadow-gift-thumbnail-size), 200px);

--shadow-thumbnail-flex-direction: row; --shadow-thumbnail-order: -1; --shadow-thumbnail-margin-left: 0; --shadow-thumbnail-margin-right: 0.6em; }

*, *::before, *::after { box-sizing: border-box; }

.gift-block__launcher .icon-wrapper svg, :host(wrapped-extension) gift-block-launcher [data-part="container"] label svg, :host(wrapped-extension) [feature="gift-option"] [data-part="container"] label svg, :host(wrapped-gift-block) gift-block-option-heading label svg { box-sizing: border-box; border: calc(var(--shadow-field-border-width) + 0.5px) solid; border-radius: max(0px, calc(min(0.20625em, var(--shadow-border-radius-sm)) + min(var(--shadow-border-radius-sm) * 1000, var(--shadow-field-border-width) - 1px))); height: calc(var(--shadow-font-size-base) * 0.7875 + 3.5 * var(--shadow-field-border-width) - 0.5px); overflow: visible; width: calc(var(--shadow-font-size-base) * 0.7875 + 3.5 * var(--shadow-field-border-width) - 0.5px); }

.gift-block__launcher .icon-wrapper svg, :host(wrapped-extension) gift-block-launcher [data-part="container"] label svg { height: calc(var(--shadow-block-launcher-font-size, var(--shadow-launcher-font-size, var(--shadow-font-size-base))) * 0.7875 + 3.5 * var(--shadow-field-border-width) - 0.5px); width: calc(var(--shadow-block-launcher-font-size, var(--shadow-launcher-font-size, var(--shadow-font-size-base))) * 0.7875 + 3.5 * var(--shadow-field-border-width) - 0.5px); }

.checkmark-icon { fill: none; stroke-linecap: var(--shadow-tick-cap, round); stroke-linejoin: var(--shadow-tick-join, round); stroke-width: 1.5px; }

gift-block-launcher:not([variant="inline"]) { display: flex; flex-direction: column; gap: var(--shadow-spacing-xs); align-items: var(--shadow-launcher-button-alignment);

& gift-block-visibility-notice { display: block; font-family: var(--shadow-font-family); font-size: smaller; font-weight: var(--shadow-font-weight-base); font-style: var(--shadow-button-font-style); letter-spacing: var(--shadow-button-letter-spacing); padding: 0 var(--shadow-block-padding-inline-end, var(--shadow-spacing-sm)) 0 var(--shadow-block-padding-inline-start, var(--shadow-spacing-sm)); text-transform: var(--shadow-button-text-transform); width: 100%; } }

.gift-block__launcher { background-color: var(--shadow-launcher-button-surface); border-color: var(--shadow-launcher-button-border-surface); border-width: var(--shadow-launcher-button-border-width, var(--shadow-border-width)); border-radius: var(--shadow-launcher-button-border-radius, var(--shadow-border-radius-sm)); border-style: solid; color: var(--shadow-launcher-button-text-color); padding: var(--shadow-block-padding); font-family: var(--shadow-font-family); font-size: var(--shadow-block-launcher-font-size, var(--shadow-launcher-font-size, var(--shadow-font-size-base))); font-weight: var(--shadow-launcher-button-font-weight); font-style: var(--shadow-button-font-style); letter-spacing: var(--shadow-button-letter-spacing); max-width: var(--shadow-block-launcher-button-max-width, var(--shadow-launcher-button-max-width)); text-transform: var(--shadow-button-text-transform); width: 100%;

&:hover { cursor: pointer; background-color: var(--shadow-launcher-button-surface--hover); border-color: var(--shadow-launcher-button-border-surface--hover); }

&:active { background-color: var(--shadow-launcher-button-surface--active); border-color: var(--shadow-launcher-button-border-surface--active); }

&:focus, &:focus-visible { outline: none; }

&[with-checkmark] { position: relative; display: inline-flex; align-items: center; gap: var(--shadow-spacing-fixed);

& .icon-wrapper { display: flex; flex-shrink: 0; }

&[with-gift-options] { .checkmark-icon { display: block; /\* animation: unblur calc(var(--shadow-transition-duration) * 3) ease forwards; */ } } }

&[variant="link"] { background: none; border: none; color: var(--shadow-primary-text-color); font-size: var(--shadow-block-launcher-font-size, var(--shadow-launcher-font-size, var(--shadow-font-size-base))); font-weight: var(--shadow-font-weight-base); font-style: var(--shadow-button-font-style); letter-spacing: var(--shadow-button-letter-spacing); text-transform: var(--shadow-button-text-transform); text-decoration: none; margin-inline-start: -0.25rem; padding: var(--shadow-block-padding-block-start, 0) var(--shadow-block-padding-inline-end, 0) var(--shadow-block-padding-block-end, 0) var(--shadow-block-padding-inline-start, 0); width: auto;

&:hover { cursor: pointer; color: var(--shadow-primary-text-color--hover); text-decoration: underline; }

&[with-checkmark] { padding-left: 0; text-align: start; word-break: keep-all; }

& .button-content { flex-direction: row; justify-content: flex-start; } }

& .button-content { display: inline-flex; align-items: center; gap: var(--shadow-spacing-fixed);

flex-direction: var(--shadow-launcher-button-content-flex-direction); justify-content: var(--shadow-launcher-button-content-justify-content); width: 100%;

& .label { text-align: start; } }

& .icon-wrapper { display: none; align-items: center; justify-content: center; min-height: 1.5em; min-width: 1.5em;

svg { border-color: currentColor; }

.checkmark-icon { display: none; stroke: currentColor; } } } .gift-block__launcher:disabled, .gift-block__launcher[gifting-locked], .gift-block__launcher[region-unavailable] { cursor: var(--shadow-disabled-cursor); opacity: var(--shadow-disabled-opacity); pointer-events: none;

&[with-checkmark] { .icon-wrapper { opacity: var(--shadow-disabled-opacity-md); } } }

[data-part="subscription-notice"] { box-sizing: border-box; display: block; font-family: var(--shadow-font-family); font-size: calc(var(--shadow-font-size-base) * 0.875); margin-top: 4px; opacity: 0.7; padding-bottom: 1em; text-align: center;

& a { color: inherit; cursor: pointer; pointer-events: auto; text-decoration: underline; } }

gift-block-launcher:not([variant="inline"]) > [data-part="subscription-notice"] { margin-top: calc(4px - var(--shadow-spacing-xs)); max-width: var(--shadow-block-launcher-button-max-width, var(--shadow-launcher-button-max-width)); width: 100%; }

:host(wrapped-extension) > [data-part="subscription-notice"] { opacity: 1; }

/\* gift block modal */ .gift-block-modal { background-color: var(--shadow-primary-surface); border: none; border-radius: var(--shadow-border-radius-base); box-shadow: 0 var(--shadow-shadow-offset) var(--shadow-shadow-blur) var(--shadow-shadow-color); outline: var(--shadow-border-width) solid var(--shadow-block-border-surface); padding: 0; } .gift-block-modal::backdrop { background-color: rgba(156, 163, 175, 0.75); } .gift-block-modal:focus, .gift-block-modal:focus-visible { outline: var(--shadow-border-width) solid var(--shadow-block-border-surface); } @media (max-width: 768px) { .gift-block-modal { max-height: calc(100% - var(--shadow-spacing-sm)); max-width: calc(100% - var(--shadow-spacing-sm)); overscroll-behavior: contain; } }

/\* gift block modal layout */ .gift-block-modal-layout { display: grid; grid-template-areas: var(--shadow-grid-template-areas); grid-template-columns: 1fr 1fr; grid-template-rows: auto 1fr auto; max-height: 80dvh; max-width: 80dvw; overflow: hidden; } /\* Collapse to 1-column layout if media is hidden */ .gift-block-modal-layout:has(section#media[hidden]), .gift-block-modal-layout:has(section#media.with-media-inline), .gift-block-modal-layout:not(:has(section#media)), .gift-block-modal-layout:not(:has(section#media img)) { grid-template-areas: "gift-dialog-header" "content" "gift-block-actions"; grid-template-columns: 1fr; grid-template-rows: auto 1fr auto;

section#media { display: none; } }

gift-dialog-header { align-items: flex-start; background-color: var(--shadow-primary-surface); display: flex; flex-direction: row; gap: var(--shadow-spacing-fixed); grid-area: gift-dialog-header; justify-content: space-between; padding: var(--shadow-spacing-lg); position: sticky; top: 0; z-index: 1;

& h1 { color: var(--shadow-primary-text-color); font-family: var(--shadow-header-font-family); font-size: var(--shadow-font-size-lg); font-weight: var(--shadow-font-weight-md); line-height: 1.25em; margin: 0; }

/\* dismiss button styles */ & button { background-color: color-mix(in srgb, var(--shadow-secondary-text-color) 8%, transparent); color: var(--shadow-secondary-text-color); border-radius: var(--shadow-border-radius-xs); font-size: var(--shadow-font-size-sm); font-weight: var(--shadow-font-weight-lg); font-style: var(--shadow-button-font-style); letter-spacing: var(--shadow-button-letter-spacing); text-transform: var(--shadow-button-text-transform); width: 2.25em; height: 2.25em; min-width: 2.25em; min-height: 2.25em; outline: none; border: 0; cursor: pointer; transition: background-color var(--shadow-transition-duration) ease, color var(--shadow-transition-duration) ease;

&:hover { background-color: color-mix(in srgb, var(--shadow-secondary-text-color) 6%, var(--shadow-hover-style) 12%); }

&:active { background-color: color-mix(in srgb, var(--shadow-secondary-text-color) 16%, var(--shadow-hover-style) 16%); }

&:disabled { pointer-events: none; opacity: var(--shadow-disabled-opacity); } } }

.gift-block-modal-layout gift-block-actions { background-color: var(--shadow-primary-surface); bottom: 0; grid-area: gift-block-actions; overscroll-behavior: contain; position: sticky; z-index: 1;

/\* the buttons live in the component's own shadow; only its layout knobs are ours */ --shadow-actions-gap: var(--shadow-spacing-sm); --shadow-actions-padding: var(--shadow-spacing-lg); }

gift-dialog-content { display: contents; }

section#media { align-self: stretch; background-color: var(--shadow-secondary-surface); grid-area: media; grid-row: 1 / 4; height: 100%; padding: var(--shadow-spacing-lg); position: sticky; top: 0; transition: order var(--shadow-transition-duration) ease, width var(--shadow-transition-duration) ease;

&.with-media-cover { & img { height: 100%; } }

&.with-media-fill { padding: 0;

& img { border-radius: 0; height: 100%; } }

& shopify-media { & img { border-radius: var(--shadow-border-radius-sm); width: 100%; height: auto; } }

@media (min-width: 769px) { &.with-media-cover, &.with-media-fill { contain: size; } } }

section#content { grid-area: content; background-color: var(--shadow-primary-surface);

overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; -webkit-overflow-scrolling: touch;

padding: var(--shadow-spacing-lg); padding-bottom: 0; padding-top: 0;

position: relative; /* important to prevent content shifting when changing variants */

align-items: stretch; display: flex; flex-direction: column; justify-content: flex-start; gap: var(--shadow-spacing-lg); transition: order var(--shadow-transition-duration) ease;

@media (max-width: 768px) { & > *:first-child:not(:only-child) { margin-top: unset; } }

& gift-block-option-heading { display: block;

& span[data-part="label"] { color: var(--shadow-primary-text-color); display: block; font-size: var(--shadow-font-size-base); font-weight: var(--shadow-font-weight-md, 500); line-height: 1.25em; } }

& .gift-option-group { display: flex; flex-direction: column; gap: var(--shadow-spacing-lg); }

/\* gift product details */ & .gift-product { display: flex; flex-direction: column; gap: var(--shadow-spacing-base); }

& .gift-product-header { align-items: center; display: flex; flex-direction: var(--shadow-thumbnail-flex-direction); flex-wrap: wrap; row-gap: var(--shadow-spacing-base); column-gap: var(--shadow-spacing-sm); }

& .gift-product-content { display: flex; flex: 1 1 50%; flex-direction: column; gap: var(--shadow-spacing-xs); }

& .gift-product-media { display: flex; align-items: center;

&:has(shopify-media) { --shadow-inline-media-max-size: var(--shadow-gift-thumbnail-size); --shadow-inline-media-size: clamp(40px, var(--shadow-gift-thumbnail-size), var(--shadow-inline-media-max-size));

border-radius: var(--shadow-border-radius-sm);

height: var(--shadow-inline-media-size); width: var(--shadow-inline-media-size);

overflow: hidden;

margin-inline-start: auto; margin-inline-end: auto; }

& shopify-media { & img { border-radius: var(--shadow-border-radius-sm); width: 100%; height: auto; } } }

& .gift-product-title { color: var(--shadow-primary-text-color); display: var(--shadow-gift-product-title-display, block); font-size: var(--shadow-font-size-base); font-weight: var(--shadow-font-weight-md); margin: 0; } & .gift-product-pricing { display: flex; gap: var(--shadow-spacing-xs); margin: 0; font-weight: var(--shadow-font-weight-base); font-size: clamp(12px, calc(var(--shadow-font-size-base) * 0.94), 18px); line-height: 1em; } & .gift-product-price { color: var(--shadow-secondary-text-color); } & .gift-product-price--compare { color: var(--shadow-secondary-text-color); text-decoration: line-through; opacity: var(--shadow-disabled-opacity); } & .gift-product-description { font-weight: var(--shadow-font-weight-base); color: var(--shadow-secondary-text-color); font-size: clamp(12px, calc(var(--shadow-font-size-base) * 0.94), 18px); line-height: 1.5em;

& shopify-data { & :first-child { margin-top: 0; }

& :last-child { margin-bottom: 0; }

& ul { padding-left: var(--shadow-spacing-lg); } } } }

:host(wrapped-gift-block) gift-block-option-heading label { align-items: center; cursor: pointer; display: flex; gap: var(--shadow-spacing-sm); }

:host(wrapped-gift-block[gift-option-optional]) section#content .gift-option-group { border-radius: var(--shadow-border-radius-sm); position: relative; }

:host(wrapped-gift-block[gift-option-optional]:not([gift-option-included])) section#content .gift-option-group { pointer-events: none; }

:host(wrapped-gift-block[gift-option-optional]:not([gift-option-included])) section#content .gift-option-group::after { background-color: color-mix(in srgb, var(--shadow-primary-surface) 62%, transparent); border-radius: inherit; content: ''; inset: calc(var(--shadow-spacing-sm) * -1); position: absolute; }

/\* shopify variant selector */

:host(wrapped-extension) gift-variant-selector { --shadow-picker-padding: var(--shadow-block-padding-block-start, var(--shadow-spacing-sm)) var(--shadow-block-padding-inline-end, var(--shadow-spacing-base)) var(--shadow-block-padding-block-end, var(--shadow-spacing-sm)) var(--shadow-block-padding-inline-start, var(--shadow-spacing-base)); --shadow-picker-rows-padding: var(--shadow-block-padding); }

:host(wrapped-extension[saving="true"]) gift-variant-selector { --shadow-picker-opacity: 0.7; --shadow-picker-pointer-events: none; }

:host(wrapped-gift-block[gift-option-optional]:not([gift-option-included])) gift-variant-selector { --shadow-picker-selection-color: var(--shadow-form-element-border-color); --shadow-picker-selection-width: var(--shadow-field-border-width); --shadow-picker-swatch-selection-color: rgba(0, 0, 0, .1); }

:host(wrapped-extension[gift-option-optional="true"]:not([gift-option-included])) gift-variant-selector, :host(wrapped-gift-block[gift-option-optional="true"]:not([gift-option-included])) gift-variant-selector { --shadow-picker-card-accent: color-mix(in srgb, var(--shadow-form-element-border-color) 25%, transparent); --shadow-picker-card-opacity: 0.8; --shadow-picker-card-ring: transparent; --shadow-picker-radio-appearance: none; --shadow-picker-radio-border: var(--shadow-field-border-width) solid var(--shadow-form-element-border-color); --shadow-picker-radio-surface: var(--shadow-form-element-surface); --shadow-picker-row-shadow: none; --shadow-picker-row-surface: initial; }

wrapped-message-field { gap: var(--shadow-spacing-xs);

& label { color: var(--shadow-secondary-text-color); font-size: var(--shadow-font-size-sm); font-weight: var(--shadow-font-weight-base); line-height: 1em; }

& :is(input, textarea) { background-color: var(--shadow-form-element-surface); border: none; border-radius: var(--shadow-border-radius-sm); color: var(--shadow-form-element-text-color); font-family: var(--shadow-font-family); font-size: var(--shadow-font-size-base); margin: 0; min-height: 42px; outline: var(--shadow-field-border-width) solid var(--shadow-form-element-border-color); padding: var(--shadow-spacing-sm); width: 100%; }

& :is(input, textarea):is(:active, :focus, :focus-visible) { outline-color: var(--shadow-form-element-selection-color); outline-width: var(--shadow-outline-width); }

& :is(input, textarea)::placeholder { color: var(--shadow-form-element-placeholder-text-color); }

& textarea { min-height: 100px; resize: vertical; }

& span.counter { align-self: flex-end; color: var(--shadow-secondary-text-color); font-size: var(--shadow-font-size-sm); line-height: normal; } }

wrapped-message-field[disabled] { cursor: var(--shadow-disabled-cursor); opacity: var(--shadow-disabled-opacity-md); pointer-events: none; transition: background-color var(--shadow-transition-duration) ease, color var(--shadow-transition-duration) ease;

& :is(input, textarea) { background-color: var(--shadow-form-element-surface--disabled); color: transparent; outline-color: var(--shadow-form-element-border-color--disabled); } }

:host(wrapped-extension) { display: flex; flex-direction: column !important; height: fit-content !important; margin-block-start: var(--shadow-block-margin-start, var(--shadow-block-margin-block-start)) !important; margin-block-end: var(--shadow-block-margin-end, var(--shadow-block-margin-block-end)) !important; min-width: unset !important; max-width: 640px !important; padding: unset !important; width: unset !important; }

:host(wrapped-extension) wrapped-preset { background-color: var(--shadow-primary-surface); border: var(--shadow-border-width) solid var(--shadow-block-border-surface); border-radius: var(--shadow-border-radius-sm); color: var(--shadow-primary-text-color); display: flex; flex-direction: column; font-size: var(--shadow-font-size-base); overflow: hidden; }

:host(wrapped-extension[option-type="order"]) { margin-left: var(--shadow-block-margin-inline-start, auto) !important; margin-right: var(--shadow-block-margin-inline-end, 0) !important; width: -moz-available !important; width: -webkit-fill-available !important; width: stretch !important; }

:host(wrapped-extension[target-group="drawer"]) { width: -moz-available !important; width: -webkit-fill-available !important; width: stretch !important; }

:host(wrapped-extension[target-group="drawer"][option-type="order"]) { max-width: unset !important; margin-left: var(--shadow-block-margin-inline-start, 0) !important; margin-right: var(--shadow-block-margin-inline-end, 0) !important; margin-block-end: var(--shadow-block-margin-end, calc(var(--shadow-block-margin-block-end) * 0.5)) !important; }

wrapped-advanced-mode, wrapped-basic-mode { display: contents; }

:host(wrapped-gift-block) wrapped-preset { display: contents; }

:host(wrapped-extension) [data-part="feature"], :host(wrapped-extension) gift-block-launcher { overflow: hidden !important;

& [data-part="container"] { display: flex; flex-direction: column; row-gap: 0.25em;

& label { align-items: center !important; column-gap: var(--shadow-spacing-sm) !important; cursor: pointer !important; display: flex; line-height: normal !important; margin: 0 !important; pointer-events: auto !important; text-align: left !important; text-transform: unset !important; } } }

:host(wrapped-extension) [data-part="feature"] { background-color: var(--shadow-secondary-surface); }

:host(wrapped-extension) [data-part="feature"]:is([feature="variant"], [feature="gift-option"]) { display: block; }

:host(wrapped-extension) [data-part="feature"][enabled="false"] { display: none; opacity: 0; visibility: hidden; }

:host(wrapped-extension) [data-part="disclosure"] { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.25s cubic-bezier(0.42, 0, 0.58, 1); }

:host(wrapped-extension) [data-part="disclosure-content"] { display: flex; flex-direction: column; min-height: 0; opacity: 0; overflow: hidden; visibility: hidden; transition: opacity 0.25s, visibility 0.25s; }

:host(wrapped-extension[expanded="true"]) gift-block-launcher:has(~ [data-part="disclosure"] [data-part="feature"][enabled="true"]:not([singular="true"])) { border-bottom: var(--shadow-border-width) solid var(--shadow-block-border-surface); }

:host(wrapped-extension[expanded="true"]) [data-part="disclosure"], :host(wrapped-extension[hidden-checkbox="true"]) [data-part="disclosure"] { grid-template-rows: 1fr; }

:host(wrapped-extension[expanded="true"]) [data-part="disclosure-content"], :host(wrapped-extension[hidden-checkbox="true"]) [data-part="disclosure-content"] { opacity: 1; visibility: visible; }

:host(wrapped-extension[hidden-checkbox="true"]) gift-block-launcher { display: none; opacity: 0; visibility: hidden; }

:host(wrapped-extension[limited="true"]), :host(wrapped-extension[region-unavailable="true"]) { cursor: none !important; pointer-events: none !important; opacity: 0.6 !important;

& [data-part="container"] { & label { pointer-events: none !important; } } }

:host(wrapped-extension[saving="true"]) { & [data-part="container"] { & label { pointer-events: none !important;

& svg, input[type="radio"], span { opacity: 0.7 !important; transition: opacity 300ms cubic-bezier(0.25, 0.1, 0.25, 1); } }

& select { pointer-events: none !important; opacity: 0.7 !important; }

& button { pointer-events: none; opacity: 0.7; transition: opacity 300ms cubic-bezier(0.25, 0.1, 0.25, 1); } } }

:host(wrapped-extension) gift-block-launcher [data-part="container"] { padding: var(--shadow-block-padding);

& label { padding: 0 !important;

& span { &[data-part="label"] { border: unset !important; flex-grow: 1; font-size: var(--shadow-block-launcher-font-size, var(--shadow-launcher-font-size, var(--shadow-font-size-base))); padding: unset !important; }

&[data-part="pricing"] { align-content: center; font-size: var(--shadow-font-size-sm); white-space: nowrap; }

&[data-part="thumbnail"] { background-color: var(--shadow-form-element-surface); background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: var(--shadow-border-radius-sm); min-height: var(--shadow-thumbnail-size); max-height: var(--shadow-thumbnail-size); min-width: var(--shadow-thumbnail-size); max-width: var(--shadow-thumbnail-size); height: 100%; width: 100%; display: inline-block; overflow: hidden; vertical-align: middle; order: var(--shadow-thumbnail-order);

margin-right: var(--shadow-thumbnail-margin-right); margin-left: var(--shadow-thumbnail-margin-left); } } }

}

:host(wrapped-extension) [feature="gift-option"] [data-part="container"] { padding: var(--shadow-block-padding);

& label { align-items: center; cursor: pointer; display: flex; gap: var(--shadow-spacing-sm); }

:host(wrapped-extension) gift-block-launcher [data-part="container"] label, :host(wrapped-extension) [feature="gift-option"] [data-part="container"] label, :host(wrapped-gift-block) gift-block-option-heading label { position: relative;

& input[type="checkbox"] { height: 1px; margin: 0; opacity: 0; pointer-events: none; position: absolute; width: 1px; }

& svg { background: var(--shadow-form-element-surface); border-color: var(--shadow-form-element-border-color); cursor: pointer; flex: 0 0 auto;

& .checkmark-icon { display: none; } }

& input:checked + svg { background: var(--shadow-selection-checked-surface); border-color: var(--shadow-selection-checked-surface);

& .checkmark-icon { display: block; stroke: white; } }

& input:focus-visible + svg { outline: var(--shadow-outline-width) solid var(--shadow-form-element-selection-color); outline-offset: var(--shadow-field-border-width); } }

:host(wrapped-extension[hidden-checkbox="false"][gift-option-optional="false"]) [feature="variant"][enabled="true"][singular="true"] { display: none; }

:host(wrapped-extension[gift-option-optional="true"]) .gift-option-group { transition: opacity 0.25s cubic-bezier(0.42, 0, 0.58, 1); }

:host(wrapped-extension[gift-option-optional="true"]:not([gift-option-included])) .gift-option-group { opacity: 0.5; pointer-events: none; }

:host(wrapped-extension[gift-option-optional="true"]) [feature="variant"][singular="true"] gift-variant-selector { --shadow-picker-list-overflow: auto; }

:host(wrapped-extension) gift-block-message { --shadow-message-gap: var(--shadow-spacing-sm); --shadow-message-padding: var(--shadow-block-padding); --shadow-message-input-flex: 1 1 40%;

& wrapped-message-field {

& label { color: var(--shadow-primary-text-color); }

& textarea { min-height: var(--shadow-textarea-min-height); } } }

:host(wrapped-extension) gift-block-actions { --shadow-actions-gap: var(--shadow-spacing-xs); --shadow-actions-padding: var(--shadow-block-padding); }

/\* media queries */ /\* md - and above */ @media (min-width: 768px) { wrapped-preset { --shadow-section-max-width: 420px; }

gift-dialog-content > section { min-width: var(--shadow-section-max-width); max-width: var(--shadow-section-max-width); }

gift-dialog-header, .gift-block-modal-layout gift-block-actions { min-width: var(--shadow-section-max-width); max-width: var(--shadow-section-max-width); } }

/\* md - and below */ @media (max-width: 768px) { wrapped-preset { --shadow-section-max-width: 390px; }

gift-dialog-content > section { min-width: var(--shadow-section-max-width); max-width: var(--shadow-section-max-width); }

gift-dialog-header, .gift-block-modal-layout gift-block-actions { min-width: var(--shadow-section-max-width); max-width: var(--shadow-section-max-width); }

gift-dialog-header { padding: var(--shadow-spacing-base); }

.gift-block-modal-layout gift-block-actions { --shadow-actions-padding: var(--shadow-spacing-base); }

.gift-block-modal-layout { grid-template-areas: "gift-dialog-header" "media" "content" "gift-block-actions"; grid-template-columns: 1fr; grid-template-rows: auto auto 1fr auto; max-height: calc(100dvh - var(--shadow-spacing-base)); max-width: 100dvw; }

gift-dialog-content { display: grid; grid-template-areas: "media" "content"; grid-template-columns: 1fr; grid-template-rows: auto 1fr; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; -webkit-overflow-scrolling: touch; }

section#media { background: none; grid-row: auto; position: relative; padding: 0;

& shopify-media { & img { border-radius: unset; min-height: var(--shadow-section-max-width); max-height: var(--shadow-section-max-width); } } }

section#content { overflow-y: unset; padding: var(--shadow-spacing-base);

&.with-media-inline { padding-top: 0; }

& .gift-product-media { &:has(shopify-media) { --shadow-inline-media-max-size: 330px; } } } }

/\* sm - and below */ @media (max-width: 480px) { wrapped-preset { --shadow-section-max-width: 100%; }

section#media { & shopify-media { & img { border-radius: unset; min-height: 350px; max-height: 350px; } } } }

@keyframes unblur { from { filter: blur(2px); } to { filter: blur(0px); } }

Skip to content

Free Shipping Over $85 (U.S. 48 Continental States)

Cookie policy

I agree to the processing of my data in accordance with the conditions set out in the policy of Privacy.

AcceptDecline

Your cart is empty

Start shopping

Add order noteSave

\ \ \ \ \ \

Go to slide 1Go to slide 2Go to slide 3

Organic Cotton Baby Clothes & Gifts by Viverano

• Soft, breathable comfort

Organic cotton brings natural softness and everyday comfort to little wardrobes.

• Whimsical by design

Playful animals, charming details, and timeless styles to make every day a little brighter.

• Thoughtfully made in India

Crafted by skilled artisans, with care in every knit, stitch, and finishing touch.

Quick view

Quick viewQuick view

Bear Knit Baby Pullover & Pant Set (Organic Cotton)

Sale price$76.00

No reviews

1 color available

Quick view

Quick viewQuick view

Bear Fair Isle Knit Baby Overall Set (Organic Cotton)

Sale price$56.00

No reviews

1 color available

Quick view

Quick viewQuick view

Cozy Bear Applique Knit Baby Cardigan & Pant Set (Organic Cotton)

Sale price$76.00

No reviews

1 color available

Quick view

Quick viewQuick view

Bear Pocket Knit Baby Overall Set (Organic Cotton)

Sale price$56.00

No reviews

1 color available

Shop FW 2026 Organic Baby Sweaters

Quick view

Quick viewQuick view

Dino Baby Footie (Organic Jersey)

Sale price$44.00

No reviews

1 color available

Quick view

Quick viewQuick view

Dino Classic Baby Jumpsuit (Organic Jersey)

Sale price$44.00

No reviews

1 color available

Quick view

Quick viewQuick view

Dino Baby Tee & Jogger (Organic Jersey)

Sale price$52.00

No reviews

1 color available

Quick view

Quick viewQuick view

Colorful Checks Ruffle Baby Zip Jumpsuit (Organic Jersey)

Sale price$44.00

No reviews

1 color available

Shop FW 2026 Organic Baby Jersey Collection

Quick view

Quick viewQuick view

Beatrice Floral Baby Dress & Bloomer Set (Organic Cotton)

Sale price$52.00

No reviews

1 color available

Quick view

Quick viewQuick view

Beatrice Floral Baby Jumpsuit & Headband (Organic Cotton)

Sale price$52.00

No reviews

1 color available

Quick view

Quick viewQuick view

Colette Embroidered Baby Dress & Bloomer Set (Organic Cotton)

Sale price$52.00

No reviews

1 color available

Quick view

Quick viewQuick view

Cordelia Corduroy Baby Dress & Bloomer Set (Organic Cotton)

Sale price$56.00

No reviews

1 color available

Shop FW 2026 Organic Woven Baby Clothes

Quick view

Quick viewQuick view

Animal Safari Embroidered Organic Baby Cardigan Sweater - 3 Colors

Sale price$52.00

24 reviews

3 colors available

Quick view

Quick viewQuick view

Owl Baby Button Cardigan Sweater (Organic Cotton)

Sale price$48.00

No reviews

1 color available

Quick view

Quick viewQuick view

Giraffe Garden Embroidered Knit Baby Pullover Sweater (Organic Cotton)

Sale price$48.00

No reviews

1 color available

Quick view

Quick viewQuick view

Moose Applique Raglan Baby Pullover Sweater (Organic Cotton)

Sale price$30.00Regular price$48.00

No reviews

1 color available

Shop Whimsical Baby Sweaters

Quick view

Quick viewQuick view

Milan Organic Knit Baby Button Cardigan Sweater - 6 Colors

Sale price$48.00

No reviews

6 colors available

Quick view

Quick viewQuick view

Milan Knit Baby Pocket Pants (Organic Cotton) - 6 Colors

Sale price$28.00

No reviews

6 colors available

Quick view

Quick viewQuick view

Milan Knit Baby Textured Tutu Dress (Organic Cotton)

Sale price$56.00

No reviews

Quick view

Quick viewQuick view

Milan Knit Baby Ruffle & Bobble Pullover Sweater (Organic Cotton)

Sale price$48.00

No reviews

Shop Milan Pastel Organic Baby Sweaters

The Viverano Experience, Told by You

from 339 reviews

These are my favorite pants ever! So beautiful and well made

These are my favorite pants ever! So beautiful and well made.

Catherine

10/22/2026

Great quality sweater - happy with the purchase

Great quality sweater - happy with the purchase.

Anonymous

10/14/2026

Adorable! Thank you ❤️

Melanie

09/27/2026

Cozy and cute

it is small and we have to size up. But it is cozy and cute

Anonymous

09/26/2026

Cute and soft

Super cute and soft

Anonymous

09/26/2026

The outfit is true to size and looks adorable on my son

The outfit is true to size and looks adorable on my son.

Anonymous

09/25/2026

This brand is so adorable

This brand is so adorable, all their clothes is so soft and sweet!! I highly recommend it!!

Laura Varela

09/21/2026

Didn’t use but nice to

Didn’t use but nice to have

Anonymous

09/18/2026

Cute designs

Cute designs, lovely material and fast delivery

Anonymous

09/18/2026

So adorable and

So adorable and soft

Anonymous

09/18/2026

Soft and thick fabric, classic versatile style

Soft and thick fabric, classic versatile style.

Keira

09/16/2026

🥰

Dilek Kosem

09/04/2026

Beautiful fabric and washes great

Beautiful fabric and washes great. My go to for Sunday mass.

Patricia Brackenbury

09/01/2026

Soft and adorable!!

Love this!

Nataliya Griggs

08/22/2026

adorable

great quality , the baby loved it ! so did the mother

Anonymous

08/21/2026

\ \ Baby Cardigans + Dresses\ \ Shop Now](/content/collections/last-chance-baby-dresses/index.html) \ \ Baby Coveralls & Jumpsuits\ \ Shop Now](/content/collections/last-chance-baby-coveralls/index.html) \ \ Baby Rompers\ \ Shop Now](/content/collections/last-chance-baby-rompers/index.html) \ \ Baby Tops & Bottoms\ \ Shop Now](/content/collections/last-chance-tee-shirts-pants/index.html) \ \ Baby Blankets & Accessories\ \ Shop Now](/content/collections/last-chance-baby-accessories/index.html)

PreviousNext

Follow the Journey: Instagram @ViveranoOrganics

The Viverano Experience, Told by You

from 339 reviews

These are my favorite pants ever! So beautiful and well made

These are my favorite pants ever! So beautiful and well made.

Catherine

10/22/2026

Great quality sweater - happy with the purchase

Great quality sweater - happy with the purchase.

Anonymous

10/14/2026

Adorable! Thank you ❤️

Melanie

09/27/2026

Cozy and cute

it is small and we have to size up. But it is cozy and cute

Anonymous

09/26/2026

Cute and soft

Super cute and soft

Anonymous

09/26/2026

The outfit is true to size and looks adorable on my son

The outfit is true to size and looks adorable on my son.

Anonymous

09/25/2026

This brand is so adorable

This brand is so adorable, all their clothes is so soft and sweet!! I highly recommend it!!

Laura Varela

09/21/2026

Didn’t use but nice to

Didn’t use but nice to have

Anonymous

09/18/2026

Cute designs

Cute designs, lovely material and fast delivery

Anonymous

09/18/2026

So adorable and

So adorable and soft

Anonymous

09/18/2026

Soft and thick fabric, classic versatile style

Soft and thick fabric, classic versatile style.

Keira

09/16/2026

🥰

Dilek Kosem

09/04/2026

Beautiful fabric and washes great

Beautiful fabric and washes great. My go to for Sunday mass.

Patricia Brackenbury

09/01/2026

Soft and adorable!!

Love this!

Nataliya Griggs

08/22/2026

adorable

great quality , the baby loved it ! so did the mother

Anonymous

08/21/2026

Organic Cotton Softness

Made with organic cotton —

soft for baby, kind to earth

Ethically Made

Fair & sustainable production

Free Shipping

Free standard shipping on orders $85+

(U.S. 48 States)

Customer Support

Mon–Fri, 9AM–4PM PST

+1 (702) 202-3001

Connect@Viverano.com

Go to slide 1Go to slide 2Go to slide 3Go to slide 4

• NEW

• Winter-Themed Baby Clothes

  • Fall / Winter 2026 Organic Baby Sweaters
  • Fall / Winter 2026 Como Organic Woven Baby Clothes
  • Fall/ Winter 2026 Como Toddler Collection (2-6 Years)
  • Fall / Winter 2026 Organic Baby Jersey
  • Fall / Winter 2026 New Baby Blankets
  • Special Organic Baby Outfit Bundles

• Baby

• Organic Sweater Knit

• Coveralls & Jumpsuits

  • Rompers
  • Dresses
  • Cardigans
  • Pullovers & Jackets
  • Top & Bottom Outfit Sets
  • Overall Sets
  • Bottoms
  • Hats, Booties & Headbands
  • Sleep Gowns

• Organic Jersey & Muslin

• Coveralls & Jumpsuits

  • Footies
  • Long Sleeve Dresses
  • Short Sleeve Dresses
  • Rompers
  • Top & Bottom Sets
  • Robes & Hooded Towels
  • Bottoms
  • Hats & Booties
  • Headbands
  • Sleep Gowns

• Organic Woven

• Dresses

  • Romper
  • Top & Bottom Set
  • Coverall Jumpsuit
  • Accessories

• Baby Bathrobes & Hooded Towels

• Toddler

• Adult

• Ponchos & Travel Wraps

  • Bathrobes & Throws

• Blankets & Gifts

• Baby Blankets

• Baby Sweater Knit Blankets (Solid Color)

  • Baby Jacquard Knit Blankets
  • Baby Jersey Knit Blankets
  • Baby Swaddle Muslin Blankets
  • Baby Quilt Blanket

• Adult Blankets and Throws

  • Baby Blanket & Lovey Gift Sets

• Loveys & Toys

• Organic Baby Loveys

• Baby Loveys (Organic Sweater Knit)

  • Baby Loveys (Organic Sherpa Knit)

• Organic Baby Stuffed Animals

  • Organic Baby Rattle Toys

• Shop By

• Collections

• Fall / Winter 2026 Organic Baby Sweaters

  • Fall / Winter 2026 Organic Baby Jersey
  • Fall 26 Como Organic Woven Baby Clothes
  • Fall 26 Como Toddler Collection (2-6 Years)
  • Customer Favorites
  • Special Baby Outfit Bundles
  • Organic Baby Shower Gifts
  • Milan Pastel Organic Knit
  • Wordy (Organic Sweater Knits)

• Themes (Baby)

• Winter

  • Ski
  • Bear
  • Fox
  • Horse
  • Hearts & Love
  • Fruits & Veggies
  • Nautical, Whales, Ocean & Boat
  • Dogs
  • Bunnies
  • Animals & Farm
  • Floral
  • Dinosaur & Safari Animals
  • Elephants
  • Bows
  • Checks, Stripes, Dots & Stars
  • Cars, Airplanes, Space & Robots
  • Leopard Animal

• Customer Favorites

• Last Call

• Baby Clothes

• Last Chance - Baby Coveralls

  • Last Chance - Baby Rompers
  • Last Chance - Baby Dresses
  • Last Chance - Baby Cardigans & Pullovers
  • Last Chance - Baby Bottoms & Outfit Sets
  • Last Chance - Baby Blankets & Accessories

• Adult Clothes

• Last Chance - Adult Clothes

OR

Email

Email me with news and offers

Sign in with Shop

Log in with Shop

Shop

Sign in with Shop

By continuing, Shop will share your email, name, and avatar with Viverano Organics. See their terms and privacy policy.

Login

www.viverano.com

www.viverano.com is blocked

This page has been blocked by an extension

• Try disabling your extensions.

ERR_BLOCKED_BY_CLIENT

Reload

This page has been blocked by an extension

www.viverano.com

www.viverano.com is blocked

This page has been blocked by an extension

• Try disabling your extensions.

ERR_BLOCKED_BY_CLIENT

Reload

This page has been blocked by an extension

www.viverano.com

www.viverano.com is blocked

This page has been blocked by an extension

• Try disabling your extensions.

ERR_BLOCKED_BY_CLIENT

Reload

This page has been blocked by an extension

shop.app

shop.app is blocked

This page has been blocked by an extension

• Try disabling your extensions.

ERR_BLOCKED_BY_CLIENT

Reload

This page has been blocked by an extension

Judge.me

✕

viveranoorganics

Cozy season is here! 🍂

Discover our new Fall/Winter Organic Baby Sweater Collection—beautifully soft, irresistibly cozy, and made for little moments of joy. Perfect for everyday cuddles and thoughtful gifting.

Shop new arrivals at Viverano.com ✨ . . . .

#Viverano #OrganicBabyClothes #BabySweaters #CozyBabyStyle #BabyGiftIdeas

October 18

✕

viveranoorganics

A little woodland magic for fall. Meet our Woodland Animals Knit Organic Cotton Baby Pullover — a cozy fall favorite made for little adventures, warm cuddles & everything in between. \* Sweet woodland embroidery \* GOTS-certified organic cotton \* Soft, cozy & comfy \* A darling unisex style \* Heirloom quality, made to love & pass along \* Thoughtfully made in India A beautiful fall baby gift — and one of those special little sweaters you’ll want to keep long after they’ve outgrown it. Happy Baby, Happy Earth.

Woodland Animals Knit Organic Baby Pullover / 262113 Pocket Sweater Knit Organic Baby Legging Pants / 262204 . . . . .

#OrganicBabyClothes #OrganicBabyGift #BabySweater #FallBabyStyle #GenderNeutralBaby

September 9

✕

viveranoorganics

A new chapter begins.

Introducing Viverano Como—our first collection created for girls ages 2–6.

Inspired by the timeless elegance of Lake Como, these thoughtfully detailed dresses bring together soft organic cotton, natural linen, delicate embroidery, and graceful silhouettes made for every little adventure.

Perfect for Back to School, special outings, family photographs, and all the beautiful everyday moments in between.

Select styles are also available for Sister + Little Sister—because some moments are even sweeter when shared.

Discover the Viverano Como Collection. Available now. . . . . . .

#BackToSchool #KidsClothing #OrganicCotton #ToddlerStyle #GirlsDresses

August 17

✕

viveranoorganics

Mid-August Update from Viverano ✨ So much is happening behind the scenes at Viverano! Here’s a little update on what we’ve been up to lately: ✨ We made the Inc. 5000 list again!
Viverano has officially been named to the 2026 Inc. 5000 — and we couldn’t be more grateful. Thank you for growing with us!

✨We’re growing — literally!
We’ve purchased an additional warehouse, and renovations are officially underway. More space for all the exciting things ahead!

✨ Fall/Winter has arrived!
Our Fall/Winter shipments are here, and we’re busy sending them out to our wonderful boutique partners. So. Many. Cute. Styles.

✨First Fall photoshoot: DONE!
And everything is looking sooo cute. We can’t wait to share the new images with you soon!

✨Hello, toddler sizes(2-6 Years)
Meet our newly launched Como Toddler Dress Collection — 11 beautiful styles available in toddler sizing. And yes… you can coordinate baby sister + big sister looks!

✨ And something for the grown-ups, too!
We’re now offering adult sweaters that coordinate with our baby sweaters. Matching baby + mama? How cute is that?!

There’s so much more to come. Follow along and stay in touch — we can’t wait to share what’s next! . . . .

#Viverano #OrganicBabyClothes #OrganicKidsClothing #MatchingOutfits #MommyAndMe

✨We’re growing — literally!
We’ve purchased an additional warehouse, and renovations are officially underway. More space for all the exciting things ahead!

NEW HVAC has been installed in the new warehouse today!

✨ Fall/Winter has arrived!
Our Fall/Winter shipments are here, and we’re busy sending them out to our wonderful boutique partners. So. Many. Cute. Styles.

✨First Fall photoshoot: DONE!
And everything is looking sooo cute. We can’t wait to share the new images with you soon!

✨ And something for the grown-ups, too!
We’re now offering adult sweaters that coordinate with our baby sweaters. Matching baby + mama? How cute is that?!

FW26 new organic baby sweaters - in stores and online soon!

August 14

✕

viveranoorganics

Little days are made for simple joys. Inspired by the charm of countryside living, our Farm House Baby Sweater Knit Tunic Dress (SKU 271068) is thoughtfully crafted from soft, breathable organic cotton for all-day comfort. Timeless details, gentle on delicate skin, and made to be treasured through every tiny adventure.

Designed in the USA. Ethically made in India. Happy Baby. Happy Earth. . . . . . #OrganicBabyClothes #OrganicCotton #CuteBabyStyles #babygirloutfit #BabyOOTD

July 31

✕

viveranoorganics

Summer isn’t over just yet. ✈️☀️🌊

There’s still time for one more beach day, one more family getaway, and one more little adventure. Whether it’s chasing waves or dreaming of faraway skies, our Airplane and Beach organic knit rompers are made for carefree moments and tiny explorers.

Crafted from breathable organic cotton that’s gentle on delicate skin, because every summer memory should begin in comfort.

Happy Baby. Happy Earth.

Airplane Stripe Embroidered Organic Baby Knit Romper Set / SKU 271002

Beach Embroidered Organic Baby Knit Romper / SKU 271010 . . .

#OrganicBaby #Babyclothes #BabyOOTD#cutebabyoutfits #organicbabyoutfit

July 24

✕

viveranoorganics

Soft blush, sunshine, and the sweetest little moments.

Our Nyla Pointelle Knit Tank & Shorts Set is crafted from breathable organic cotton with a delicate textured knit that’s gentle on sensitive skin. Thoughtfully made in small batches in India for easy summer days.

Nyla Textured Knit Baby Tank & Shorts Set (Organic Cotton) SKU 271076

. . . . . .

#organicbaby #babyoutfitoftheday #OrganicBabyClothes #babyootd #cutebabyclothes

July 11

✕

viveranoorganics

Whimsical florals and thoughtful craftsmanship. Made from organic cotton in small batches and ethically crafted in India, this timeless woven dress is designed for little moments that last.

Jamie Blue Floral Baby Girl Dress + Bloomer (Organic) SKU 272018

. . . . . #babygirloutfit #cutebabyoutfits #organicbabyclothes #BabyOOTD #BabyGirlStyle

July 9

✕

viveranoorganics

🇺🇸 Happy Birthday, America.

Today, we celebrate freedom, family, and the simple little moments that make summer feel so special — bare feet, sunshine, tiny hands, sweet laughter, and memories made together.

At Viverano Organics, we’re honored to be part of the everyday moments families hold close — soft organic pieces made with care, comfort, and love for little ones.

Wishing you a beautiful 4th of July filled with joy, togetherness, and moments worth remembering.

#HappyFourthOfJuly #OrganicBaby #OrganicCotton #LittleMoments #ThoughtfullyMade

July 4

✕

viveranoorganics

🇺🇸 As the 4th of July weekend begins...

There's something special about summer gatherings, little adventures, and the moments shared with the ones we love most.

Celebrate with 20% off sitewide using code JULY4, valid July 2–5.

Wishing you a joyful Independence Day weekend filled with comfort, connection, and little moments worth remembering.

#OrganicBaby #OrganicCotton #FourthOfJuly #ThoughtfullyMade #BabyClothes

July 2

✕

viveranoorganics

Summer days call for soft, breathable comfort. Our Emily Organic Pointelle Shirt & Shorts Set is crafted from 100% organic cotton with an airy pointelle knit that’s gentle on sensitive skin and perfect for keeping little ones cool through every cuddle and adventure. Emily Organic Pointelle Baby Sweater Shirt & Shorts Set / SKU 271069 . . . . .

#babygirloutfit #cutebabyoutfits #BabyEssentials #organicbabyclothes #organicbabyoutfit

June 28

✕

viveranoorganics

Little gentleman, big style. Timelessly adorable.
(Available 3 months - 3T) Our Henry Textured Organic Baby Polo Sweater Shirt & Shorts Set is the perfect blend of comfort and charm.

Featuring a classic textured stripe design in warm brown with navy and soft grey accents, this matching set is crafted from breathable 100% organic cotton for all-day comfort and effortless style. Whether it’s a family outing, special occasion, or everyday adventure, your little one will look polished while staying cozy. Soft on delicate skin. Thoughtfully made in India. Henry Textured Organic Baby Polo Sweater Shirt & Shorts Set / SKU 271022 . . . . .

#OrganicBabyClothes #BabyBoyStyle #LittleGentleman #cutebabyclothes #OrganicKidsWear

June 23

✕

viveranoorganics

Cozy season is here! 🍂

Shop new arrivals at Viverano.com ✨ . . . .

#Viverano #OrganicBabyClothes #BabySweaters #CozyBabyStyle #BabyGiftIdeas

October 18

✕

viveranoorganics

Woodland Animals Knit Organic Baby Pullover / 262113 Pocket Sweater Knit Organic Baby Legging Pants / 262204 . . . . .

#OrganicBabyClothes #OrganicBabyGift #BabySweater #FallBabyStyle #GenderNeutralBaby

September 9

✕

viveranoorganics

A new chapter begins.

Introducing Viverano Como—our first collection created for girls ages 2–6.

Perfect for Back to School, special outings, family photographs, and all the beautiful everyday moments in between.

Select styles are also available for Sister + Little Sister—because some moments are even sweeter when shared.

Discover the Viverano Como Collection. Available now. . . . . . .

#BackToSchool #KidsClothing #OrganicCotton #ToddlerStyle #GirlsDresses

August 17

✕

viveranoorganics

✨We’re growing — literally!
We’ve purchased an additional warehouse, and renovations are officially underway. More space for all the exciting things ahead!

✨ Fall/Winter has arrived!
Our Fall/Winter shipments are here, and we’re busy sending them out to our wonderful boutique partners. So. Many. Cute. Styles.

✨First Fall photoshoot: DONE!
And everything is looking sooo cute. We can’t wait to share the new images with you soon!

✨ And something for the grown-ups, too!
We’re now offering adult sweaters that coordinate with our baby sweaters. Matching baby + mama? How cute is that?!

There’s so much more to come. Follow along and stay in touch — we can’t wait to share what’s next! . . . .

#Viverano #OrganicBabyClothes #OrganicKidsClothing #MatchingOutfits #MommyAndMe

✨We’re growing — literally!
We’ve purchased an additional warehouse, and renovations are officially underway. More space for all the exciting things ahead!

NEW HVAC has been installed in the new warehouse today!

✨ Fall/Winter has arrived!
Our Fall/Winter shipments are here, and we’re busy sending them out to our wonderful boutique partners. So. Many. Cute. Styles.

✨First Fall photoshoot: DONE!
And everything is looking sooo cute. We can’t wait to share the new images with you soon!

✨ And something for the grown-ups, too!
We’re now offering adult sweaters that coordinate with our baby sweaters. Matching baby + mama? How cute is that?!

FW26 new organic baby sweaters - in stores and online soon!

August 14

✕

viveranoorganics

Designed in the USA. Ethically made in India. Happy Baby. Happy Earth. . . . . . #OrganicBabyClothes #OrganicCotton #CuteBabyStyles #babygirloutfit #BabyOOTD

July 31

✕

viveranoorganics

Summer isn’t over just yet. ✈️☀️🌊

Crafted from breathable organic cotton that’s gentle on delicate skin, because every summer memory should begin in comfort.

Happy Baby. Happy Earth.

Airplane Stripe Embroidered Organic Baby Knit Romper Set / SKU 271002

Beach Embroidered Organic Baby Knit Romper / SKU 271010 . . .

#OrganicBaby #Babyclothes #BabyOOTD#cutebabyoutfits #organicbabyoutfit

July 24

✕

viveranoorganics

Soft blush, sunshine, and the sweetest little moments.

Nyla Textured Knit Baby Tank & Shorts Set (Organic Cotton) SKU 271076

. . . . . .

#organicbaby #babyoutfitoftheday #OrganicBabyClothes #babyootd #cutebabyclothes

July 11

✕

viveranoorganics

Jamie Blue Floral Baby Girl Dress + Bloomer (Organic) SKU 272018

. . . . . #babygirloutfit #cutebabyoutfits #organicbabyclothes #BabyOOTD #BabyGirlStyle

July 9

✕

viveranoorganics

🇺🇸 Happy Birthday, America.

Wishing you a beautiful 4th of July filled with joy, togetherness, and moments worth remembering.

#HappyFourthOfJuly #OrganicBaby #OrganicCotton #LittleMoments #ThoughtfullyMade

July 4

✕

viveranoorganics

🇺🇸 As the 4th of July weekend begins...

There's something special about summer gatherings, little adventures, and the moments shared with the ones we love most.

Celebrate with 20% off sitewide using code JULY4, valid July 2–5.

Wishing you a joyful Independence Day weekend filled with comfort, connection, and little moments worth remembering.

#OrganicBaby #OrganicCotton #FourthOfJuly #ThoughtfullyMade #BabyClothes

July 2

✕

viveranoorganics

#babygirloutfit #cutebabyoutfits #BabyEssentials #organicbabyclothes #organicbabyoutfit

June 28

✕

viveranoorganics

#OrganicBabyClothes #BabyBoyStyle #LittleGentleman #cutebabyclothes #OrganicKidsWear

June 23